[terra-time-input] - Mode changing issue on JAWS and SR fixes

packages/terra-date-input/tests/jest/__snapshots__/DateInput.test.jsx.snap

@@ -271,7 +271,7 @@ exports[`DateInput correctly applies the theme context className 1`] = `
             refCallback={[Function]}
             required={false}
             size="2"
-            type="text"
+            type="number"
             value="04"
           >
             <input
@@ -293,7 +293,7 @@ exports[`DateInput correctly applies the theme context className 1`] = `
               pattern="\\\\d*"
               required={false}
               size="2"
-              type="text"
+              type="number"
               value="04"
             />
           </Input>
@@ -367,7 +367,7 @@ exports[`DateInput correctly applies the theme context className 1`] = `
             refCallback={[Function]}
             required={false}
             size="4"
-            type="text"
+            type="number"
             value="2000"
           >
             <input
@@ -389,7 +389,7 @@ exports[`DateInput correctly applies the theme context className 1`] = `
               pattern="\\\\d*"
               required={false}
               size="4"
-              type="text"
+              type="number"
               value="2000"
             />
           </Input>
@@ -538,7 +538,7 @@ exports[`DateInput should not have duplicate ids on the page when multiple date
       name="terra-date-day-date-input"
       pattern="\\\\d*"
       size="2"
-      type="text"
+      type="number"
       value=""
     />
     <span
@@ -559,7 +559,7 @@ exports[`DateInput should not have duplicate ids on the page when multiple date
       name="terra-date-year-date-input"
       pattern="\\\\d*"
       size="4"
-      type="text"
+      type="number"
       value=""
     />
     <span
@@ -691,7 +691,7 @@ exports[`DateInput should not have duplicate ids on the page when multiple date
       name="terra-date-day-date-input-2"
       pattern="\\\\d*"
       size="2"
-      type="text"
+      type="number"
       value=""
     />
     <span
@@ -712,7 +712,7 @@ exports[`DateInput should not have duplicate ids on the page when multiple date
       name="terra-date-year-date-input-2"
       pattern="\\\\d*"
       size="4"
-      type="text"
+      type="number"
       value=""
     />
     <span
@@ -844,7 +844,7 @@ exports[`DateInput should not have duplicate ids on the page when multiple date
       name="terra-date-day-date-input-3"
       pattern="\\\\d*"
       size="2"
-      type="text"
+      type="number"
       value=""
     />
     <span
@@ -865,7 +865,7 @@ exports[`DateInput should not have duplicate ids on the page when multiple date
       name="terra-date-year-date-input-3"
       pattern="\\\\d*"
       size="4"
-      type="text"
+      type="number"
       value=""
     />
     <span
@@ -2487,7 +2487,7 @@ exports[`DateInputField correctly applies the theme context className 1`] = `
                   refCallback={[Function]}
                   required={false}
                   size="2"
-                  type="text"
+                  type="number"
                   value="04"
                 >
                   <input
@@ -2509,7 +2509,7 @@ exports[`DateInputField correctly applies the theme context className 1`] = `
                     pattern="\\\\d*"
                     required={false}
                     size="2"
-                    type="text"
+                    type="number"
                     value="04"
                   />
                 </Input>
@@ -2586,7 +2586,7 @@ exports[`DateInputField correctly applies the theme context className 1`] = `
                   refCallback={[Function]}
                   required={false}
                   size="4"
-                  type="text"
+                  type="number"
                   value="2000"
                 >
                   <input
@@ -2608,7 +2608,7 @@ exports[`DateInputField correctly applies the theme context className 1`] = `
                     pattern="\\\\d*"
                     required={false}
                     size="4"
-                    type="text"
+                    type="number"
                     value="2000"
                   />
                 </Input>

packages/terra-date-time-picker/tests/wdio/date-time-picker-spec.js

@@ -695,6 +695,10 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect($('input[name="terra-date-day-input"]')).toHaveValue((`0${today.date()}`).slice(-2));
           expect($('input[name="terra-time-hour-input"]')).toHaveValue((`0${today.hour()}`).slice(-2));
           expect($('input[name="terra-time-minute-input"]')).toHaveValue((`0${today.minute()}`).slice(-2));
+          const minuteValue = Number($('input[name="terra-time-minute-input"]').getValue());
+          const minuteTimeValue = today.minutes();
+          const minuteInRange = (minuteTimeValue === minuteValue + 1 || minuteTimeValue === minuteValue);
+          expect(minuteInRange).toBe(true);
         });
 
         it('should set date to today in the second input', () => {
@@ -711,7 +715,7 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect($('input[name="terra-time-minute-input"]')).toHaveValue((`0${today.minute()}`).slice(-2));
           const secondsValue = Number($('input[name="terra-time-second-input"]').getValue());
           const secondsTimeValue = today.seconds();
-          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue);
+          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue + 2 || secondsTimeValue === secondsValue);
           expect(secondsInRange).toBe(true);
         });
       });
@@ -771,7 +775,7 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect($('input[name="terra-time-minute-input"]')).toHaveValue((`0${today.minute()}`).slice(-2));
           const secondsValue = Number($('input[name="terra-time-second-input"]').getValue());
           const secondsTimeValue = today.seconds();
-          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue);
+          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue + 2 || secondsTimeValue === secondsValue);
           expect(secondsInRange).toBe(true);
         });
       });
@@ -819,15 +823,15 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect($('input[name="terra-time-minute-input"]')).toHaveValue((`0${today.minute()}`).slice(-2));
           const secondsValue = Number($('input[name="terra-time-second-input"]').getValue());
           const secondsTimeValue = today.seconds();
