@elliemae/ds-form-date-time-picker 3.4.2 → 3.4.3

package/dist/cjs/parts/TimeInputs/TimeInputs.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TimeInputs_exports = {};
 __export(TimeInputs_exports, {
@@ -25,7 +28,8 @@ __export(TimeInputs_exports, {
 });
 module.exports = __toCommonJS(TimeInputs_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ControlledDateTimePickerCTX = require("../../ControlledDateTimePickerCTX");
 var import_HHInput = require("./HHInput");
@@ -62,50 +66,66 @@ const TimeInputs = () => {
     latestInteractionRegion,
     currFocusDescriber
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
     cols: [
       import_config.fixedValues.smallInputWidth,
       import_config.fixedValues.separatorWidth,
       import_config.fixedValues.smallInputWidth,
       import_config.fixedValues.separatorWidth,
       import_config.fixedValues.smallInputWidth
+    ],
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HHInput.HHInput, {
+          value: hours,
+          onChange: onHoursChange,
+          onBlur: onHoursBlur,
+          onFocus: onHoursFocus,
+          onKeyDown: onHoursKeyDown,
+          contextRef: hourInputRef,
+          placeholder: "HH",
+          ariaCurrentValueForInputs,
+          autoFocusHourInput,
+          disabled,
+          isFocused: latestInteractionRegion === "time-inputs" && currFocusDescriber === "hour-input"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledColonSeparator, {
+        alignItems: "center",
+        children: ":"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MinutesInput.MinutesInput, {
+          value: minutes,
+          onChange: onMinutesChange,
+          onBlur: onMinutesBlur,
+          onFocus: onMinutesFocus,
+          onKeyDown: onMinutesKeyDown,
+          contextRef: minutesInputRef,
+          placeholder: "MM",
+          ariaCurrentValueForInputs,
+          disabled,
+          isFocused: latestInteractionRegion === "time-inputs" && currFocusDescriber === "minute-input"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, {
+        children: " "
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MeridiemInput.MeridiemInput, {
+          value: meridiem,
+          onChange: onMeridiemChange,
+          onBlur: onMeridiemBlur,
+          onFocus: onMeridiemFocus,
+          onKeyDown: onMeridiemKeyDown,
+          contextRef: meridiemInputRef,
+          placeholder: "AM",
+          ariaCurrentValueForInputs,
+          disabled,
+          isFocused: latestInteractionRegion === "time-inputs" && currFocusDescriber === "meridiem-input"
+        })
+      })
     ]
-  }, /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledFocusWithIn, null, /* @__PURE__ */ import_react.default.createElement(import_HHInput.HHInput, {
-    value: hours,
-    onChange: onHoursChange,
-    onBlur: onHoursBlur,
-    onFocus: onHoursFocus,
-    onKeyDown: onHoursKeyDown,
-    contextRef: hourInputRef,
-    placeholder: "HH",
-    ariaCurrentValueForInputs,
-    autoFocusHourInput,
-    disabled,
-    isFocused: latestInteractionRegion === "time-inputs" && currFocusDescriber === "hour-input"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledColonSeparator, {
-    alignItems: "center"
-  }, ":"), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledFocusWithIn, null, /* @__PURE__ */ import_react.default.createElement(import_MinutesInput.MinutesInput, {
-    value: minutes,
-    onChange: onMinutesChange,
-    onBlur: onMinutesBlur,
-    onFocus: onMinutesFocus,
-    onKeyDown: onMinutesKeyDown,
-    contextRef: minutesInputRef,
-    placeholder: "MM",
-    ariaCurrentValueForInputs,
-    disabled,
-    isFocused: latestInteractionRegion === "time-inputs" && currFocusDescriber === "minute-input"
-  })), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledSeparator, null, " "), /* @__PURE__ */ import_react.default.createElement(import_Styleds.StyledFocusWithIn, null, /* @__PURE__ */ import_react.default.createElement(import_MeridiemInput.MeridiemInput, {
-    value: meridiem,
-    onChange: onMeridiemChange,
-    onBlur: onMeridiemBlur,
-    onFocus: onMeridiemFocus,
-    onKeyDown: onMeridiemKeyDown,
-    contextRef: meridiemInputRef,
-    placeholder: "AM",
-    ariaCurrentValueForInputs,
-    disabled,
-    isFocused: latestInteractionRegion === "time-inputs" && currFocusDescriber === "meridiem-input"
-  })));
+  });
 };
 //# sourceMappingURL=TimeInputs.js.map

