@elliemae/ds-form-date-time-picker 3.5.0-rc.3 → 3.5.0-rc.6

package/dist/cjs/ControlledDateTimePicker.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 ControlledDateTimePicker_exports = {};
 __export(ControlledDateTimePicker_exports, {

package/dist/cjs/ControlledDateTimePicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ControlledDateTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSControlledDateTimePickerName } from './exported-related/theming';\nimport { propTypes } from './propTypes';\nimport { useControlledDateTimePicker } from './config/useControlledDateTimePicker';\nimport { ControlledDateTimePickerContent } from './parts/ControlledDateTimePickerContent';\nimport { ControlledDateTimePickerContext } from './ControlledDateTimePickerCTX';\nimport type { DSControlledDateTimePickerT } from './propTypes';\n\nconst DSControlledDateTimePicker = (props: DSControlledDateTimePickerT.Props): JSX.Element => {\n  const ctx = useControlledDateTimePicker(props);\n  return (\n    <ControlledDateTimePickerContext.Provider value={ctx}>\n      <ControlledDateTimePickerContent />\n    </ControlledDateTimePickerContext.Provider>\n  );\n};\n\nDSControlledDateTimePicker.displayName = DSControlledDateTimePickerName;\nconst DSControlledDateTimePickerWithSchema = describe(DSControlledDateTimePicker);\nDSControlledDateTimePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAyB;AACzB,qBAA+C;AAC/C,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,MAAM,oEAA4B,KAAK;AAC7C,SACE,mDAAC,mEAAgC,UAAhC;AAAA,IAAyC,OAAO;AAAA,KAC/C,mDAAC,4EAAgC,CACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,uCAAuC,kCAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAyB;AACzB,qBAA+C;AAC/C,uBAA0B;AAC1B,yCAA4C;AAC5C,6CAAgD;AAChD,yCAAgD;AAGhD,MAAM,6BAA6B,CAAC,UAA0D;AAC5F,QAAM,UAAM,gEAA4B,KAAK;AAC7C,SACE,6BAAAA,QAAA,cAAC,mEAAgC,UAAhC;AAAA,IAAyC,OAAO;AAAA,KAC/C,6BAAAA,QAAA,cAAC,4EAAgC,CACnC;AAEJ;AAEA,2BAA2B,cAAc;AACzC,MAAM,2CAAuC,8BAAS,0BAA0B;AAChF,qCAAqC,YAAY;",
+  "names": ["React"]
 }