-          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue);
+          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue + 2 || secondsTimeValue === secondsValue);
           expect(secondsInRange).toBe(true);
         });
       });
     });
 
     describe('-', () => {
       describe('if blank date', () => {
-        it('should set date to today and now minus 1 minute in the hour input', () => {
+        it('should set date to today and now minus 1 hour in the hour input', () => {
           browser.url('/raw/tests/cerner-terra-framework-docs/date-time-picker/date-time-picker-default');
           browser.refresh();
           $('input[name="terra-time-hour-input"]').click();
@@ -863,13 +867,13 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect(minuteInRange).toBe(true);
         });
 
-        it('should set date to today and now minus 1 minute in the second input', () => {
+        it('should set date to today and now minus 1 second in the second input', () => {
           browser.url('/raw/tests/cerner-terra-framework-docs/date-time-picker/date-time-picker-with-seconds');
           browser.refresh();
           $('input[name="terra-time-second-input"]').click();
           browser.keys('-');
 
-          const today = moment.utc().subtract(1, 'minutes');
+          const today = moment.utc().subtract(1, 'seconds');
           expect($('input[name="terra-date-year-input"]')).toHaveValue(today.year().toString());
           expect($('input[name="terra-date-month-input"]')).toHaveValue((`0${(today.month() + 1)}`).slice(-2));
           expect($('input[name="terra-date-day-input"]')).toHaveValue((`0${today.date()}`).slice(-2));
@@ -1150,7 +1154,7 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
 
     describe('+', () => {
       describe('if blank date', () => {
-        it('should set date to today and now plus 1 minute in the hour input', () => {
+        it('should set date to today and now plus 1 hour in the hour input', () => {
           browser.url('/raw/tests/cerner-terra-framework-docs/date-time-picker/date-time-picker-default');
           browser.refresh();
           $('input[name="terra-time-hour-input"]').click();
@@ -1186,21 +1190,22 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect(minuteInRange).toBe(true);
         });
 
-        it('should set date to today and now plus 1 minute in the second input', () => {
+        it('should set date to today and now plus 1 seconds in the second input', () => {
           browser.url('/raw/tests/cerner-terra-framework-docs/date-time-picker/date-time-picker-with-seconds');
           browser.refresh();
           $('input[name="terra-time-second-input"]').click();
           browser.keys('+');
 
-          const today = moment.utc().add(1, 'minutes');
+          const today = moment.utc().add(1, 'seconds');
           expect($('input[name="terra-date-year-input"]')).toHaveValue(today.year().toString());
           expect($('input[name="terra-date-month-input"]')).toHaveValue((`0${(today.month() + 1)}`).slice(-2));
           expect($('input[name="terra-date-day-input"]')).toHaveValue((`0${today.date()}`).slice(-2));
           expect($('input[name="terra-time-hour-input"]')).toHaveValue((`0${today.hour()}`).slice(-2));
           expect($('input[name="terra-time-minute-input"]')).toHaveValue((`0${today.minute()}`).slice(-2));
+          expect($('input[name="terra-time-second-input"]')).toHaveValue((`0${today.second()}`).slice(-2));
           const secondsValue = Number($('input[name="terra-time-second-input"]').getValue());
           const secondsTimeValue = today.seconds();
-          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue);
+          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue + 2 || secondsTimeValue === secondsValue);
           expect(secondsInRange).toBe(true);
         });
       });
@@ -1246,7 +1251,7 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           expect(minuteInRange).toBe(true);
         });
 
-        it('should set date to today and now plus 1 minute in the second input', () => {
+        it('should set date to today and now plus 1 second in the second input', () => {
           browser.url('/raw/tests/cerner-terra-framework-docs/date-time-picker/date-time-picker-with-seconds');
           browser.refresh();
           $('input[name="terra-date-year-input"]').click();
@@ -1256,15 +1261,16 @@ Terra.describeViewports('DateTimePicker', ['large'], () => {
           $('input[name="terra-time-second-input"]').click();
           browser.keys('+');
 
-          const today = moment.utc().add(1, 'minutes');
+          const today = moment.utc().add(1, 'seconds');
           expect($('input[name="terra-date-year-input"]')).toHaveValue(today.year().toString());
           expect($('input[name="terra-date-month-input"]')).toHaveValue((`0${(today.month() + 1)}`).slice(-2));
           expect($('input[name="terra-date-day-input"]')).toHaveValue((`0${today.date()}`).slice(-2));
           expect($('input[name="terra-time-hour-input"]')).toHaveValue((`0${today.hour()}`).slice(-2));
           expect($('input[name="terra-time-minute-input"]')).toHaveValue((`0${today.minute()}`).slice(-2));
+          expect($('input[name="terra-time-second-input"]')).toHaveValue((`0${today.second()}`).slice(-2));
           const secondsValue = Number($('input[name="terra-time-second-input"]').getValue());
           const secondsTimeValue = today.seconds();
-          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue);
+          const secondsInRange = (secondsTimeValue === secondsValue + 1 || secondsTimeValue === secondsValue + 2 || secondsTimeValue === secondsValue);
           expect(secondsInRange).toBe(true);
         });
       });

packages/terra-time-input/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+* Changed
+  * Changed `up`,`down` key functionality to same as `+`,`-` functionality to make uniform.
+  * Changed `terra-time-input` type `number` instead of `text`.
+
 ## 4.61.0 - (January 25, 2024)
 
 * Changed