package/dist/cjs/parts/TimeInputs/TimeInputs.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/TimeInputs/TimeInputs.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX';\nimport { HHInput } from './HHInput';\nimport { MinutesInput } from './MinutesInput';\n// import { SSInput } from './SSInput';\nimport { MeridiemInput } from './MeridiemInput';\nimport { useTimeInputs } from './useTimeInputs';\nimport { fixedValues } from '../config';\nimport { StyledColonSeparator, StyledSeparator, StyledFocusWithIn } from '../Styleds';\n\nexport const TimeInputs = (): JSX.Element => {\n  const {\n    autoFocusHourInput,\n    disabled,\n    onHoursChange,\n    onMinutesChange,\n    onMeridiemChange,\n    onHoursBlur,\n    onMinutesBlur,\n    onMeridiemBlur,\n    onHoursFocus,\n    onMeridiemFocus,\n    onMinutesFocus,\n    onHoursKeyDown,\n    onMinutesKeyDown,\n    onMeridiemKeyDown,\n  } = useTimeInputs();\n\n  // we do this here so HHInput,MinutesInput, MeridiemInput can be pure components memoized via React.memo\n  const {\n    hours,\n    minutes,\n    meridiem,\n    hourInputRef,\n    minutesInputRef,\n    meridiemInputRef,\n    ariaCurrentValueForInputs,\n    latestInteractionRegion,\n    currFocusDescriber,\n  } = useContext(ControlledDateTimePickerContext);\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <HHInput\n          value={hours}\n          onChange={onHoursChange}\n          onBlur={onHoursBlur}\n          onFocus={onHoursFocus}\n          onKeyDown={onHoursKeyDown}\n          contextRef={hourInputRef}\n          placeholder=\"HH\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          autoFocusHourInput={autoFocusHourInput}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'hour-input'}\n        />\n      </StyledFocusWithIn>\n      <StyledColonSeparator alignItems=\"center\">:</StyledColonSeparator>\n      <StyledFocusWithIn>\n        <MinutesInput\n          value={minutes}\n          onChange={onMinutesChange}\n          onBlur={onMinutesBlur}\n          onFocus={onMinutesFocus}\n          onKeyDown={onMinutesKeyDown}\n          contextRef={minutesInputRef}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'minute-input'}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator> </StyledSeparator>\n      <StyledFocusWithIn>\n        <MeridiemInput\n          value={meridiem}\n          onChange={onMeridiemChange}\n          onBlur={onMeridiemBlur}\n          onFocus={onMeridiemFocus}\n          onKeyDown={onMeridiemKeyDown}\n          contextRef={meridiemInputRef}\n          placeholder=\"AM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'meridiem-input'}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwB;AACxB,0BAA6B;AAE7B,2BAA8B;AAC9B,2BAA8B;AAC9B,oBAA4B;AAC5B,qBAAyE;AAElE,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,wCAAc;AAGlB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW,kEAA+B;AAC9C,SACE,mDAAC;AAAA,IACC,MAAM;AAAA,MACJ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,IACd;AAAA,KAEA,mDAAC,wCACC,mDAAC;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,GACjF,CACF,GACA,mDAAC;AAAA,IAAqB,YAAW;AAAA,KAAS,GAAC,GAC3C,mDAAC,wCACC,mDAAC;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,GACjF,CACF,GACA,mDAAC,sCAAgB,GAAC,GAClB,mDAAC,wCACC,mDAAC;AAAA,IACC,OAAO;AAAA,IACP,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,GACjF,CACF,CACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwB;AACxB,0BAA6B;AAE7B,2BAA8B;AAC9B,2BAA8B;AAC9B,oBAA4B;AAC5B,qBAAyE;AAElE,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc;AAGlB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAC9C,SACE,6CAAC;AAAA,IACC,MAAM;AAAA,MACJ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,MACZ,0BAAY;AAAA,IACd;AAAA,IAEA;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,aAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,SACjF;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAqB,YAAW;AAAA,QAAS;AAAA,OAAC;AAAA,MAC3C,4CAAC;AAAA,QACC,sDAAC;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,aAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,SACjF;AAAA,OACF;AAAA,MACA,4CAAC;AAAA,QAAgB;AAAA,OAAC;AAAA,MAClB,4CAAC;AAAA,QACC,sDAAC;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,UACX,YAAY;AAAA,UACZ,aAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,SACjF;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/TimeInputs/useTimeInputs.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var useTimeInputs_exports = {};
 __export(useTimeInputs_exports, {
@@ -61,217 +64,247 @@ const useTimeInputs = () => {
   const onHoursFocus = (0, import_react.useCallback)(() => {
     trackFocusHourInput();
   }, [trackFocusHourInput]);
-  const onHoursChange = (0, import_react.useCallback)((e) => {
-    let newHours = e?.target?.value;
-    if (Number.parseInt(newHours, 10) > 1)
-      newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(newHours, 2);
-    handleChangeHours(newHours, e);
-    if (newHours.length === 2)
-      trackFocusMinuteInput();
-  }, [handleChangeHours, trackFocusMinuteInput]);
-  const onHoursKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    const hoursStringConvertedToInteger = Number.parseInt(hours, 10);
-    if (["Home", "End", "ArrowUp", "ArrowDown", ":"].includes(key))
-      e.preventDefault();
-    if (["Home", "End", "ArrowUp", "ArrowDown", ":"].includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
-      const hoursInteger = Number.isNaN(hoursStringConvertedToInteger) ? 0 : hoursStringConvertedToInteger;
-      let newHours;
-      if (key === "ArrowUp")
-        newHours = hoursInteger + 1 <= 12 ? hoursInteger + 1 : hoursInteger;
-      else
-        newHours = hoursInteger - 1 > 1 ? hoursInteger - 1 : 1;
-      newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newHours}`, 2);
-      handleChangeHours(newHours, e);
-    }
-    if (!Number.isNaN(hoursStringConvertedToInteger) && key === ":") {
-      const newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${hoursStringConvertedToInteger}`, 2);
+  const onHoursChange = (0, import_react.useCallback)(
+    (e) => {
+      let newHours = e?.target?.value;
+      if (Number.parseInt(newHours, 10) > 1)
+        newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(newHours, 2);
       handleChangeHours(newHours, e);
       if (newHours.length === 2)
         trackFocusMinuteInput();
-    }
-    if (key === "Backspace" && hours.length === 0 && isWithDateInputs) {
-      trackFocusYearInput();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      trackFocusLastSegment();
-  }, [
-    hours,
-    isWithDateInputs,
-    trackFocusYearInput,
-    onHomeKeyDown,
-    onEndKeyDown,
-    trackFocusLastSegment,
-    trackFocusMinuteInput,
-    handleChangeHours
-  ]);
-  const onHoursBlur = (0, import_react.useCallback)((e) => {
-    const newHours = e?.target?.value;
-    if (newHours === "0")
-      handleChangeHours("01", e, { isAutomaticFillTrigger: true });
-    else if (newHours.length > 0 && newHours.length < 2)
-      handleChangeHours((0, import_stringHelpers.prependStringWithPlaceHolders)(newHours, 2), e, {
-        isAutomaticFillTrigger: true
-      });
-  }, [handleChangeHours]);
+    },
+    [handleChangeHours, trackFocusMinuteInput]
+  );
+  const onHoursKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, ctrlKey, metaKey } = e;
+      const hoursStringConvertedToInteger = Number.parseInt(hours, 10);
+      if (["Home", "End", "ArrowUp", "ArrowDown", ":"].includes(key))
+        e.preventDefault();
+      if (["Home", "End", "ArrowUp", "ArrowDown", ":"].includes(key))
+        e.stopPropagation();
+      if (key === "Home")
+        onHomeKeyDown();
+      if (key === "End")
+        onEndKeyDown();
+      if (key === "ArrowUp" || key === "ArrowDown") {
+        const hoursInteger = Number.isNaN(hoursStringConvertedToInteger) ? 0 : hoursStringConvertedToInteger;
+        let newHours;
+        if (key === "ArrowUp")
+          newHours = hoursInteger + 1 <= 12 ? hoursInteger + 1 : hoursInteger;
+        else
+          newHours = hoursInteger - 1 > 1 ? hoursInteger - 1 : 1;
+        newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newHours}`, 2);
+        handleChangeHours(newHours, e);
+      }
+      if (!Number.isNaN(hoursStringConvertedToInteger) && key === ":") {
+        const newHours = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${hoursStringConvertedToInteger}`, 2);
+        handleChangeHours(newHours, e);
+        if (newHours.length === 2)
+          trackFocusMinuteInput();
+      }
+      if (key === "Backspace" && hours.length === 0 && isWithDateInputs) {
+        trackFocusYearInput();
+      }
+      if ((ctrlKey || metaKey) && key === ";")
+        trackFocusLastSegment();
+    },
+    [
+      hours,
+      isWithDateInputs,
+      trackFocusYearInput,
+      onHomeKeyDown,
+      onEndKeyDown,
+      trackFocusLastSegment,
+      trackFocusMinuteInput,
+      handleChangeHours
+    ]
+  );
+  const onHoursBlur = (0, import_react.useCallback)(
+    (e) => {
+      const newHours = e?.target?.value;
+      if (newHours === "0")
+        handleChangeHours("01", e, { isAutomaticFillTrigger: true });
+      else if (newHours.length > 0 && newHours.length < 2)
+        handleChangeHours((0, import_stringHelpers.prependStringWithPlaceHolders)(newHours, 2), e, {
+          isAutomaticFillTrigger: true
+        });
+    },
+    [handleChangeHours]
+  );
   const onMinutesFocus = (0, import_react.useCallback)(() => {
     trackFocusMinuteInput();
   }, [trackFocusMinuteInput]);