package/dist/cjs/ControlledDateTimePickerCTX.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 ControlledDateTimePickerCTX_exports = {};
 __export(ControlledDateTimePickerCTX_exports, {

package/dist/cjs/ControlledDateTimePickerCTX.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ControlledDateTimePickerCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { createContext } from 'react';\nimport type { ControlledDateTimePickerContextT } from './config/useControlledDateTimePicker';\n\nconst defaultContext = {} as ControlledDateTimePickerContextT;\n\n/** Context for cross component communication */\nexport const ControlledDateTimePickerContext = createContext<ControlledDateTimePickerContextT>(defaultContext);\n\nexport default ControlledDateTimePickerContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAGjB,MAAM,kCAAkC,gCAAgD,cAAc;AAE7G,IAAO,sCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAGjB,MAAM,sCAAkC,4BAAgD,cAAc;AAE7G,IAAO,sCAAQ;",
   "names": []
 }

package/dist/cjs/ControlledDateTimePickerDatatestid.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 ControlledDateTimePickerDatatestid_exports = {};
 __export(ControlledDateTimePickerDatatestid_exports, {

package/dist/cjs/ControlledDateTimePickerDatatestid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ControlledDateTimePickerDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const ControlledDateTimePickerDatatestid = {\n  CONTAINER: 'ds-controlled-date-time-picker-container',\n  DATE_INPUTS: {\n    MONTH: 'ds-controlled-date-time-picker-month-input',\n    DAY: 'ds-controlled-date-time-picker-day-input',\n    YEAR: 'ds-controlled-date-time-picker-year-input',\n  },\n  TIME_INPUTS: {\n    HOUR: 'ds-controlled-date-time-picker-hour-input',\n    MINUTE: 'ds-controlled-date-time-picker-minute-input',\n    MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n  },\n  PICKER_ICONS: {\n    CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n  },\n  CALENDAR: {\n    HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n    PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n    PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n    DAY: 'ds-controlled-date-time-picker-calendar-day',\n    FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n    START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n    IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n    END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n    SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n    SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n    NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n    NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n  },\n  TIMEWHEEL: {\n    HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n    PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n    HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n    CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n    NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n    PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n    MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n    CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n    NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n    PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n    MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n    CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n    NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n  },\n  FOOTERS: {\n    CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n  },\n  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qCAAqC;AAAA,EAChD,WAAW;AAAA,EACX,aAAa;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,eAAe;AAAA,EACjB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qCAAqC;AAAA,EAChD,WAAW;AAAA,EACX,aAAa;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,eAAe;AAAA,IACf,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,WAAW;AAAA,IACT,cAAc;AAAA,IACd,WAAW;AAAA,IACX,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,eAAe;AAAA,IACf,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,eAAe;AAAA,EACjB;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,SAAS;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/ControlledDateTimePickerTypes.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 ControlledDateTimePickerTypes_exports = {};
 __export(ControlledDateTimePickerTypes_exports, {

package/dist/cjs/ControlledDateTimePickerTypes.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ControlledDateTimePickerTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/prefer-as-const */\nexport const CONTROLLED_DATE_TIME_PICKER_TYPES = {\n  DATE_TIME: {\n    FULL: 'full-date-time',\n    CONTROLLER_ONLY: 'date-time-picker-controller-only',\n    PICKER: 'date-time-picker',\n    INPUTS: 'date-time-inputs',\n  },\n  DATE: {\n    FULL: 'full-date',\n    CONTROLLER_ONLY: 'date-picker-controller-only',\n    PICKER: 'date-picker',\n    INPUTS: 'date-inputs',\n  },\n  TIME: {\n    FULL: 'full-time',\n    CONTROLLER_ONLY: 'time-picker-controller-only',\n    PICKER: 'time-picker',\n    INPUTS: 'time-inputs',\n  },\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADChB,MAAM,oCAAoC;AAAA,EAC/C,WAAW;AAAA,IACT,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

package/dist/cjs/config/useChangeHandlers.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 useChangeHandlers_exports = {};
 __export(useChangeHandlers_exports, {
@@ -51,223 +54,262 @@ const useChangeHandlers = ({ relevantValues, destructuredValues, propsBasedOnTyp
   } = propsBasedOnType;
   const { month, day, year, hours, minutes, meridiem } = destructuredValues;
   const { trackFocusFirstSegment } = focusTrackers;
-  const getDateMetaInfo = (0, import_react.useCallback)((newDateString = null, metaInfo = {}) => {
-    const finalDateString = newDateString || tempDateString;
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(finalDateString, getIsOutOfRangeDay, getIsDisabledDay)
-    };
-    return finalMetaInfo;
-  }, [tempDateString, getIsDisabledDay, getIsOutOfRangeDay]);
-  const getTimeMetaInfo = (0, import_react.useCallback)((newTimeString = null, metaInfo = {}) => {
-    const finalTimeString = newTimeString || tempTimeString;
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(finalTimeString, getIsDisabledTime)
-    };
-    return finalMetaInfo;
-  }, [tempTimeString, getIsDisabledTime]);
-  const handleChangeComposedDateTimeString = (0, import_react.useCallback)((newDateString, newTimeString, metaInfo) => {
-    const appDateString = (0, import_stringHelpers.isEmptyDateStringMask)(newDateString) ? "" : newDateString;
-    const appTimeString = (0, import_stringHelpers.isEmptyTimeStringMask)(newTimeString) ? "" : newTimeString;
-    appOnDateChange(appDateString, metaInfo);
-    setTempDateString(newDateString);
-    appOnTimeChange(appTimeString, metaInfo);
-    setTimeString(newTimeString);
-    const newDateTimeString = `${newDateString} ${newTimeString}`;
-    const newMetaInfo = {
-      ...metaInfo,
-      ...getTimeMetaInfo(newTimeString, metaInfo),
-      ...getDateMetaInfo(newDateString, metaInfo),
-      newDateString,
-      newTimeString,
-      newDateTimeString
-    };
-    const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo);
-  }, [
-    appOnDateChange,
-    setTempDateString,
-    appOnTimeChange,
-    setTimeString,
-    getTimeMetaInfo,
-    getDateMetaInfo,
-    appOnDateTimeChange
-  ]);
-  const handleChangeComposedDateString = (0, import_react.useCallback)((newDateString, metaInfo) => {
-    const appDateString = (0, import_stringHelpers.isEmptyDateStringMask)(newDateString) ? "" : newDateString;
-    appOnDateChange(appDateString, metaInfo);
-    setTempDateString(newDateString);
-    const newDateTimeString = `${newDateString} ${tempTimeString}`;
-    const newMetaInfo = {
-      ...metaInfo,
-      ...getTimeMetaInfo(tempTimeString, metaInfo),
-      ...getDateMetaInfo(newDateString, metaInfo),
-      newDateString,
-      newTimeString: tempTimeString,
-      newDateTimeString
-    };
-    const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo);
-  }, [appOnDateChange, setTempDateString, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
-  const handleChangeComposedTimeString = (0, import_react.useCallback)((newTimeString, metaInfo) => {
-    const appTimeString = (0, import_stringHelpers.isEmptyTimeStringMask)(newTimeString) ? "" : newTimeString;
-    appOnTimeChange(appTimeString, metaInfo);
-    setTimeString(newTimeString);
-    const newDateTimeString = `${tempDateString} ${newTimeString}`;
-    const newMetaInfo = {
-      ...metaInfo,
-      ...getTimeMetaInfo(newTimeString, metaInfo),
-      ...getDateMetaInfo(tempDateString, metaInfo),
-      newDateTimeString,
-      newDateString: tempDateString,
-      newTimeString
-    };
-    const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
-    appOnDateTimeChange(appDateTimeString, newMetaInfo);
-  }, [appOnTimeChange, setTimeString, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]);
-  const handleChangeMonth = (0, import_react.useCallback)((newMonth, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
-      month: newMonth,
-      day,
-      year
-    });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
-      newDateString
-    };
-    appOnMonthChange(newMonth, e, finalMetaInfo);
-    handleChangeComposedDateString(newDateString, finalMetaInfo);
-  }, [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]);
-  const handleChangeDay = (0, import_react.useCallback)((newDay, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
-      month,
-      day: newDay,
-      year
-    });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
-      newDateString
-    };
-    appOnDayChange(newDay, e, finalMetaInfo);
-    handleChangeComposedDateString(newDateString, finalMetaInfo);
-  }, [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]);
-  const handleChangeYear = (0, import_react.useCallback)((newYear, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newDateString = (0, import_stringHelpers.getFormattedDateString)({
-      month,
-      day,
-      year: newYear
-    });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
-      newDateString
-    };
-    appOnYearChange(newYear, e, finalMetaInfo);
-    handleChangeComposedDateString(newDateString, finalMetaInfo);
-  }, [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]);
-  const handleChangeHours = (0, import_react.useCallback)((newHours, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
-      hours: newHours,
-      minutes,
-      meridiem
-    });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
-      newTimeString
-    };
-    appOnHourChange(newHours, e, finalMetaInfo);
-    handleChangeComposedTimeString(newTimeString, finalMetaInfo);
-  }, [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString]);
-  const handleChangeMinutes = (0, import_react.useCallback)((newMinutes, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
-      hours,
-      minutes: newMinutes,
-      meridiem
-    });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
-      newTimeString
-    };
-    appOnMinuteChange(newMinutes, e, finalMetaInfo);
-    handleChangeComposedTimeString(newTimeString, finalMetaInfo);
-  }, [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString]);
-  const handleChangeMeridiem = (0, import_react.useCallback)((newMeridiem, e, metaInfo = import_constants.defaultMetaInfo) => {
-    const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
-      hours,
-      minutes,
-      meridiem: newMeridiem
-    });
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
-      newTimeString
-    };
-    appOnMeridiemChange(newMeridiem, e, finalMetaInfo);
-    handleChangeComposedTimeString(newTimeString, finalMetaInfo);
-  }, [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString]);
-  const handleClearAll = (0, import_react.useCallback)((e) => {
-    const metaInfo = {
-      isAutomaticFillTrigger: false,
-      isClearButtonAction: true,
-      newDateString: "",
-      newTimeString: "",
-      newDateTimeString: ""
-    };
-    appOnMonthChange("", e, metaInfo);
-    appOnDayChange("", e, metaInfo);
-    appOnYearChange("", e, metaInfo);
-    appOnHourChange("", e, metaInfo);
-    appOnMinuteChange("", e, metaInfo);
-    appOnMeridiemChange("", e, metaInfo);
-    if (isDateTime)
-      handleChangeComposedDateTimeString("__/__/____", "__:__ __", metaInfo);
-    if (isDate)
-      handleChangeComposedDateString("__/__/____", metaInfo);
-    if (isTime)
-      handleChangeComposedTimeString("__:__ __", metaInfo);
-    trackFocusFirstSegment();
-  }, [
-    appOnDayChange,
-    appOnHourChange,
-    appOnMeridiemChange,
-    appOnMinuteChange,
-    appOnMonthChange,
-    appOnYearChange,
-    handleChangeComposedDateString,
-    handleChangeComposedDateTimeString,
-    handleChangeComposedTimeString,
-    isDate,
-    isDateTime,
-    isTime,
-    trackFocusFirstSegment
-  ]);
-  return (0, import_react.useMemo)(() => ({
-    handleChangeComposedDateTimeString,
-    handleChangeComposedDateString,
-    handleChangeComposedTimeString,
-    handleChangeMonth,
-    handleChangeDay,
-    handleChangeYear,
-    handleChangeHours,
-    handleChangeMinutes,
-    handleChangeMeridiem,
-    handleClearAll
-  }), [
-    handleChangeComposedDateString,
-    handleChangeComposedDateTimeString,
-    handleChangeComposedTimeString,
-    handleChangeDay,
-    handleChangeHours,
-    handleChangeMeridiem,
-    handleChangeMinutes,
-    handleChangeMonth,
-    handleChangeYear,
-    handleClearAll
-  ]);
+  const getDateMetaInfo = (0, import_react.useCallback)(
+    (newDateString = null, metaInfo = {}) => {
+      const finalDateString = newDateString || tempDateString;
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(finalDateString, getIsOutOfRangeDay, getIsDisabledDay)
+      };
+      return finalMetaInfo;
+    },
+    [tempDateString, getIsDisabledDay, getIsOutOfRangeDay]
+  );
+  const getTimeMetaInfo = (0, import_react.useCallback)(
+    (newTimeString = null, metaInfo = {}) => {
+      const finalTimeString = newTimeString || tempTimeString;
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(finalTimeString, getIsDisabledTime)
+      };
+      return finalMetaInfo;
+    },
+    [tempTimeString, getIsDisabledTime]
+  );
+  const handleChangeComposedDateTimeString = (0, import_react.useCallback)(
+    (newDateString, newTimeString, metaInfo) => {
+      const appDateString = (0, import_stringHelpers.isEmptyDateStringMask)(newDateString) ? "" : newDateString;
+      const appTimeString = (0, import_stringHelpers.isEmptyTimeStringMask)(newTimeString) ? "" : newTimeString;
+      appOnDateChange(appDateString, metaInfo);
+      setTempDateString(newDateString);
+      appOnTimeChange(appTimeString, metaInfo);
+      setTimeString(newTimeString);
+      const newDateTimeString = `${newDateString} ${newTimeString}`;
+      const newMetaInfo = {
+        ...metaInfo,
+        ...getTimeMetaInfo(newTimeString, metaInfo),
+        ...getDateMetaInfo(newDateString, metaInfo),
+        newDateString,
+        newTimeString,
+        newDateTimeString
+      };
+      const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
+      appOnDateTimeChange(appDateTimeString, newMetaInfo);
+    },
+    [
+      appOnDateChange,
+      setTempDateString,
+      appOnTimeChange,
+      setTimeString,
+      getTimeMetaInfo,
+      getDateMetaInfo,
+      appOnDateTimeChange
+    ]
+  );
+  const handleChangeComposedDateString = (0, import_react.useCallback)(
+    (newDateString, metaInfo) => {
+      const appDateString = (0, import_stringHelpers.isEmptyDateStringMask)(newDateString) ? "" : newDateString;
+      appOnDateChange(appDateString, metaInfo);
+      setTempDateString(newDateString);
+      const newDateTimeString = `${newDateString} ${tempTimeString}`;
+      const newMetaInfo = {
+        ...metaInfo,
+        ...getTimeMetaInfo(tempTimeString, metaInfo),
+        ...getDateMetaInfo(newDateString, metaInfo),
+        newDateString,
+        newTimeString: tempTimeString,
+        newDateTimeString
+      };
+      const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
+      appOnDateTimeChange(appDateTimeString, newMetaInfo);
+    },
+    [appOnDateChange, setTempDateString, tempTimeString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]
+  );
+  const handleChangeComposedTimeString = (0, import_react.useCallback)(
+    (newTimeString, metaInfo) => {
+      const appTimeString = (0, import_stringHelpers.isEmptyTimeStringMask)(newTimeString) ? "" : newTimeString;
+      appOnTimeChange(appTimeString, metaInfo);
+      setTimeString(newTimeString);
+      const newDateTimeString = `${tempDateString} ${newTimeString}`;
+      const newMetaInfo = {
+        ...metaInfo,
+        ...getTimeMetaInfo(newTimeString, metaInfo),
+        ...getDateMetaInfo(tempDateString, metaInfo),
+        newDateTimeString,
+        newDateString: tempDateString,
+        newTimeString
+      };
+      const appDateTimeString = (0, import_stringHelpers.isEmptyDateTimeStringMask)(newDateTimeString) ? "" : newDateTimeString;
+      appOnDateTimeChange(appDateTimeString, newMetaInfo);
+    },
+    [appOnTimeChange, setTimeString, tempDateString, getTimeMetaInfo, getDateMetaInfo, appOnDateTimeChange]
+  );
+  const handleChangeMonth = (0, import_react.useCallback)(
+    (newMonth, e, metaInfo = import_constants.defaultMetaInfo) => {
+      const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+        month: newMonth,
+        day,
+        year
+      });
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
+        newDateString
+      };
+      appOnMonthChange(newMonth, e, finalMetaInfo);
+      handleChangeComposedDateString(newDateString, finalMetaInfo);
+    },
+    [day, year, getIsOutOfRangeDay, getIsDisabledDay, appOnMonthChange, handleChangeComposedDateString]
+  );
+  const handleChangeDay = (0, import_react.useCallback)(
+    (newDay, e, metaInfo = import_constants.defaultMetaInfo) => {
+      const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+        month,
+        day: newDay,
+        year
+      });
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
+        newDateString
+      };
+      appOnDayChange(newDay, e, finalMetaInfo);
+      handleChangeComposedDateString(newDateString, finalMetaInfo);
+    },
+    [month, year, getIsOutOfRangeDay, getIsDisabledDay, appOnDayChange, handleChangeComposedDateString]
+  );
+  const handleChangeYear = (0, import_react.useCallback)(
+    (newYear, e, metaInfo = import_constants.defaultMetaInfo) => {
+      const newDateString = (0, import_stringHelpers.getFormattedDateString)({
+        month,
+        day,
+        year: newYear
+      });
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_dateHelpers.getValidationDateStringMetaInfo)(newDateString, getIsOutOfRangeDay, getIsDisabledDay),
+        newDateString
+      };
+      appOnYearChange(newYear, e, finalMetaInfo);
+      handleChangeComposedDateString(newDateString, finalMetaInfo);
+    },
+    [month, day, getIsOutOfRangeDay, getIsDisabledDay, appOnYearChange, handleChangeComposedDateString]
+  );
+  const handleChangeHours = (0, import_react.useCallback)(
+    (newHours, e, metaInfo = import_constants.defaultMetaInfo) => {
+      const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
+        hours: newHours,
+        minutes,
+        meridiem
+      });
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
+        newTimeString
+      };
+      appOnHourChange(newHours, e, finalMetaInfo);
+      handleChangeComposedTimeString(newTimeString, finalMetaInfo);
+    },
+    [minutes, meridiem, getIsDisabledTime, appOnHourChange, handleChangeComposedTimeString]
+  );
+  const handleChangeMinutes = (0, import_react.useCallback)(
+    (newMinutes, e, metaInfo = import_constants.defaultMetaInfo) => {
+      const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
+        hours,
+        minutes: newMinutes,
+        meridiem
+      });
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
+        newTimeString
+      };
+      appOnMinuteChange(newMinutes, e, finalMetaInfo);
+      handleChangeComposedTimeString(newTimeString, finalMetaInfo);
+    },
+    [hours, meridiem, getIsDisabledTime, appOnMinuteChange, handleChangeComposedTimeString]
+  );
+  const handleChangeMeridiem = (0, import_react.useCallback)(
+    (newMeridiem, e, metaInfo = import_constants.defaultMetaInfo) => {
+      const newTimeString = (0, import_stringHelpers.getFormattedTimeString)({
+        hours,
+        minutes,
+        meridiem: newMeridiem
+      });
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...(0, import_timeHelpers.getValidationTimeStringMetaInfo)(newTimeString, getIsDisabledTime),
+        newTimeString
+      };
+      appOnMeridiemChange(newMeridiem, e, finalMetaInfo);
+      handleChangeComposedTimeString(newTimeString, finalMetaInfo);
+    },
+    [hours, minutes, getIsDisabledTime, appOnMeridiemChange, handleChangeComposedTimeString]
+  );
+  const handleClearAll = (0, import_react.useCallback)(
+    (e) => {
+      const metaInfo = {
+        isAutomaticFillTrigger: false,
+        isClearButtonAction: true,
+        newDateString: "",
+        newTimeString: "",
+        newDateTimeString: ""
+      };
+      appOnMonthChange("", e, metaInfo);
+      appOnDayChange("", e, metaInfo);
+      appOnYearChange("", e, metaInfo);
+      appOnHourChange("", e, metaInfo);
+      appOnMinuteChange("", e, metaInfo);
+      appOnMeridiemChange("", e, metaInfo);
+      if (isDateTime)
+        handleChangeComposedDateTimeString("__/__/____", "__:__ __", metaInfo);
+      if (isDate)
+        handleChangeComposedDateString("__/__/____", metaInfo);
+      if (isTime)
+        handleChangeComposedTimeString("__:__ __", metaInfo);
+      trackFocusFirstSegment();
+    },
+    [
+      appOnDayChange,
+      appOnHourChange,
+      appOnMeridiemChange,
+      appOnMinuteChange,
+      appOnMonthChange,
+      appOnYearChange,
+      handleChangeComposedDateString,
+      handleChangeComposedDateTimeString,
+      handleChangeComposedTimeString,
+      isDate,
+      isDateTime,
+      isTime,
+      trackFocusFirstSegment
+    ]
+  );
+  return (0, import_react.useMemo)(
+    () => ({
+      handleChangeComposedDateTimeString,
+      handleChangeComposedDateString,
+      handleChangeComposedTimeString,
+      handleChangeMonth,
+      handleChangeDay,
+      handleChangeYear,
+      handleChangeHours,
+      handleChangeMinutes,
+      handleChangeMeridiem,
+      handleClearAll
+    }),
+    [
+      handleChangeComposedDateString,
+      handleChangeComposedDateTimeString,
+      handleChangeComposedTimeString,
+      handleChangeDay,
+      handleChangeHours,
+      handleChangeMeridiem,
+      handleChangeMinutes,
+      handleChangeMonth,
+      handleChangeYear,
+      handleClearAll
+    ]
+  );
 };
 //# sourceMappingURL=useChangeHandlers.js.map