@itwin/components-react 4.1.0 → 4.2.0

package/lib/esm/components-react/datepicker/DatePickerPopupButton.scss

@@ -1,57 +1,57 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-
-.components-date-picker-calendar-popup-button {
-  color: var(--iui-color-text);
-  font-size: var(--iui-font-size-1);
-  background-color: transparent;
-  height: 2.2em;
-  border: none;
-  margin-right: 2px;
-
-  .datepicker-button {
-    width: 16px;
-    height: 16px;
-  }
-
-  svg {
-    fill: var(--iui-color-icon);
-  }
-
-  &:hover {
-    color: var(--iui-color-text-accent-hover);
-    cursor: auto;
-
-    svg {
-      fill: $buic-foreground-primary-tone;
-    }
-  }
-
-  &:focus {
-    box-shadow: $buic-focus-boxshadow 0px 0px 0px 2px;
-    outline: none;
-  }
-}
-
-.components-date-picker-calendar-popup-panel {
-  display: flex;
-  flex-direction: column;
-  background-color: $buic-background-control;
-
-  .time-container {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    border-top: 2px solid var(--iui-color-border-foreground);
-    padding-top: 8px;
-    padding-bottom: 8px;
-
-    .time-label {
-      margin-right: 4px;
-    }
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/index";
+
+.components-date-picker-calendar-popup-button {
+  color: var(--iui-color-text);
+  font-size: var(--iui-font-size-1);
+  background-color: transparent;
+  height: 2.2em;
+  border: none;
+  margin-right: 2px;
+
+  .datepicker-button {
+    width: 16px;
+    height: 16px;
+  }
+
+  svg {
+    fill: var(--iui-color-icon);
+  }
+
+  &:hover {
+    color: var(--iui-color-text-accent-hover);
+    cursor: auto;
+
+    svg {
+      fill: $buic-foreground-primary-tone;
+    }
+  }
+
+  &:focus {
+    box-shadow: $buic-focus-boxshadow 0px 0px 0px 2px;
+    outline: none;
+  }
+}
+
+.components-date-picker-calendar-popup-panel {
+  display: flex;
+  flex-direction: column;
+  background-color: $buic-background-control;
+
+  .time-container {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    border-top: 2px solid var(--iui-color-border-foreground);
+    padding-top: 8px;
+    padding-bottom: 8px;
+
+    .time-label {
+      margin-right: 4px;
+    }
+  }
+}

package/lib/esm/components-react/datepicker/IntlFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntlFormatter.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/IntlFormatter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D;;;;;;;GAOG;AACH,qBAAa,aAAc,YAAW,aAAa;IACrC,OAAO,CAAC,cAAc,CAAC;gBAAf,cAAc,CAAC,iCAAqB;IAGxD,IAAW,SAAS,IAAI,IAAI,CAAC,cAAc,CAiB1C;IAEM,WAAW,CAAC,GAAG,EAAE,IAAI;CAO7B"}
+{"version":3,"file":"IntlFormatter.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/IntlFormatter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D;;;;;;;GAOG;AACH,qBAAa,aAAc,YAAW,aAAa;IACrC,OAAO,CAAC,cAAc,CAAC;gBAAf,cAAc,CAAC,iCAAqB;IAExD,IAAW,SAAS,IAAI,IAAI,CAAC,cAAc,CAgB1C;IAEM,WAAW,CAAC,GAAG,EAAE,IAAI;CAO7B"}

package/lib/esm/components-react/datepicker/IntlFormatter.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Date
  */
@@ -21,15 +21,15 @@ export class IntlFormatter {
         if (!this._intlFormatter) {
             // https://tc39.es/ecma402/#sec-intl-datetimeformat-constructor
             this._intlFormatter = new Intl.DateTimeFormat(undefined, {
-                weekday: "short",
-                year: "numeric",
-                month: "2-digit",
-                day: "2-digit",
-                hour: "numeric",
+                weekday: "short" /* "narrow", "short", "long" */,
+                year: "numeric" /* "2-digit", "numeric" */,
+                month: "2-digit" /* "2-digit", "numeric", "narrow", "short", "long" */,
+                day: "2-digit" /* "2-digit", "numeric" */,
+                hour: "numeric" /* "2-digit", "numeric" */,
                 hour12: true,
-                minute: "numeric",
-                second: "numeric", /* "2-digit", "numeric" */
-                /* timeZoneName:	"short", */ /* "short", "long" */
+                minute: "numeric" /* "2-digit", "numeric" */,
+                second: "numeric" /* "2-digit", "numeric" */ /* "short", "long" */,
+                /* timeZoneName:	"short", */
             });
         }
         return this._intlFormatter;

package/lib/esm/components-react/datepicker/IntlFormatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntlFormatter.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/IntlFormatter.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;;;;;;GAOG;AACH,MAAM,OAAO,aAAa;IACxB,YAAoB,cAAoC;QAApC,mBAAc,GAAd,cAAc,CAAsB;IACxD,CAAC;IAED,IAAW,SAAS;QAClB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,+DAA+D;YAC/D,IAAI,CAAC,cAAc,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EACrD;gBACE,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,SAAS;gBAChB,GAAG,EAAE,SAAS;gBACd,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,IAAI;gBACZ,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS,EAAG,0BAA0B;gBAC9C,4BAA4B,CAAC,qBAAqB;aACnD,CAAC,CAAC;SACN;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAEM,WAAW,CAAC,GAAS;QAC1B,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;CAKF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Date\r\n */\r\n\r\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\r\n\r\n/**\r\n * A basic class that allows user to provide an Intl.DateTimeFormat\r\n * that can be used to format the date and time display. If no format is\r\n * specified a default format will be used. This default implementation does not\r\n * support parsing, so when used by [[DatePickerPopup]] the edit field will be readonly. If\r\n * a parseData function is implemented then the edit field will be editable.\r\n * @alpha\r\n */\r\nexport class IntlFormatter implements DateFormatter {\r\n  constructor(private _intlFormatter?: Intl.DateTimeFormat) {\r\n  }\r\n\r\n  public get formatter(): Intl.DateTimeFormat {\r\n    if (!this._intlFormatter) {\r\n      // https://tc39.es/ecma402/#sec-intl-datetimeformat-constructor\r\n      this._intlFormatter = new Intl.DateTimeFormat(undefined,\r\n        {\r\n          weekday: \"short\",    /* \"narrow\", \"short\", \"long\" */\r\n          year: \"numeric\",    /* \"2-digit\", \"numeric\" */\r\n          month: \"2-digit\",   /* \"2-digit\", \"numeric\", \"narrow\", \"short\", \"long\" */\r\n          day: \"2-digit\",     /* \"2-digit\", \"numeric\" */\r\n          hour: \"numeric\",    /* \"2-digit\", \"numeric\" */\r\n          hour12: true,\r\n          minute: \"numeric\",  /* \"2-digit\", \"numeric\" */\r\n          second: \"numeric\",  /* \"2-digit\", \"numeric\" */\r\n          /* timeZoneName:\t\"short\", */ /* \"short\", \"long\" */\r\n        });\r\n    }\r\n    return this._intlFormatter;\r\n  }\r\n\r\n  public formateDate(day: Date) {\r\n    return this.formatter.format(day);\r\n  }\r\n\r\n  // The default implementation does not currently support parsing. If a derived class supports parsing then the\r\n  // parseDate function must be implemented.\r\n  // parseDate(dateString: string): Date|undefined {}\r\n}\r\n\r\n"]}
+{"version":3,"file":"IntlFormatter.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/IntlFormatter.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH;;;;;;;GAOG;AACH,MAAM,OAAO,aAAa;IACxB,YAAoB,cAAoC;QAApC,mBAAc,GAAd,cAAc,CAAsB;IAAG,CAAC;IAE5D,IAAW,SAAS;QAClB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,+DAA+D;YAC/D,IAAI,CAAC,cAAc,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE;gBACvD,OAAO,EAAE,OAAO,CAAC,+BAA+B;gBAChD,IAAI,EAAE,SAAS,CAAC,0BAA0B;gBAC1C,KAAK,EAAE,SAAS,CAAC,qDAAqD;gBACtE,GAAG,EAAE,SAAS,CAAC,0BAA0B;gBACzC,IAAI,EAAE,SAAS,CAAC,0BAA0B;gBAC1C,MAAM,EAAE,IAAI;gBACZ,MAAM,EAAE,SAAS,CAAC,0BAA0B;gBAC5C,MAAM,EAAE,SAAS,CAAC,0BAA0B,CAAC,qBAAqB;gBAClE,4BAA4B;aAC7B,CAAC,CAAC;SACJ;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAEM,WAAW,CAAC,GAAS;QAC1B,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;CAKF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\n\n/**\n * A basic class that allows user to provide an Intl.DateTimeFormat\n * that can be used to format the date and time display. If no format is\n * specified a default format will be used. This default implementation does not\n * support parsing, so when used by [[DatePickerPopup]] the edit field will be readonly. If\n * a parseData function is implemented then the edit field will be editable.\n * @alpha\n */\nexport class IntlFormatter implements DateFormatter {\n  constructor(private _intlFormatter?: Intl.DateTimeFormat) {}\n\n  public get formatter(): Intl.DateTimeFormat {\n    if (!this._intlFormatter) {\n      // https://tc39.es/ecma402/#sec-intl-datetimeformat-constructor\n      this._intlFormatter = new Intl.DateTimeFormat(undefined, {\n        weekday: \"short\" /* \"narrow\", \"short\", \"long\" */,\n        year: \"numeric\" /* \"2-digit\", \"numeric\" */,\n        month: \"2-digit\" /* \"2-digit\", \"numeric\", \"narrow\", \"short\", \"long\" */,\n        day: \"2-digit\" /* \"2-digit\", \"numeric\" */,\n        hour: \"numeric\" /* \"2-digit\", \"numeric\" */,\n        hour12: true,\n        minute: \"numeric\" /* \"2-digit\", \"numeric\" */,\n        second: \"numeric\" /* \"2-digit\", \"numeric\" */ /* \"short\", \"long\" */,\n        /* timeZoneName:\t\"short\", */\n      });\n    }\n    return this._intlFormatter;\n  }\n\n  public formateDate(day: Date) {\n    return this.formatter.format(day);\n  }\n\n  // The default implementation does not currently support parsing. If a derived class supports parsing then the\n  // parseDate function must be implemented.\n  // parseDate(dateString: string): Date|undefined {}\n}\n"]}

package/lib/esm/components-react/datepicker/TimeField.d.ts

@@ -26,5 +26,5 @@ export interface TimeFieldProps {
  * change the time.
  * @internal
  */
-export declare function TimeField({ time, timeDisplay, readOnly, onTimeChange }: TimeFieldProps): JSX.Element;
+export declare function TimeField({ time, timeDisplay, readOnly, onTimeChange, }: TimeFieldProps): JSX.Element;
 //# sourceMappingURL=TimeField.d.ts.map

package/lib/esm/components-react/datepicker/TimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/TimeField.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkBD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,cAAc,eAuMtF"}
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/TimeField.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwBD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,GACb,EAAE,cAAc,eAyVhB"}

package/lib/esm/components-react/datepicker/TimeField.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Date
  */
@@ -23,13 +23,13 @@ function getValidInt(intText, min, max, defaultValue) {
     return defaultValue;
 }
 function isSameTime(a, b) {
-    return a.hours === b.hours && a.minutes === b.minutes && a.seconds === b.seconds;
+    return (a.hours === b.hours && a.minutes === b.minutes && a.seconds === b.seconds);
 }
 /** Field used to set the Hour:Minutes:Seconds in the [[DatePicker]] Popup panel. The user may key-in the value or use up/down keys to
  * change the time.
  * @internal
  */
-export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
+export function TimeField({ time, timeDisplay, readOnly, onTimeChange, }) {
     const initialDateRef = React.useRef(time);
     const amLabelRef = React.useRef(UiComponents.translate("timepicker.day-period-am"));
     const pmLabelRef = React.useRef(UiComponents.translate("timepicker.day-period-pm"));
@@ -40,7 +40,7 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
         if (!showDayPeriod) {
             return timeHours;
         }
-        const outHours = (0 === timeHours) ? 12 : timeHours > 12 ? timeHours - 12 : timeHours;
+        const outHours = 0 === timeHours ? 12 : timeHours > 12 ? timeHours - 12 : timeHours;
         return outHours;
     }, [showDayPeriod]);
     // See if new initialDate props have changed since component mounted
@@ -51,12 +51,18 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
         }
     }, [time]);
     const displayHour = getDisplayHours(hours);
-    const [dayPeriodText, setDayPeriodText] = React.useState(showDayPeriod ? (hours >= 12 ? pmLabelRef.current : amLabelRef.current) : undefined);
+    const [dayPeriodText, setDayPeriodText] = React.useState(showDayPeriod
+        ? hours >= 12
+            ? pmLabelRef.current
+            : amLabelRef.current
+        : undefined);
     const [hoursText, setHoursText] = React.useState(displayHour.toString().padStart(2, "0"));
     const [minutesText, setMinutesText] = React.useState(minutes.toString().padStart(2, "0"));
     const [secondsText, setSecondsText] = React.useState(seconds.toString().padStart(2, "0"));
     const updateTimeSpec = React.useCallback((newTime) => {
-        if (newTime.hours !== timeSpec.hours || newTime.minutes !== timeSpec.minutes || newTime.seconds !== timeSpec.seconds) {
+        if (newTime.hours !== timeSpec.hours ||
+            newTime.minutes !== timeSpec.minutes ||
+            newTime.seconds !== timeSpec.seconds) {
             setTimeSpec(newTime);
             onTimeChange && onTimeChange(newTime);
         }
@@ -77,8 +83,16 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
         const newHours = getValidInt(hoursText, 0, 24, hours);
         setHoursText(getDisplayHours(newHours).toString().padStart(2, "0"));
         updateTimeSpec({ ...timeSpec, hours: newHours });
-        showDayPeriod && setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);
-    }, [getDisplayHours, hours, hoursText, showDayPeriod, timeSpec, updateTimeSpec]);
+        showDayPeriod &&
+            setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);
+    }, [
+        getDisplayHours,
+        hours,
+        hoursText,
+        showDayPeriod,
+        timeSpec,
+        updateTimeSpec,
+    ]);
     const handleMinutesOnBlur = React.useCallback(() => {
         const newMinutes = getValidInt(minutesText, 0, 59, minutes);
         setMinutesText(newMinutes.toString().padStart(2, "0"));
@@ -92,9 +106,13 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
     const handleDayPeriodOnBlur = React.useCallback(() => {
         let newPeriodText;
         // istanbul ignore else
-        if (dayPeriodText === "AM" || dayPeriodText === "am" || dayPeriodText === amLabelRef.current)
+        if (dayPeriodText === "AM" ||
+            dayPeriodText === "am" ||
+            dayPeriodText === amLabelRef.current)
             newPeriodText = amLabelRef.current;
-        else if (dayPeriodText === "PM" || dayPeriodText === "pm" || dayPeriodText === pmLabelRef.current)
+        else if (dayPeriodText === "PM" ||
+            dayPeriodText === "pm" ||
+            dayPeriodText === pmLabelRef.current)
             newPeriodText = pmLabelRef.current;
         // istanbul ignore else
         if (undefined !== newPeriodText) {
@@ -109,26 +127,39 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
     }, [dayPeriodText, hours, timeSpec, updateTimeSpec]);
     const handleHoursOnKeyDown = React.useCallback((event) => {
         // istanbul ignore else
-        if (event.key === SpecialKey.ArrowDown || event.key === SpecialKey.ArrowUp) {
+        if (event.key === SpecialKey.ArrowDown ||
+            event.key === SpecialKey.ArrowUp) {
             let newHours = hours + (event.key === SpecialKey.ArrowDown ? -1 : 1);
             if (newHours < 0)
                 newHours = 24;
-            if (newHours > 24 || (newHours > 23 && ((minutes + seconds) > 0)))
+            if (newHours > 24 || (newHours > 23 && minutes + seconds > 0))
                 newHours = 0;
             setHoursText(getDisplayHours(newHours).toString().padStart(2, "0"));
             updateTimeSpec({ ...timeSpec, hours: newHours });
-            showDayPeriod && setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);
+            showDayPeriod &&
+                setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);
             event.preventDefault();
         }
         else if (event.key === SpecialKey.Enter) {
             const newHours = getValidInt(hoursText, 0, 24, hours);
             setHoursText(getDisplayHours(newHours).toString().padStart(2, "0"));
             updateTimeSpec({ ...timeSpec, hours: newHours });
-            showDayPeriod && setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);
+            showDayPeriod &&
+                setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);
             event.preventDefault();
         }
-    }, [getDisplayHours, hours, hoursText, minutes, seconds, showDayPeriod, timeSpec, updateTimeSpec]);
+    }, [
+        getDisplayHours,
+        hours,
+        hoursText,
+        minutes,
+        seconds,
+        showDayPeriod,
+        timeSpec,
+        updateTimeSpec,
+    ]);
     const handleMinutesOnKeyDown = React.useCallback((event) => {
+        // istanbul ignore else
         if (event.key === SpecialKey.ArrowDown) {
             const newMinutes = minutes === 0 ? 59 : minutes - 1;
             setMinutesText(newMinutes.toString().padStart(2, "0"));
@@ -141,13 +172,14 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
             updateTimeSpec({ ...timeSpec, minutes: newMinutes });
             event.preventDefault();
         }
-        else if (event.key === SpecialKey.Home || event.key === SpecialKey.End) {
+        else if (event.key === SpecialKey.Home ||
+            event.key === SpecialKey.End) {
             const newMinutes = event.key === SpecialKey.Home ? 0 : 59;
             setMinutesText(newMinutes.toString().padStart(2, "0"));
             updateTimeSpec({ ...timeSpec, minutes: newMinutes });
             event.preventDefault();
         }
-        else /* istanbul ignore next */ if (event.key === SpecialKey.Enter) {
+        else if (event.key === SpecialKey.Enter) {
             const newMinutes = getValidInt(minutesText, 0, 59, minutes);
             setMinutesText(newMinutes.toString().padStart(2, "0"));
             updateTimeSpec({ ...timeSpec, minutes: newMinutes });
@@ -168,7 +200,8 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
             updateTimeSpec({ ...timeSpec, seconds: newSeconds });
             event.preventDefault();
         }
-        else if (event.key === SpecialKey.Home || event.key === SpecialKey.End) {
+        else if (event.key === SpecialKey.Home ||
+            event.key === SpecialKey.End) {
             const newSeconds = event.key === SpecialKey.Home ? 0 : 59;
             setSecondsText(newSeconds.toString().padStart(2, "0"));
             updateTimeSpec({ ...timeSpec, seconds: newSeconds });
@@ -184,18 +217,28 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
     const handleDayPeriodOnKeyDown = React.useCallback((event) => {
         let newPeriodText;
         // istanbul ignore else
-        if (event.key === SpecialKey.ArrowDown || event.key === SpecialKey.Home || event.key === "a" || event.key === "A") {
+        if (event.key === SpecialKey.ArrowDown ||
+            event.key === SpecialKey.Home ||
+            event.key === "a" ||
+            event.key === "A") {
             newPeriodText = amLabelRef.current;
             event.preventDefault();
         }
-        else if (event.key === SpecialKey.ArrowUp || event.key === SpecialKey.End || event.key === "p" || event.key === "P") {
+        else if (event.key === SpecialKey.ArrowUp ||
+            event.key === SpecialKey.End ||
+            event.key === "p" ||
+            event.key === "P") {
             newPeriodText = pmLabelRef.current;
             event.preventDefault();
         }
         else if (event.key === SpecialKey.Enter) {
-            if (dayPeriodText === "AM" || dayPeriodText === "am" || dayPeriodText === amLabelRef.current)
+            if (dayPeriodText === "AM" ||
+                dayPeriodText === "am" ||
+                dayPeriodText === amLabelRef.current)
                 newPeriodText = amLabelRef.current;
-            else if (dayPeriodText === "PM" || dayPeriodText === "pm" || dayPeriodText === pmLabelRef.current)
+            else if (dayPeriodText === "PM" ||
+                dayPeriodText === "pm" ||
+                dayPeriodText === pmLabelRef.current)
                 newPeriodText = pmLabelRef.current;
             event.preventDefault();
         }
@@ -212,15 +255,13 @@ export function TimeField({ time, timeDisplay, readOnly, onTimeChange }) {
         }
     }, [dayPeriodText, hours, timeSpec, updateTimeSpec]);
     const showSeconds = -1 !== timeDisplay.search(":ss");
-    return React.createElement("div", { "data-testid": "components-time-input", className: "components-time" },
+    return (React.createElement("div", { "data-testid": "components-time-input", className: "components-time" },
         React.createElement(Input, { className: "components-time-input", onKeyDown: handleHoursOnKeyDown, onBlur: handleHoursOnBlur, onChange: handleHoursChange, value: hoursText, disabled: readOnly, size: "small" }),
         React.createElement("span", { className: "component-time-separator" }, ":"),
         React.createElement(Input, { className: "components-time-input", onKeyDown: handleMinutesOnKeyDown, onBlur: handleMinutesOnBlur, onChange: handleMinutesChange, value: minutesText, disabled: readOnly, size: "small" }),
-        showSeconds &&
-            React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "component-time-separator" }, ":"),
-                React.createElement(Input, { className: "components-time-input", onKeyDown: handleSecondsOnKeyDown, onBlur: handleSecondsOnBlur, onChange: handleSecondsChange, value: secondsText, disabled: readOnly, size: "small" })),
-        dayPeriodText &&
-            React.createElement(Input, { className: "components-time-period-input", onKeyDown: handleDayPeriodOnKeyDown, onBlur: handleDayPeriodOnBlur, onChange: handleDayPeriodChange, value: dayPeriodText, disabled: readOnly, size: "small" }));
+        showSeconds && (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: "component-time-separator" }, ":"),
+            React.createElement(Input, { className: "components-time-input", onKeyDown: handleSecondsOnKeyDown, onBlur: handleSecondsOnBlur, onChange: handleSecondsChange, value: secondsText, disabled: readOnly, size: "small" }))),
+        dayPeriodText && (React.createElement(Input, { className: "components-time-period-input", onKeyDown: handleDayPeriodOnKeyDown, onBlur: handleDayPeriodOnBlur, onChange: handleDayPeriodChange, value: dayPeriodText, disabled: readOnly, size: "small" }))));
 }
 //# sourceMappingURL=TimeField.js.map

package/lib/esm/components-react/datepicker/TimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/TimeField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Date\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport type { TimeDisplay } from \"@itwin/appui-abstract\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { UiComponents } from \"../UiComponents\";\r\nimport \"./TimeField.scss\";\r\n\r\n/** Interface used to hold 24 hour time in\r\n * hours, minutes, and seconds.\r\n * @internal\r\n */\r\nexport interface TimeSpec {\r\n  hours: number;\r\n  minutes: number;\r\n  seconds: number;\r\n}\r\n\r\n/** Interface for props used by [[TimeField]] component.\r\n * @internal\r\n */\r\nexport interface TimeFieldProps {\r\n  time: TimeSpec;\r\n  timeDisplay: TimeDisplay;\r\n  onTimeChange?: (time: TimeSpec) => void;\r\n  readOnly?: boolean;\r\n}\r\n\r\nfunction getValidInt(intText: string, min: number, max: number, defaultValue: number) {\r\n  try {\r\n    const newValue = parseInt(intText, 10);\r\n    if (newValue >= min && newValue <= max)\r\n      return newValue;\r\n  } catch (_e) {\r\n    // istanbul ignore next\r\n    return defaultValue;\r\n  }\r\n  return defaultValue;\r\n}\r\n\r\nfunction isSameTime(a: TimeSpec, b: TimeSpec) {\r\n  return a.hours === b.hours && a.minutes === b.minutes && a.seconds === b.seconds;\r\n}\r\n\r\n/** Field used to set the Hour:Minutes:Seconds in the [[DatePicker]] Popup panel. The user may key-in the value or use up/down keys to\r\n * change the time.\r\n * @internal\r\n */\r\nexport function TimeField({ time, timeDisplay, readOnly, onTimeChange }: TimeFieldProps) {\r\n  const initialDateRef = React.useRef(time);\r\n  const amLabelRef = React.useRef(UiComponents.translate(\"timepicker.day-period-am\"));\r\n  const pmLabelRef = React.useRef(UiComponents.translate(\"timepicker.day-period-pm\"));\r\n  const [timeSpec, setTimeSpec] = React.useState(time);\r\n  const { hours, minutes, seconds } = timeSpec;\r\n  const showDayPeriod = -1 !== (timeDisplay as string).search(\"aa\");\r\n\r\n  const getDisplayHours = React.useCallback((timeHours: number) => {\r\n    if (!showDayPeriod) {\r\n      return timeHours;\r\n    }\r\n    const outHours = (0 === timeHours) ? 12 : timeHours > 12 ? timeHours - 12 : timeHours;\r\n    return outHours;\r\n  }, [showDayPeriod]);\r\n\r\n  // See if new initialDate props have changed since component mounted\r\n  React.useEffect(() => {\r\n    if (!isSameTime(time, initialDateRef.current)) {\r\n      setTimeSpec(time);\r\n      initialDateRef.current = time;\r\n    }\r\n  }, [time]);\r\n\r\n  const displayHour = getDisplayHours(hours);\r\n  const [dayPeriodText, setDayPeriodText] = React.useState(showDayPeriod ? (hours >= 12 ? pmLabelRef.current : amLabelRef.current) : undefined);\r\n  const [hoursText, setHoursText] = React.useState(displayHour.toString().padStart(2, \"0\"));\r\n  const [minutesText, setMinutesText] = React.useState(minutes.toString().padStart(2, \"0\"));\r\n  const [secondsText, setSecondsText] = React.useState(seconds.toString().padStart(2, \"0\"));\r\n\r\n  const updateTimeSpec = React.useCallback((newTime: TimeSpec) => {\r\n    if (newTime.hours !== timeSpec.hours || newTime.minutes !== timeSpec.minutes || newTime.seconds !== timeSpec.seconds) {\r\n      setTimeSpec(newTime);\r\n      onTimeChange && onTimeChange(newTime);\r\n    }\r\n  }, [onTimeChange, timeSpec.hours, timeSpec.minutes, timeSpec.seconds]);\r\n\r\n  const handleHoursChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setHoursText(event.currentTarget.value);\r\n  }, []);\r\n\r\n  const handleMinutesChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setMinutesText(event.currentTarget.value);\r\n  }, []);\r\n  const handleSecondsChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSecondsText(event.currentTarget.value);\r\n  }, []);\r\n  const handleDayPeriodChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setDayPeriodText(event.currentTarget.value);\r\n  }, []);\r\n\r\n  const handleHoursOnBlur = React.useCallback(() => {\r\n    const newHours = getValidInt(hoursText, 0, 24, hours);\r\n    setHoursText(getDisplayHours(newHours).toString().padStart(2, \"0\"));\r\n    updateTimeSpec({ ...timeSpec, hours: newHours });\r\n    showDayPeriod && setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);\r\n  }, [getDisplayHours, hours, hoursText, showDayPeriod, timeSpec, updateTimeSpec]);\r\n  const handleMinutesOnBlur = React.useCallback(() => {\r\n    const newMinutes = getValidInt(minutesText, 0, 59, minutes);\r\n    setMinutesText(newMinutes.toString().padStart(2, \"0\"));\r\n    updateTimeSpec({ ...timeSpec, minutes: newMinutes });\r\n  }, [minutes, minutesText, timeSpec, updateTimeSpec]);\r\n  const handleSecondsOnBlur = React.useCallback(() => {\r\n    const newSeconds = getValidInt(secondsText, 0, 59, seconds);\r\n    setSecondsText(newSeconds.toString().padStart(2, \"0\"));\r\n    updateTimeSpec({ ...timeSpec, seconds: newSeconds });\r\n  }, [seconds, secondsText, timeSpec, updateTimeSpec]);\r\n  const handleDayPeriodOnBlur = React.useCallback(() => {\r\n    let newPeriodText: string | undefined;\r\n    // istanbul ignore else\r\n    if (dayPeriodText === \"AM\" || dayPeriodText === \"am\" || dayPeriodText === amLabelRef.current)\r\n      newPeriodText = amLabelRef.current;\r\n    else if (dayPeriodText === \"PM\" || dayPeriodText === \"pm\" || dayPeriodText === pmLabelRef.current)\r\n      newPeriodText = pmLabelRef.current;\r\n\r\n    // istanbul ignore else\r\n    if (undefined !== newPeriodText) {\r\n      setDayPeriodText(newPeriodText);\r\n      if (newPeriodText === amLabelRef.current && hours > 12) {\r\n        updateTimeSpec({ ...timeSpec, hours: hours - 12 });\r\n      } else if (newPeriodText === pmLabelRef.current && hours <= 11) {\r\n        updateTimeSpec({ ...timeSpec, hours: hours + 12 });\r\n      }\r\n    }\r\n\r\n  }, [dayPeriodText, hours, timeSpec, updateTimeSpec]);\r\n\r\n  const handleHoursOnKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    // istanbul ignore else\r\n    if (event.key === SpecialKey.ArrowDown || event.key === SpecialKey.ArrowUp) {\r\n      let newHours = hours + (event.key === SpecialKey.ArrowDown ? -1 : 1);\r\n      if (newHours < 0) newHours = 24;\r\n      if (newHours > 24 || (newHours > 23 && ((minutes + seconds) > 0))) newHours = 0;\r\n      setHoursText(getDisplayHours(newHours).toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, hours: newHours });\r\n      showDayPeriod && setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.Enter) {\r\n      const newHours = getValidInt(hoursText, 0, 24, hours);\r\n      setHoursText(getDisplayHours(newHours).toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, hours: newHours });\r\n      showDayPeriod && setDayPeriodText(newHours >= 12 ? pmLabelRef.current : amLabelRef.current);\r\n      event.preventDefault();\r\n    }\r\n  }, [getDisplayHours, hours, hoursText, minutes, seconds, showDayPeriod, timeSpec, updateTimeSpec]);\r\n\r\n  const handleMinutesOnKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (event.key === SpecialKey.ArrowDown) {\r\n      const newMinutes = minutes === 0 ? 59 : minutes - 1;\r\n      setMinutesText(newMinutes.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, minutes: newMinutes });\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.ArrowUp) {\r\n      const newMinutes = minutes === 59 ? 0 : minutes + 1;\r\n      setMinutesText(newMinutes.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, minutes: newMinutes });\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.Home || event.key === SpecialKey.End) {\r\n      const newMinutes = event.key === SpecialKey.Home ? 0 : 59;\r\n      setMinutesText(newMinutes.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, minutes: newMinutes });\r\n      event.preventDefault();\r\n    } else /* istanbul ignore next */ if (event.key === SpecialKey.Enter) {\r\n      const newMinutes = getValidInt(minutesText, 0, 59, minutes);\r\n      setMinutesText(newMinutes.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, minutes: newMinutes });\r\n      event.preventDefault();\r\n    }\r\n  }, [minutesText, minutes, timeSpec, updateTimeSpec]);\r\n\r\n  const handleSecondsOnKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    // istanbul ignore else\r\n    if (event.key === SpecialKey.ArrowDown) {\r\n      const newSeconds = seconds === 0 ? 59 : seconds - 1;\r\n      setSecondsText(newSeconds.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, seconds: newSeconds });\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.ArrowUp) {\r\n      const newSeconds = seconds === 59 ? 0 : seconds + 1;\r\n      setSecondsText(newSeconds.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, seconds: newSeconds });\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.Home || event.key === SpecialKey.End) {\r\n      const newSeconds = event.key === SpecialKey.Home ? 0 : 59;\r\n      setSecondsText(newSeconds.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, seconds: newSeconds });\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.Enter) {\r\n      const newSeconds = getValidInt(secondsText, 0, 59, seconds);\r\n      setSecondsText(newSeconds.toString().padStart(2, \"0\"));\r\n      updateTimeSpec({ ...timeSpec, seconds: newSeconds });\r\n      event.preventDefault();\r\n    }\r\n  }, [seconds, secondsText, timeSpec, updateTimeSpec]);\r\n\r\n  const handleDayPeriodOnKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    let newPeriodText: string | undefined;\r\n    // istanbul ignore else\r\n    if (event.key === SpecialKey.ArrowDown || event.key === SpecialKey.Home || event.key === \"a\" || event.key === \"A\") {\r\n      newPeriodText = amLabelRef.current;\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.ArrowUp || event.key === SpecialKey.End || event.key === \"p\" || event.key === \"P\") {\r\n      newPeriodText = pmLabelRef.current;\r\n      event.preventDefault();\r\n    } else if (event.key === SpecialKey.Enter) {\r\n      if (dayPeriodText === \"AM\" || dayPeriodText === \"am\" || dayPeriodText === amLabelRef.current)\r\n        newPeriodText = amLabelRef.current;\r\n      else if (dayPeriodText === \"PM\" || dayPeriodText === \"pm\" || dayPeriodText === pmLabelRef.current)\r\n        newPeriodText = pmLabelRef.current;\r\n      event.preventDefault();\r\n    }\r\n    // istanbul ignore else\r\n    if (undefined !== newPeriodText) {\r\n      setDayPeriodText(newPeriodText);\r\n      /* istanbul ignore else */\r\n      if (newPeriodText === amLabelRef.current && hours > 12) {\r\n        updateTimeSpec({ ...timeSpec, hours: hours - 12 });\r\n      } else if (newPeriodText === pmLabelRef.current && hours <= 11) {\r\n        updateTimeSpec({ ...timeSpec, hours: hours + 12 });\r\n      }\r\n    }\r\n  }, [dayPeriodText, hours, timeSpec, updateTimeSpec]);\r\n\r\n  const showSeconds = -1 !== (timeDisplay as string).search(\":ss\");\r\n\r\n  return <div data-testid=\"components-time-input\" className=\"components-time\">\r\n    <Input className=\"components-time-input\" onKeyDown={handleHoursOnKeyDown} onBlur={handleHoursOnBlur} onChange={handleHoursChange} value={hoursText} disabled={readOnly} size=\"small\" />\r\n    <span className=\"component-time-separator\">:</span>\r\n    <Input className=\"components-time-input\" onKeyDown={handleMinutesOnKeyDown} onBlur={handleMinutesOnBlur} onChange={handleMinutesChange} value={minutesText} disabled={readOnly} size=\"small\" />\r\n    {showSeconds &&\r\n      <>\r\n        <span className=\"component-time-separator\">:</span>\r\n        <Input className=\"components-time-input\" onKeyDown={handleSecondsOnKeyDown} onBlur={handleSecondsOnBlur} onChange={handleSecondsChange} value={secondsText} disabled={readOnly} size=\"small\" />\r\n      </>\r\n    }\r\n    {dayPeriodText &&\r\n      <Input className=\"components-time-period-input\" onKeyDown={handleDayPeriodOnKeyDown} onBlur={handleDayPeriodOnBlur} onChange={handleDayPeriodChange} value={dayPeriodText} disabled={readOnly} size=\"small\" />\r\n    }\r\n  </div>;\r\n}\r\n"]}
+{"version":3,"file":"TimeField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/TimeField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport * as React from \"react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { TimeDisplay } from \"@itwin/appui-abstract\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport { UiComponents } from \"../UiComponents\";\nimport \"./TimeField.scss\";\n\n/** Interface used to hold 24 hour time in\n * hours, minutes, and seconds.\n * @internal\n */\nexport interface TimeSpec {\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\n/** Interface for props used by [[TimeField]] component.\n * @internal\n */\nexport interface TimeFieldProps {\n  time: TimeSpec;\n  timeDisplay: TimeDisplay;\n  onTimeChange?: (time: TimeSpec) => void;\n  readOnly?: boolean;\n}\n\nfunction getValidInt(\n  intText: string,\n  min: number,\n  max: number,\n  defaultValue: number\n) {\n  try {\n    const newValue = parseInt(intText, 10);\n    if (newValue >= min && newValue <= max) return newValue;\n  } catch (_e) {\n    // istanbul ignore next\n    return defaultValue;\n  }\n  return defaultValue;\n}\n\nfunction isSameTime(a: TimeSpec, b: TimeSpec) {\n  return (\n    a.hours === b.hours && a.minutes === b.minutes && a.seconds === b.seconds\n  );\n}\n\n/** Field used to set the Hour:Minutes:Seconds in the [[DatePicker]] Popup panel. The user may key-in the value or use up/down keys to\n * change the time.\n * @internal\n */\nexport function TimeField({\n  time,\n  timeDisplay,\n  readOnly,\n  onTimeChange,\n}: TimeFieldProps) {\n  const initialDateRef = React.useRef(time);\n  const amLabelRef = React.useRef(\n    UiComponents.translate(\"timepicker.day-period-am\")\n  );\n  const pmLabelRef = React.useRef(\n    UiComponents.translate(\"timepicker.day-period-pm\")\n  );\n  const [timeSpec, setTimeSpec] = React.useState(time);\n  const { hours, minutes, seconds } = timeSpec;\n  const showDayPeriod = -1 !== (timeDisplay as string).search(\"aa\");\n\n  const getDisplayHours = React.useCallback(\n    (timeHours: number) => {\n      if (!showDayPeriod) {\n        return timeHours;\n      }\n      const outHours =\n        0 === timeHours ? 12 : timeHours > 12 ? timeHours - 12 : timeHours;\n      return outHours;\n    },\n    [showDayPeriod]\n  );\n\n  // See if new initialDate props have changed since component mounted\n  React.useEffect(() => {\n    if (!isSameTime(time, initialDateRef.current)) {\n      setTimeSpec(time);\n      initialDateRef.current = time;\n    }\n  }, [time]);\n\n  const displayHour = getDisplayHours(hours);\n  const [dayPeriodText, setDayPeriodText] = React.useState(\n    showDayPeriod\n      ? hours >= 12\n        ? pmLabelRef.current\n        : amLabelRef.current\n      : undefined\n  );\n  const [hoursText, setHoursText] = React.useState(\n    displayHour.toString().padStart(2, \"0\")\n  );\n  const [minutesText, setMinutesText] = React.useState(\n    minutes.toString().padStart(2, \"0\")\n  );\n  const [secondsText, setSecondsText] = React.useState(\n    seconds.toString().padStart(2, \"0\")\n  );\n\n  const updateTimeSpec = React.useCallback(\n    (newTime: TimeSpec) => {\n      if (\n        newTime.hours !== timeSpec.hours ||\n        newTime.minutes !== timeSpec.minutes ||\n        newTime.seconds !== timeSpec.seconds\n      ) {\n        setTimeSpec(newTime);\n        onTimeChange && onTimeChange(newTime);\n      }\n    },\n    [onTimeChange, timeSpec.hours, timeSpec.minutes, timeSpec.seconds]\n  );\n\n  const handleHoursChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setHoursText(event.currentTarget.value);\n    },\n    []\n  );\n\n  const handleMinutesChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setMinutesText(event.currentTarget.value);\n    },\n    []\n  );\n  const handleSecondsChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setSecondsText(event.currentTarget.value);\n    },\n    []\n  );\n  const handleDayPeriodChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setDayPeriodText(event.currentTarget.value);\n    },\n    []\n  );\n\n  const handleHoursOnBlur = React.useCallback(() => {\n    const newHours = getValidInt(hoursText, 0, 24, hours);\n    setHoursText(getDisplayHours(newHours).toString().padStart(2, \"0\"));\n    updateTimeSpec({ ...timeSpec, hours: newHours });\n    showDayPeriod &&\n      setDayPeriodText(\n        newHours >= 12 ? pmLabelRef.current : amLabelRef.current\n      );\n  }, [\n    getDisplayHours,\n    hours,\n    hoursText,\n    showDayPeriod,\n    timeSpec,\n    updateTimeSpec,\n  ]);\n  const handleMinutesOnBlur = React.useCallback(() => {\n    const newMinutes = getValidInt(minutesText, 0, 59, minutes);\n    setMinutesText(newMinutes.toString().padStart(2, \"0\"));\n    updateTimeSpec({ ...timeSpec, minutes: newMinutes });\n  }, [minutes, minutesText, timeSpec, updateTimeSpec]);\n  const handleSecondsOnBlur = React.useCallback(() => {\n    const newSeconds = getValidInt(secondsText, 0, 59, seconds);\n    setSecondsText(newSeconds.toString().padStart(2, \"0\"));\n    updateTimeSpec({ ...timeSpec, seconds: newSeconds });\n  }, [seconds, secondsText, timeSpec, updateTimeSpec]);\n  const handleDayPeriodOnBlur = React.useCallback(() => {\n    let newPeriodText: string | undefined;\n    // istanbul ignore else\n    if (\n      dayPeriodText === \"AM\" ||\n      dayPeriodText === \"am\" ||\n      dayPeriodText === amLabelRef.current\n    )\n      newPeriodText = amLabelRef.current;\n    else if (\n      dayPeriodText === \"PM\" ||\n      dayPeriodText === \"pm\" ||\n      dayPeriodText === pmLabelRef.current\n    )\n      newPeriodText = pmLabelRef.current;\n\n    // istanbul ignore else\n    if (undefined !== newPeriodText) {\n      setDayPeriodText(newPeriodText);\n      if (newPeriodText === amLabelRef.current && hours > 12) {\n        updateTimeSpec({ ...timeSpec, hours: hours - 12 });\n      } else if (newPeriodText === pmLabelRef.current && hours <= 11) {\n        updateTimeSpec({ ...timeSpec, hours: hours + 12 });\n      }\n    }\n  }, [dayPeriodText, hours, timeSpec, updateTimeSpec]);\n\n  const handleHoursOnKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      // istanbul ignore else\n      if (\n        event.key === SpecialKey.ArrowDown ||\n        event.key === SpecialKey.ArrowUp\n      ) {\n        let newHours = hours + (event.key === SpecialKey.ArrowDown ? -1 : 1);\n        if (newHours < 0) newHours = 24;\n        if (newHours > 24 || (newHours > 23 && minutes + seconds > 0))\n          newHours = 0;\n        setHoursText(getDisplayHours(newHours).toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, hours: newHours });\n        showDayPeriod &&\n          setDayPeriodText(\n            newHours >= 12 ? pmLabelRef.current : amLabelRef.current\n          );\n        event.preventDefault();\n      } else if (event.key === SpecialKey.Enter) {\n        const newHours = getValidInt(hoursText, 0, 24, hours);\n        setHoursText(getDisplayHours(newHours).toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, hours: newHours });\n        showDayPeriod &&\n          setDayPeriodText(\n            newHours >= 12 ? pmLabelRef.current : amLabelRef.current\n          );\n        event.preventDefault();\n      }\n    },\n    [\n      getDisplayHours,\n      hours,\n      hoursText,\n      minutes,\n      seconds,\n      showDayPeriod,\n      timeSpec,\n      updateTimeSpec,\n    ]\n  );\n\n  const handleMinutesOnKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      // istanbul ignore else\n      if (event.key === SpecialKey.ArrowDown) {\n        const newMinutes = minutes === 0 ? 59 : minutes - 1;\n        setMinutesText(newMinutes.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, minutes: newMinutes });\n        event.preventDefault();\n      } else if (event.key === SpecialKey.ArrowUp) {\n        const newMinutes = minutes === 59 ? 0 : minutes + 1;\n        setMinutesText(newMinutes.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, minutes: newMinutes });\n        event.preventDefault();\n      } else if (\n        event.key === SpecialKey.Home ||\n        event.key === SpecialKey.End\n      ) {\n        const newMinutes = event.key === SpecialKey.Home ? 0 : 59;\n        setMinutesText(newMinutes.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, minutes: newMinutes });\n        event.preventDefault();\n      } else if (event.key === SpecialKey.Enter) {\n        const newMinutes = getValidInt(minutesText, 0, 59, minutes);\n        setMinutesText(newMinutes.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, minutes: newMinutes });\n        event.preventDefault();\n      }\n    },\n    [minutesText, minutes, timeSpec, updateTimeSpec]\n  );\n\n  const handleSecondsOnKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      // istanbul ignore else\n      if (event.key === SpecialKey.ArrowDown) {\n        const newSeconds = seconds === 0 ? 59 : seconds - 1;\n        setSecondsText(newSeconds.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, seconds: newSeconds });\n        event.preventDefault();\n      } else if (event.key === SpecialKey.ArrowUp) {\n        const newSeconds = seconds === 59 ? 0 : seconds + 1;\n        setSecondsText(newSeconds.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, seconds: newSeconds });\n        event.preventDefault();\n      } else if (\n        event.key === SpecialKey.Home ||\n        event.key === SpecialKey.End\n      ) {\n        const newSeconds = event.key === SpecialKey.Home ? 0 : 59;\n        setSecondsText(newSeconds.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, seconds: newSeconds });\n        event.preventDefault();\n      } else if (event.key === SpecialKey.Enter) {\n        const newSeconds = getValidInt(secondsText, 0, 59, seconds);\n        setSecondsText(newSeconds.toString().padStart(2, \"0\"));\n        updateTimeSpec({ ...timeSpec, seconds: newSeconds });\n        event.preventDefault();\n      }\n    },\n    [seconds, secondsText, timeSpec, updateTimeSpec]\n  );\n\n  const handleDayPeriodOnKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      let newPeriodText: string | undefined;\n      // istanbul ignore else\n      if (\n        event.key === SpecialKey.ArrowDown ||\n        event.key === SpecialKey.Home ||\n        event.key === \"a\" ||\n        event.key === \"A\"\n      ) {\n        newPeriodText = amLabelRef.current;\n        event.preventDefault();\n      } else if (\n        event.key === SpecialKey.ArrowUp ||\n        event.key === SpecialKey.End ||\n        event.key === \"p\" ||\n        event.key === \"P\"\n      ) {\n        newPeriodText = pmLabelRef.current;\n        event.preventDefault();\n      } else if (event.key === SpecialKey.Enter) {\n        if (\n          dayPeriodText === \"AM\" ||\n          dayPeriodText === \"am\" ||\n          dayPeriodText === amLabelRef.current\n        )\n          newPeriodText = amLabelRef.current;\n        else if (\n          dayPeriodText === \"PM\" ||\n          dayPeriodText === \"pm\" ||\n          dayPeriodText === pmLabelRef.current\n        )\n          newPeriodText = pmLabelRef.current;\n        event.preventDefault();\n      }\n      // istanbul ignore else\n      if (undefined !== newPeriodText) {\n        setDayPeriodText(newPeriodText);\n        /* istanbul ignore else */\n        if (newPeriodText === amLabelRef.current && hours > 12) {\n          updateTimeSpec({ ...timeSpec, hours: hours - 12 });\n        } else if (newPeriodText === pmLabelRef.current && hours <= 11) {\n          updateTimeSpec({ ...timeSpec, hours: hours + 12 });\n        }\n      }\n    },\n    [dayPeriodText, hours, timeSpec, updateTimeSpec]\n  );\n\n  const showSeconds = -1 !== (timeDisplay as string).search(\":ss\");\n\n  return (\n    <div data-testid=\"components-time-input\" className=\"components-time\">\n      <Input\n        className=\"components-time-input\"\n        onKeyDown={handleHoursOnKeyDown}\n        onBlur={handleHoursOnBlur}\n        onChange={handleHoursChange}\n        value={hoursText}\n        disabled={readOnly}\n        size=\"small\"\n      />\n      <span className=\"component-time-separator\">:</span>\n      <Input\n        className=\"components-time-input\"\n        onKeyDown={handleMinutesOnKeyDown}\n        onBlur={handleMinutesOnBlur}\n        onChange={handleMinutesChange}\n        value={minutesText}\n        disabled={readOnly}\n        size=\"small\"\n      />\n      {showSeconds && (\n        <>\n          <span className=\"component-time-separator\">:</span>\n          <Input\n            className=\"components-time-input\"\n            onKeyDown={handleSecondsOnKeyDown}\n            onBlur={handleSecondsOnBlur}\n            onChange={handleSecondsChange}\n            value={secondsText}\n            disabled={readOnly}\n            size=\"small\"\n          />\n        </>\n      )}\n      {dayPeriodText && (\n        <Input\n          className=\"components-time-period-input\"\n          onKeyDown={handleDayPeriodOnKeyDown}\n          onBlur={handleDayPeriodOnBlur}\n          onChange={handleDayPeriodChange}\n          value={dayPeriodText}\n          disabled={readOnly}\n          size=\"small\"\n        />\n      )}\n    </div>\n  );\n}\n"]}