-  const onMinutesChange = (0, import_react.useCallback)((e) => {
-    let newMinutes = e?.target?.value;
-    if (Number.parseInt(newMinutes, 10) > 6)
-      newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(newMinutes, 2);
-    handleChangeMinutes(newMinutes, e);
-    if (newMinutes.length === 2)
-      trackFocusMeridiemInput();
-  }, [handleChangeMinutes, trackFocusMeridiemInput]);
-  const onMinutesKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    const minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
-    if (["Home", "End", "ArrowUp", "ArrowDown", " "].includes(key))
-      e.preventDefault();
-    if (["Home", "End", "ArrowUp", "ArrowDown", " "].includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" || key === "ArrowDown") {
-      const minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
-      let newMinutes;
-      if (key === "ArrowUp")
-        newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;
-      else
-        newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
-      newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newMinutes}`, 2);
-      handleChangeMinutes(newMinutes, e);
-    }
-    if (!Number.isNaN(minutesStringConvertedToInteger) && key === " ") {
-      const newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${minutesStringConvertedToInteger}`, 2);
+  const onMinutesChange = (0, import_react.useCallback)(
+    (e) => {
+      let newMinutes = e?.target?.value;
+      if (Number.parseInt(newMinutes, 10) > 6)
+        newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(newMinutes, 2);
       handleChangeMinutes(newMinutes, e);
       if (newMinutes.length === 2)
         trackFocusMeridiemInput();
-    }
-    if (key === "Backspace" && minutes?.length === 0) {
-      trackFocusHourInput();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      trackFocusLastSegment();
-  }, [
-    minutes,
-    onHomeKeyDown,
-    onEndKeyDown,
-    trackFocusLastSegment,
-    minutesInterval,
-    handleChangeMinutes,
-    trackFocusMeridiemInput,
-    trackFocusHourInput
-  ]);
-  const onMinutesBlur = (0, import_react.useCallback)((e) => {
-    const newMinutes = e?.target?.value;
-    if (newMinutes.length > 0 && newMinutes.length < 2)
-      handleChangeMinutes((0, import_stringHelpers.prependStringWithPlaceHolders)(newMinutes, 2), e, {
-        isAutomaticFillTrigger: true
-      });
-  }, [handleChangeMinutes]);
+    },
+    [handleChangeMinutes, trackFocusMeridiemInput]
+  );
+  const onMinutesKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, ctrlKey, metaKey } = e;
+      const minutesStringConvertedToInteger = Number.parseInt(minutes, 10);
+      if (["Home", "End", "ArrowUp", "ArrowDown", " "].includes(key))
+        e.preventDefault();
+      if (["Home", "End", "ArrowUp", "ArrowDown", " "].includes(key))
+        e.stopPropagation();
+      if (key === "Home")
+        onHomeKeyDown();
+      if (key === "End")
+        onEndKeyDown();
+      if (key === "ArrowUp" || key === "ArrowDown") {
+        const minutesInteger = Number.isNaN(minutesStringConvertedToInteger) ? 0 : minutesStringConvertedToInteger;
+        let newMinutes;
+        if (key === "ArrowUp")
+          newMinutes = minutesInteger + minutesInterval <= 59 ? minutesInteger + minutesInterval : minutesInteger;
+        else
+          newMinutes = minutesInteger - minutesInterval > 0 ? minutesInteger - minutesInterval : 0;
+        newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${newMinutes}`, 2);
+        handleChangeMinutes(newMinutes, e);
+      }
+      if (!Number.isNaN(minutesStringConvertedToInteger) && key === " ") {
+        const newMinutes = (0, import_stringHelpers.prependStringWithPlaceHolders)(`${minutesStringConvertedToInteger}`, 2);
+        handleChangeMinutes(newMinutes, e);
+        if (newMinutes.length === 2)
+          trackFocusMeridiemInput();
+      }
+      if (key === "Backspace" && minutes?.length === 0) {
+        trackFocusHourInput();
+      }
+      if ((ctrlKey || metaKey) && key === ";")
+        trackFocusLastSegment();
+    },
+    [
+      minutes,
+      onHomeKeyDown,
+      onEndKeyDown,
+      trackFocusLastSegment,
+      minutesInterval,
+      handleChangeMinutes,
+      trackFocusMeridiemInput,
+      trackFocusHourInput
+    ]
+  );
+  const onMinutesBlur = (0, import_react.useCallback)(
+    (e) => {
+      const newMinutes = e?.target?.value;
+      if (newMinutes.length > 0 && newMinutes.length < 2)
+        handleChangeMinutes((0, import_stringHelpers.prependStringWithPlaceHolders)(newMinutes, 2), e, {
+          isAutomaticFillTrigger: true
+        });
+    },
+    [handleChangeMinutes]
+  );
   const onMeridiemFocus = (0, import_react.useCallback)(() => {
     trackFocusMeridiemInput();
   }, [trackFocusMeridiemInput]);
-  const onMeridiemChange = (0, import_react.useCallback)((e) => {
-    let newMeridiem = e?.target?.value?.toUpperCase?.();
-    if (newMeridiem.length === 1)
-      if (meridiem === "")
-        newMeridiem = `${newMeridiem}M`;
-      else
-        newMeridiem = "";
-    handleChangeMeridiem(newMeridiem, e);
-    if (newMeridiem.length === 2 && withAnyRightController) {
-      if (withClearBtn)
-        trackFocusClearBtn();
-      else if (withAnyPicker)
-        trackFocusPicker();
-    }
-  }, [
-    meridiem,
-    handleChangeMeridiem,
-    withAnyRightController,
-    withClearBtn,
-    trackFocusClearBtn,
-    withAnyPicker,
-    trackFocusPicker
-  ]);
-  const onMeridiemKeyDown = (0, import_react.useCallback)((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    if (["Home", "End", "ArrowUp", "ArrowDown"].includes(key))
-      e.preventDefault();
-    if (["Home", "End", "ArrowUp", "ArrowDown"].includes(key))
-      e.stopPropagation();
-    if (key === "Home")
-      onHomeKeyDown();
-    if (key === "End")
-      onEndKeyDown();
-    if (key === "ArrowUp" && meridiem !== "AM")
-      handleChangeMeridiem("AM", e);
-    if (key === "ArrowDown" && meridiem !== "PM")
-      handleChangeMeridiem("PM", e);
-    if (key === "Backspace") {
-      if (meridiem?.length === 2)
-        handleChangeMeridiem("", e);
-      else
-        trackFocusMinuteInput();
-    }
-    if ((ctrlKey || metaKey) && key === ";")
-      trackFocusLastSegment();
-  }, [onHomeKeyDown, onEndKeyDown, meridiem, handleChangeMeridiem, trackFocusLastSegment, trackFocusMinuteInput]);
-  const onMeridiemBlur = (0, import_react.useCallback)((e) => {
-    const newMeridiem = e?.target?.value?.toUpperCase?.();
-    if (newMeridiem.length === 1)
-      handleChangeMeridiem(`${newMeridiem}M`, e, {
-        isAutomaticFillTrigger: true
-      });
-  }, [handleChangeMeridiem]);
-  return (0, import_react.useMemo)(() => ({
-    autoFocusHourInput,
-    disabled,
-    handleChangeHours,
-    onHoursFocus,
-    onHoursChange,
-    handleChangeMinutes,
-    onMinutesFocus,
-    onMinutesChange,
-    handleChangeMeridiem,
-    onMeridiemFocus,
-    onMeridiemChange,
-    onHoursBlur,
-    onMinutesBlur,
-    onMeridiemBlur,
-    onHoursKeyDown,
-    onMinutesKeyDown,
-    onMeridiemKeyDown
-  }), [
-    autoFocusHourInput,
-    disabled,
-    handleChangeHours,
-    onHoursFocus,
-    onHoursChange,
-    handleChangeMinutes,
-    onMinutesFocus,
-    onMinutesChange,
-    handleChangeMeridiem,
-    onMeridiemFocus,
-    onMeridiemChange,
-    onHoursBlur,
-    onMinutesBlur,
-    onMeridiemBlur,
-    onHoursKeyDown,
-    onMinutesKeyDown,
-    onMeridiemKeyDown
-  ]);
+  const onMeridiemChange = (0, import_react.useCallback)(
+    (e) => {
+      let newMeridiem = e?.target?.value?.toUpperCase?.();
+      if (newMeridiem.length === 1)
+        if (meridiem === "")
+          newMeridiem = `${newMeridiem}M`;
+        else
+          newMeridiem = "";
+      handleChangeMeridiem(newMeridiem, e);
+      if (newMeridiem.length === 2 && withAnyRightController) {
+        if (withClearBtn)
+          trackFocusClearBtn();
+        else if (withAnyPicker)
+          trackFocusPicker();
+      }
+    },
+    [
+      meridiem,
+      handleChangeMeridiem,
+      withAnyRightController,
+      withClearBtn,
+      trackFocusClearBtn,
+      withAnyPicker,
+      trackFocusPicker
+    ]
+  );
+  const onMeridiemKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      const { key, ctrlKey, metaKey } = e;
+      if (["Home", "End", "ArrowUp", "ArrowDown"].includes(key))
+        e.preventDefault();
+      if (["Home", "End", "ArrowUp", "ArrowDown"].includes(key))
+        e.stopPropagation();
+      if (key === "Home")
+        onHomeKeyDown();
+      if (key === "End")
+        onEndKeyDown();
+      if (key === "ArrowUp" && meridiem !== "AM")
+        handleChangeMeridiem("AM", e);
+      if (key === "ArrowDown" && meridiem !== "PM")
+        handleChangeMeridiem("PM", e);
+      if (key === "Backspace") {
+        if (meridiem?.length === 2)
+          handleChangeMeridiem("", e);
+        else
+          trackFocusMinuteInput();
+      }
+      if ((ctrlKey || metaKey) && key === ";")
+        trackFocusLastSegment();
+    },
+    [onHomeKeyDown, onEndKeyDown, meridiem, handleChangeMeridiem, trackFocusLastSegment, trackFocusMinuteInput]
+  );
+  const onMeridiemBlur = (0, import_react.useCallback)(
+    (e) => {
+      const newMeridiem = e?.target?.value?.toUpperCase?.();
+      if (newMeridiem.length === 1)
+        handleChangeMeridiem(`${newMeridiem}M`, e, {
+          isAutomaticFillTrigger: true
+        });
+    },
+    [handleChangeMeridiem]
+  );
+  return (0, import_react.useMemo)(
+    () => ({
+      autoFocusHourInput,
+      disabled,
+      handleChangeHours,
+      onHoursFocus,
+      onHoursChange,
+      handleChangeMinutes,
+      onMinutesFocus,
+      onMinutesChange,
+      handleChangeMeridiem,
+      onMeridiemFocus,
+      onMeridiemChange,
+      onHoursBlur,
+      onMinutesBlur,
+      onMeridiemBlur,
+      onHoursKeyDown,
+      onMinutesKeyDown,
+      onMeridiemKeyDown
+    }),
+    [
+      autoFocusHourInput,
+      disabled,
+      handleChangeHours,
+      onHoursFocus,
+      onHoursChange,
+      handleChangeMinutes,
+      onMinutesFocus,
+      onMinutesChange,
+      handleChangeMeridiem,
+      onMeridiemFocus,
+      onMeridiemChange,
+      onHoursBlur,
+      onMinutesBlur,
+      onMeridiemBlur,
+      onHoursKeyDown,
+      onMinutesKeyDown,
+      onMeridiemKeyDown
+    ]
+  );
 };
 //# sourceMappingURL=useTimeInputs.js.map