@elliemae/ds-form-date-time-picker 3.4.3-rc.1 → 3.4.3

package/dist/esm/config/useGetPropsBasedOnType.js

@@ -31,59 +31,62 @@ const useGetPropsBasedOnType = (propsWithDefaults) => {
   const appTime = isTime ? propsWithDefaults.time : "";
   const appDateTime = isDateTime ? propsWithDefaults.dateTime : "";
   const appOnDateTimeChange = isDateTime ? propsWithDefaults.onDateTimeChange : noop;
-  return useMemo(() => ({
-    getIsDisabledDay,
-    getIsOutOfRangeDay,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay,
-    appOnDateChange,
-    appOnMonthChange,
-    appOnDayChange,
-    appOnYearChange,
-    appDate,
-    getIsDisabledTime,
-    appOnTimeChange,
-    appOnHourChange,
-    appOnMinuteChange,
-    appOnMeridiemChange,
-    appTime,
-    appDateTime,
-    appOnDateTimeChange,
-    emptyPickerStartingMonth,
-    onCalendarOpenFocusedDay,
-    minutesInterval,
-    onTimeWheelOpenStartingTime,
-    isDate,
-    isTime,
-    isDateTime
-  }), [
-    getIsDisabledDay,
-    getIsOutOfRangeDay,
-    getIsStartRangeDay,
-    getIsDayInRange,
-    getIsEndRangeDay,
-    appOnDateChange,
-    appOnMonthChange,
-    appOnDayChange,
-    appOnYearChange,
-    appDate,
-    getIsDisabledTime,
-    appOnTimeChange,
-    appOnHourChange,
-    appOnMinuteChange,
-    appOnMeridiemChange,
-    appTime,
-    appDateTime,
-    appOnDateTimeChange,
-    emptyPickerStartingMonth,
-    onCalendarOpenFocusedDay,
-    minutesInterval,
-    onTimeWheelOpenStartingTime,
-    isDate,
-    isTime,
-    isDateTime
-  ]);
+  return useMemo(
+    () => ({
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay,
+      appOnDateChange,
+      appOnMonthChange,
+      appOnDayChange,
+      appOnYearChange,
+      appDate,
+      getIsDisabledTime,
+      appOnTimeChange,
+      appOnHourChange,
+      appOnMinuteChange,
+      appOnMeridiemChange,
+      appTime,
+      appDateTime,
+      appOnDateTimeChange,
+      emptyPickerStartingMonth,
+      onCalendarOpenFocusedDay,
+      minutesInterval,
+      onTimeWheelOpenStartingTime,
+      isDate,
+      isTime,
+      isDateTime
+    }),
+    [
+      getIsDisabledDay,
+      getIsOutOfRangeDay,
+      getIsStartRangeDay,
+      getIsDayInRange,
+      getIsEndRangeDay,
+      appOnDateChange,
+      appOnMonthChange,
+      appOnDayChange,
+      appOnYearChange,
+      appDate,
+      getIsDisabledTime,
+      appOnTimeChange,
+      appOnHourChange,
+      appOnMinuteChange,
+      appOnMeridiemChange,
+      appTime,
+      appDateTime,
+      appOnDateTimeChange,
+      emptyPickerStartingMonth,
+      onCalendarOpenFocusedDay,
+      minutesInterval,
+      onTimeWheelOpenStartingTime,
+      isDate,
+      isTime,
+      isDateTime
+    ]
+  );
 };
 export {
   useGetPropsBasedOnType

package/dist/esm/config/useGetPropsBasedOnType.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetPropsBasedOnType.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\nconst defaultReturnFalse = () => false;\n\nexport const useGetPropsBasedOnType = (propsWithDefaults: DSControlledDateTimePickerT.InternalProps) => {\n  const isDateTime = getIsDateTime(propsWithDefaults);\n  const isDate = getIsDate(propsWithDefaults);\n  const isTime = getIsTime(propsWithDefaults);\n\n  /* -------------------------- -------------- --------------------------*/\n  /* -------------------------- DATE OPTIONALS --------------------------*/\n  /* -------------------------- -------------- --------------------------*/\n  const getIsDisabledDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsDisabledDay\n      ? propsWithDefaults.getIsDisabledDay\n      : defaultReturnFalse;\n  const getIsOutOfRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsOutOfRangeDay\n      ? propsWithDefaults.getIsOutOfRangeDay\n      : defaultReturnFalse;\n  const appOnMonthChange =\n    (isDateTime || isDate) && propsWithDefaults.onMonthChange ? propsWithDefaults.onMonthChange : noop;\n  const appOnDayChange = (isDateTime || isDate) && propsWithDefaults.onDayChange ? propsWithDefaults.onDayChange : noop;\n  const appOnYearChange =\n    (isDateTime || isDate) && propsWithDefaults.onYearChange ? propsWithDefaults.onYearChange : noop;\n\n  const emptyPickerStartingMonthDefault = `${new Date().getMonth() + 1}/__/${new Date().getFullYear()}`;\n  const emptyPickerStartingMonth =\n    (isDateTime || isDate) && propsWithDefaults.emptyPickerStartingMonth\n      ? propsWithDefaults.emptyPickerStartingMonth\n      : emptyPickerStartingMonthDefault;\n  const onCalendarOpenFocusedDay =\n    (isDateTime || isDate) && propsWithDefaults.onCalendarOpenFocusedDay\n      ? propsWithDefaults.onCalendarOpenFocusedDay\n      : undefined;\n  /* -------------------------- -------------- --------------------------*/\n  /* -------------------------- TIME OPTIONALS --------------------------*/\n  /* -------------------------- -------------- --------------------------*/\n  const getIsDisabledTime =\n    (isDateTime || isTime) && propsWithDefaults.getIsDisabledTime\n      ? propsWithDefaults.getIsDisabledTime\n      : defaultReturnFalse;\n  const appOnHourChange =\n    (isDateTime || isTime) && propsWithDefaults.onHourChange ? propsWithDefaults.onHourChange : noop;\n  const appOnMinuteChange =\n    (isDateTime || isTime) && propsWithDefaults.onMinuteChange ? propsWithDefaults.onMinuteChange : noop;\n  const appOnMeridiemChange =\n    (isDateTime || isTime) && propsWithDefaults.onMeridiemChange ? propsWithDefaults.onMeridiemChange : noop;\n  const minutesInterval =\n    (isDateTime || isTime) && propsWithDefaults.minutesInterval ? propsWithDefaults.minutesInterval : 1;\n  const onTimeWheelOpenStartingTime =\n    (isDateTime || isTime) && propsWithDefaults.onTimeWheelOpenStartingTime\n      ? propsWithDefaults.onTimeWheelOpenStartingTime\n      : '01:00 AM';\n\n  /* --------- ------------------------------------ ---------------------*/\n  /* --------- SPECIFIC REQUIRED DATETIME OPTIONALS ---------------------*/\n  /* --------- ------------------------------------ ---------------------*/\n  const appOnDateChange =\n    (isDateTime || isDate) && propsWithDefaults.onDateChange ? propsWithDefaults.onDateChange : noop;\n  const appOnTimeChange =\n    (isDateTime || isTime) && propsWithDefaults.onTimeChange ? propsWithDefaults.onTimeChange : noop;\n  /* ---------------------- ---------------------- ----------------------*/\n  /* ---------------------- DATE-RELATED OPTIONALS ----------------------*/\n  /* ---------------------- ---------------------- ----------------------*/\n  const getIsStartRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsStartRangeDay ? propsWithDefaults.getIsStartRangeDay : noop;\n  const getIsDayInRange =\n    (isDateTime || isDate) && propsWithDefaults.getIsDayInRange ? propsWithDefaults.getIsDayInRange : noop;\n  const getIsEndRangeDay =\n    (isDateTime || isDate) && propsWithDefaults.getIsEndRangeDay ? propsWithDefaults.getIsEndRangeDay : noop;\n\n  /* --------------------- ----------------------- ------------------------*/\n  /* --------------------- TYPE SPECIFIC REQUIREDS ------------------------*/\n  /* --------------------- ----------------------- ------------------------*/\n  const appDate = isDate ? propsWithDefaults.date : '';\n  const appTime = isTime ? propsWithDefaults.time : '';\n  const appDateTime = isDateTime ? propsWithDefaults.dateTime : '';\n  const appOnDateTimeChange = isDateTime ? propsWithDefaults.onDateTimeChange : noop;\n\n  return useMemo(\n    () => ({\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      appOnDateChange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      appDate,\n      getIsDisabledTime,\n      appOnTimeChange,\n      appOnHourChange,\n      appOnMinuteChange,\n      appOnMeridiemChange,\n      appTime,\n      appDateTime,\n      appOnDateTimeChange,\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      minutesInterval,\n      onTimeWheelOpenStartingTime,\n      isDate,\n      isTime,\n      isDateTime,\n    }),\n    [\n      getIsDisabledDay,\n      getIsOutOfRangeDay,\n      getIsStartRangeDay,\n      getIsDayInRange,\n      getIsEndRangeDay,\n      appOnDateChange,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      appDate,\n      getIsDisabledTime,\n      appOnTimeChange,\n      appOnHourChange,\n      appOnMinuteChange,\n      appOnMeridiemChange,\n      appTime,\n      appDateTime,\n      appOnDateTimeChange,\n      emptyPickerStartingMonth,\n      onCalendarOpenFocusedDay,\n      minutesInterval,\n      onTimeWheelOpenStartingTime,\n      isDate,\n      isTime,\n      isDateTime,\n    ],\n  );\n};\n"],
-  "mappings": "AAAA;ACGA;AACA;AAIA,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,qBAAqB,MAAM;AAE1B,MAAM,yBAAyB,CAAC,sBAAiE;AACtG,QAAM,aAAa,cAAc,iBAAiB;AAClD,QAAM,SAAS,UAAU,iBAAiB;AAC1C,QAAM,SAAS,UAAU,iBAAiB;AAK1C,QAAM,mBACH,eAAc,WAAW,kBAAkB,mBACxC,kBAAkB,mBAClB;AACN,QAAM,qBACH,eAAc,WAAW,kBAAkB,qBACxC,kBAAkB,qBAClB;AACN,QAAM,mBACH,eAAc,WAAW,kBAAkB,gBAAgB,kBAAkB,gBAAgB;AAChG,QAAM,iBAAkB,eAAc,WAAW,kBAAkB,cAAc,kBAAkB,cAAc;AACjH,QAAM,kBACH,eAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAE9F,QAAM,kCAAkC,GAAG,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ,IAAI,KAAK,EAAE,YAAY;AAClG,QAAM,2BACH,eAAc,WAAW,kBAAkB,2BACxC,kBAAkB,2BAClB;AACN,QAAM,2BACH,eAAc,WAAW,kBAAkB,2BACxC,kBAAkB,2BAClB;AAIN,QAAM,oBACH,eAAc,WAAW,kBAAkB,oBACxC,kBAAkB,oBAClB;AACN,QAAM,kBACH,eAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAC9F,QAAM,oBACH,eAAc,WAAW,kBAAkB,iBAAiB,kBAAkB,iBAAiB;AAClG,QAAM,sBACH,eAAc,WAAW,kBAAkB,mBAAmB,kBAAkB,mBAAmB;AACtG,QAAM,kBACH,eAAc,WAAW,kBAAkB,kBAAkB,kBAAkB,kBAAkB;AACpG,QAAM,8BACH,eAAc,WAAW,kBAAkB,8BACxC,kBAAkB,8BAClB;AAKN,QAAM,kBACH,eAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAC9F,QAAM,kBACH,eAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAI9F,QAAM,qBACH,eAAc,WAAW,kBAAkB,qBAAqB,kBAAkB,qBAAqB;AAC1G,QAAM,kBACH,eAAc,WAAW,kBAAkB,kBAAkB,kBAAkB,kBAAkB;AACpG,QAAM,mBACH,eAAc,WAAW,kBAAkB,mBAAmB,kBAAkB,mBAAmB;AAKtG,QAAM,UAAU,SAAS,kBAAkB,OAAO;AAClD,QAAM,UAAU,SAAS,kBAAkB,OAAO;AAClD,QAAM,cAAc,aAAa,kBAAkB,WAAW;AAC9D,QAAM,sBAAsB,aAAa,kBAAkB,mBAAmB;AAE9E,SAAO,QACL,MAAO;AAAA,IACL;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,eAAe;AACxB,SAAS,eAAe,WAAW,iBAAiB;AAIpD,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,qBAAqB,MAAM;AAE1B,MAAM,yBAAyB,CAAC,sBAAiE;AACtG,QAAM,aAAa,cAAc,iBAAiB;AAClD,QAAM,SAAS,UAAU,iBAAiB;AAC1C,QAAM,SAAS,UAAU,iBAAiB;AAK1C,QAAM,oBACH,cAAc,WAAW,kBAAkB,mBACxC,kBAAkB,mBAClB;AACN,QAAM,sBACH,cAAc,WAAW,kBAAkB,qBACxC,kBAAkB,qBAClB;AACN,QAAM,oBACH,cAAc,WAAW,kBAAkB,gBAAgB,kBAAkB,gBAAgB;AAChG,QAAM,kBAAkB,cAAc,WAAW,kBAAkB,cAAc,kBAAkB,cAAc;AACjH,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAE9F,QAAM,kCAAkC,GAAG,IAAI,KAAK,EAAE,SAAS,IAAI,QAAQ,IAAI,KAAK,EAAE,YAAY;AAClG,QAAM,4BACH,cAAc,WAAW,kBAAkB,2BACxC,kBAAkB,2BAClB;AACN,QAAM,4BACH,cAAc,WAAW,kBAAkB,2BACxC,kBAAkB,2BAClB;AAIN,QAAM,qBACH,cAAc,WAAW,kBAAkB,oBACxC,kBAAkB,oBAClB;AACN,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAC9F,QAAM,qBACH,cAAc,WAAW,kBAAkB,iBAAiB,kBAAkB,iBAAiB;AAClG,QAAM,uBACH,cAAc,WAAW,kBAAkB,mBAAmB,kBAAkB,mBAAmB;AACtG,QAAM,mBACH,cAAc,WAAW,kBAAkB,kBAAkB,kBAAkB,kBAAkB;AACpG,QAAM,+BACH,cAAc,WAAW,kBAAkB,8BACxC,kBAAkB,8BAClB;AAKN,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAC9F,QAAM,mBACH,cAAc,WAAW,kBAAkB,eAAe,kBAAkB,eAAe;AAI9F,QAAM,sBACH,cAAc,WAAW,kBAAkB,qBAAqB,kBAAkB,qBAAqB;AAC1G,QAAM,mBACH,cAAc,WAAW,kBAAkB,kBAAkB,kBAAkB,kBAAkB;AACpG,QAAM,oBACH,cAAc,WAAW,kBAAkB,mBAAmB,kBAAkB,mBAAmB;AAKtG,QAAM,UAAU,SAAS,kBAAkB,OAAO;AAClD,QAAM,UAAU,SAAS,kBAAkB,OAAO;AAClD,QAAM,cAAc,aAAa,kBAAkB,WAAW;AAC9D,QAAM,sBAAsB,aAAa,kBAAkB,mBAAmB;AAE9E,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/config/useGetPropsWithDefault.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetPropsWithDefault.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { defaultProps, DSControlledDateTimePickerT } from '../propTypes';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetDatePickerWithDefaultsProps = (\n  props: DSControlledDateTimePickerT.Props,\n): DSControlledDateTimePickerT.InternalProps =>\n  useMemoMergePropsWithDefault<DSControlledDateTimePickerT.InternalProps>(props, defaultProps);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,oCAAoC,CAC/C,UAEA,6BAAwE,OAAO,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oCAAoC;AAC7C,SAAS,oBAAiD;AAEnD,MAAM,oCAAoC,CAC/C,UAEA,6BAAwE,OAAO,YAAY;",
   "names": []
 }

package/dist/esm/config/useGetReferences.js

@@ -73,34 +73,37 @@ const useGetReferences = ({
     if (lastSegment !== "year-input")
       setLastSegment("year-input");
   }
-  return useMemo(() => ({
-    monthInputRef,
-    dayInputRef,
-    yearInputRef,
-    hourInputRef,
-    minutesInputRef,
-    meridiemInputRef,
-    clearButtonRef,
-    pickerButtonRef,
-    prevYearBtnRef,
-    prevMonthBtnRef,
-    nextMonthBtnRef,
-    nextYearBtnRef,
-    calendarDaysWrapperRef,
-    prevHourBtnRef,
-    currHourBtnRef,
-    nextHourBtnRef,
-    prevMinutesBtnRef,
-    currMinutesBtnRef,
-    nextMinutesBtnRef,
-    prevMeridiemBtnRef,
-    currMeridiemBtnRef,
-    nextMeridiemBtnRef,
-    firstSegmentRef,
-    lastSegmentRef,
-    firstSegment,
-    lastSegment
-  }), [firstSegment, lastSegment]);
+  return useMemo(
+    () => ({
+      monthInputRef,
+      dayInputRef,
+      yearInputRef,
+      hourInputRef,
+      minutesInputRef,
+      meridiemInputRef,
+      clearButtonRef,
+      pickerButtonRef,
+      prevYearBtnRef,
+      prevMonthBtnRef,
+      nextMonthBtnRef,
+      nextYearBtnRef,
+      calendarDaysWrapperRef,
+      prevHourBtnRef,
+      currHourBtnRef,
+      nextHourBtnRef,
+      prevMinutesBtnRef,
+      currMinutesBtnRef,
+      nextMinutesBtnRef,
+      prevMeridiemBtnRef,
+      currMeridiemBtnRef,
+      nextMeridiemBtnRef,
+      firstSegmentRef,
+      lastSegmentRef,
+      firstSegment,
+      lastSegment
+    }),
+    [firstSegment, lastSegment]
+  );
 };
 export {
   useGetReferences

package/dist/esm/config/useGetReferences.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetReferences.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useRef, useMemo, useState } from 'react';\nimport { useGetFlags } from './useGetFlags';\ntype FirstSegment =\n  | 'month-input'\n  | 'hour-input'\n  | 'date-picker-icon'\n  | 'time-picker-icon'\n  | 'datetime-picker-icon'\n  | '';\ntype LastSegment =\n  | 'year-input'\n  | 'meridiem-input'\n  | 'clear-btn'\n  | 'date-picker-icon'\n  | 'time-picker-icon'\n  | 'datetime-picker-icon'\n  | '';\nexport const useGetReferences = ({\n  isWithDateInputs,\n  isWithTimeInputs,\n  isDateSelector,\n  isTimeSelector,\n  isDateTimeSelector,\n  withAnyPicker,\n  withClearBtn,\n}: ReturnType<typeof useGetFlags>) => {\n  // those 2 states are needed for focus tracking\n  const [firstSegment, setFirstSegment] = useState<FirstSegment>('');\n  const [lastSegment, setLastSegment] = useState<LastSegment>('');\n  // refs are used for \"auto-advance\" feature\n  const monthInputRef = useRef<HTMLInputElement>(null) as React.MutableRefObject<HTMLInputElement>;\n  const dayInputRef = useRef<HTMLInputElement>(null) as React.MutableRefObject<HTMLInputElement>;\n  const yearInputRef = useRef<HTMLInputElement>(null) as React.MutableRefObject<HTMLInputElement>;\n  const hourInputRef = useRef<HTMLInputElement>(null) as React.MutableRefObject<HTMLInputElement>;\n  const minutesInputRef = useRef<HTMLInputElement>(null) as React.MutableRefObject<HTMLInputElement>;\n  const meridiemInputRef = useRef<HTMLInputElement>(null) as React.MutableRefObject<HTMLInputElement>;\n  const clearButtonRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const pickerButtonRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n\n  const prevYearBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const prevMonthBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const nextMonthBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const nextYearBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const calendarDaysWrapperRef = useRef<HTMLDivElement>(null) as React.MutableRefObject<HTMLDivElement>;\n\n  const prevHourBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const currHourBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const nextHourBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const prevMinutesBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const currMinutesBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const nextMinutesBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const prevMeridiemBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const currMeridiemBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n  const nextMeridiemBtnRef = useRef<HTMLButtonElement>(null) as React.MutableRefObject<HTMLButtonElement>;\n\n  let firstSegmentRef = useRef<HTMLInputElement | HTMLButtonElement>(null) as React.MutableRefObject<\n    HTMLInputElement | HTMLButtonElement\n  >;\n  if (isWithDateInputs) {\n    firstSegmentRef = monthInputRef;\n    if (firstSegment !== 'month-input') setFirstSegment('month-input');\n  } else if (isWithTimeInputs) {\n    firstSegmentRef = hourInputRef;\n    if (firstSegment !== 'hour-input') setFirstSegment('hour-input');\n  } else if (withAnyPicker) {\n    firstSegmentRef = pickerButtonRef;\n    if (isDateSelector && firstSegment !== 'date-picker-icon') setFirstSegment('date-picker-icon');\n    if (isTimeSelector && firstSegment !== 'time-picker-icon') setFirstSegment('time-picker-icon');\n    if (isDateTimeSelector && firstSegment !== 'datetime-picker-icon') setFirstSegment('datetime-picker-icon');\n  }\n\n  let lastSegmentRef = useRef<HTMLInputElement | HTMLButtonElement>(null) as React.MutableRefObject<\n    HTMLInputElement | HTMLButtonElement\n  >;\n  if (withAnyPicker) {\n    lastSegmentRef = pickerButtonRef;\n    if (isDateSelector && lastSegment !== 'date-picker-icon') setLastSegment('date-picker-icon');\n    if (isTimeSelector && lastSegment !== 'time-picker-icon') setLastSegment('time-picker-icon');\n    if (isDateTimeSelector && lastSegment !== 'datetime-picker-icon') setLastSegment('datetime-picker-icon');\n  } else if (withClearBtn) {\n    lastSegmentRef = clearButtonRef;\n    if (lastSegment !== 'clear-btn') setLastSegment('clear-btn');\n  } else if (isWithTimeInputs) {\n    lastSegmentRef = meridiemInputRef;\n    if (lastSegment !== 'meridiem-input') setLastSegment('meridiem-input');\n  } else if (isWithDateInputs) {\n    lastSegmentRef = yearInputRef;\n    if (lastSegment !== 'year-input') setLastSegment('year-input');\n  }\n\n  return useMemo(\n    () => ({\n      monthInputRef,\n      dayInputRef,\n      yearInputRef,\n      hourInputRef,\n      minutesInputRef,\n      meridiemInputRef,\n      clearButtonRef,\n      pickerButtonRef,\n      prevYearBtnRef,\n      prevMonthBtnRef,\n      nextMonthBtnRef,\n      nextYearBtnRef,\n      calendarDaysWrapperRef,\n      prevHourBtnRef,\n      currHourBtnRef,\n      nextHourBtnRef,\n      prevMinutesBtnRef,\n      currMinutesBtnRef,\n      nextMinutesBtnRef,\n      prevMeridiemBtnRef,\n      currMeridiemBtnRef,\n      nextMeridiemBtnRef,\n      firstSegmentRef,\n      lastSegmentRef,\n      firstSegment,\n      lastSegment,\n    }),\n    [firstSegment, lastSegment],\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AAiBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACoC;AAEpC,QAAM,CAAC,cAAc,mBAAmB,SAAuB,EAAE;AACjE,QAAM,CAAC,aAAa,kBAAkB,SAAsB,EAAE;AAE9D,QAAM,gBAAgB,OAAyB,IAAI;AACnD,QAAM,cAAc,OAAyB,IAAI;AACjD,QAAM,eAAe,OAAyB,IAAI;AAClD,QAAM,eAAe,OAAyB,IAAI;AAClD,QAAM,kBAAkB,OAAyB,IAAI;AACrD,QAAM,mBAAmB,OAAyB,IAAI;AACtD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,kBAAkB,OAA0B,IAAI;AAEtD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,kBAAkB,OAA0B,IAAI;AACtD,QAAM,kBAAkB,OAA0B,IAAI;AACtD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,yBAAyB,OAAuB,IAAI;AAE1D,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,qBAAqB,OAA0B,IAAI;AACzD,QAAM,qBAAqB,OAA0B,IAAI;AACzD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,MAAI,kBAAkB,OAA6C,IAAI;AAGvE,MAAI,kBAAkB;AACpB,sBAAkB;AAClB,QAAI,iBAAiB;AAAe,sBAAgB,aAAa;AAAA,EACnE,WAAW,kBAAkB;AAC3B,sBAAkB;AAClB,QAAI,iBAAiB;AAAc,sBAAgB,YAAY;AAAA,EACjE,WAAW,eAAe;AACxB,sBAAkB;AAClB,QAAI,kBAAkB,iBAAiB;AAAoB,sBAAgB,kBAAkB;AAC7F,QAAI,kBAAkB,iBAAiB;AAAoB,sBAAgB,kBAAkB;AAC7F,QAAI,sBAAsB,iBAAiB;AAAwB,sBAAgB,sBAAsB;AAAA,EAC3G;AAEA,MAAI,iBAAiB,OAA6C,IAAI;AAGtE,MAAI,eAAe;AACjB,qBAAiB;AACjB,QAAI,kBAAkB,gBAAgB;AAAoB,qBAAe,kBAAkB;AAC3F,QAAI,kBAAkB,gBAAgB;AAAoB,qBAAe,kBAAkB;AAC3F,QAAI,sBAAsB,gBAAgB;AAAwB,qBAAe,sBAAsB;AAAA,EACzG,WAAW,cAAc;AACvB,qBAAiB;AACjB,QAAI,gBAAgB;AAAa,qBAAe,WAAW;AAAA,EAC7D,WAAW,kBAAkB;AAC3B,qBAAiB;AACjB,QAAI,gBAAgB;AAAkB,qBAAe,gBAAgB;AAAA,EACvE,WAAW,kBAAkB;AAC3B,qBAAiB;AACjB,QAAI,gBAAgB;AAAc,qBAAe,YAAY;AAAA,EAC/D;AAEA,SAAO,QACL,MAAO;AAAA,IACL;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,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,IACA,CAAC,cAAc,WAAW,CAC5B;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,QAAQ,SAAS,gBAAgB;AAiBnC,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsC;AAEpC,QAAM,CAAC,cAAc,eAAe,IAAI,SAAuB,EAAE;AACjE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAsB,EAAE;AAE9D,QAAM,gBAAgB,OAAyB,IAAI;AACnD,QAAM,cAAc,OAAyB,IAAI;AACjD,QAAM,eAAe,OAAyB,IAAI;AAClD,QAAM,eAAe,OAAyB,IAAI;AAClD,QAAM,kBAAkB,OAAyB,IAAI;AACrD,QAAM,mBAAmB,OAAyB,IAAI;AACtD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,kBAAkB,OAA0B,IAAI;AAEtD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,kBAAkB,OAA0B,IAAI;AACtD,QAAM,kBAAkB,OAA0B,IAAI;AACtD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,yBAAyB,OAAuB,IAAI;AAE1D,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,iBAAiB,OAA0B,IAAI;AACrD,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,oBAAoB,OAA0B,IAAI;AACxD,QAAM,qBAAqB,OAA0B,IAAI;AACzD,QAAM,qBAAqB,OAA0B,IAAI;AACzD,QAAM,qBAAqB,OAA0B,IAAI;AAEzD,MAAI,kBAAkB,OAA6C,IAAI;AAGvE,MAAI,kBAAkB;AACpB,sBAAkB;AAClB,QAAI,iBAAiB;AAAe,sBAAgB,aAAa;AAAA,EACnE,WAAW,kBAAkB;AAC3B,sBAAkB;AAClB,QAAI,iBAAiB;AAAc,sBAAgB,YAAY;AAAA,EACjE,WAAW,eAAe;AACxB,sBAAkB;AAClB,QAAI,kBAAkB,iBAAiB;AAAoB,sBAAgB,kBAAkB;AAC7F,QAAI,kBAAkB,iBAAiB;AAAoB,sBAAgB,kBAAkB;AAC7F,QAAI,sBAAsB,iBAAiB;AAAwB,sBAAgB,sBAAsB;AAAA,EAC3G;AAEA,MAAI,iBAAiB,OAA6C,IAAI;AAGtE,MAAI,eAAe;AACjB,qBAAiB;AACjB,QAAI,kBAAkB,gBAAgB;AAAoB,qBAAe,kBAAkB;AAC3F,QAAI,kBAAkB,gBAAgB;AAAoB,qBAAe,kBAAkB;AAC3F,QAAI,sBAAsB,gBAAgB;AAAwB,qBAAe,sBAAsB;AAAA,EACzG,WAAW,cAAc;AACvB,qBAAiB;AACjB,QAAI,gBAAgB;AAAa,qBAAe,WAAW;AAAA,EAC7D,WAAW,kBAAkB;AAC3B,qBAAiB;AACjB,QAAI,gBAAgB;AAAkB,qBAAe,gBAAgB;AAAA,EACvE,WAAW,kBAAkB;AAC3B,qBAAiB;AACjB,QAAI,gBAAgB;AAAc,qBAAe,YAAY;AAAA,EAC/D;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,cAAc,WAAW;AAAA,EAC5B;AACF;",
   "names": []
 }

package/dist/esm/config/useGlobalKeyHandlers.js

@@ -18,56 +18,65 @@ const useGlobalKeyHandlers = ({ propsBasedOnType, changeHandlers, flags, focusTr
   const { handleChangeComposedDateTimeString, handleClearAll } = changeHandlers;
   const { shouldPreserveClearableSpace } = flags;
   const { trackFocusClearBtn, trackFocusLastSegment } = focusTrackers;
-  const onFillWithCurrentDateKeys = useCallback((e, metaInfo = { isAutomaticFillTrigger: true }) => {
-    const now = new Date();
-    const nowDateString = getDateStringFromDay(now);
-    const nowTimeString = getTimeStringFromDay(now);
-    const finalMetaInfo = {
-      ...metaInfo,
-      ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),
-      ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),
-      newDateString: nowDateString
-    };
-    const { month, day, year } = deconstructValuesFromDateString(nowDateString);
-    appOnMonthChange(month, e, metaInfo);
-    appOnDayChange(day, e, metaInfo);
-    appOnYearChange(year, e, metaInfo);
-    const { hours, minutes, meridiem } = deconstructValuesFromTimeString(nowTimeString);
-    appOnHourChange(hours, e, metaInfo);
-    appOnMinuteChange(minutes, e, metaInfo);
-    appOnMeridiemChange(meridiem, e, metaInfo);
-    handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);
-    if (shouldPreserveClearableSpace)
-      trackFocusClearBtn();
-    else
-      trackFocusLastSegment();
-  }, [
-    appOnDayChange,
-    appOnHourChange,
-    appOnMeridiemChange,
-    appOnMinuteChange,
-    appOnMonthChange,
-    appOnYearChange,
-    getIsDisabledDay,
-    getIsDisabledTime,
-    getIsOutOfRangeDay,
-    handleChangeComposedDateTimeString,
-    shouldPreserveClearableSpace,
-    trackFocusClearBtn,
-    trackFocusLastSegment
-  ]);
-  const onGlobalKeyDown = useCallback((e) => {
-    const { key, ctrlKey, metaKey } = e;
-    if ((ctrlKey || metaKey) && key === ";") {
-      onFillWithCurrentDateKeys(e);
-    }
-    if ((ctrlKey || metaKey) && (key === "Delete" || key === "Backspace"))
-      handleClearAll(e);
-  }, [handleClearAll, onFillWithCurrentDateKeys]);
-  return useMemo(() => ({
-    onFillWithCurrentDateKeys,
-    onGlobalKeyDown
-  }), [onFillWithCurrentDateKeys, onGlobalKeyDown]);
+  const onFillWithCurrentDateKeys = useCallback(
+    (e, metaInfo = { isAutomaticFillTrigger: true }) => {
+      const now = new Date();
+      const nowDateString = getDateStringFromDay(now);
+      const nowTimeString = getTimeStringFromDay(now);
+      const finalMetaInfo = {
+        ...metaInfo,
+        ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),
+        ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),
+        newDateString: nowDateString
+      };
+      const { month, day, year } = deconstructValuesFromDateString(nowDateString);
+      appOnMonthChange(month, e, metaInfo);
+      appOnDayChange(day, e, metaInfo);
+      appOnYearChange(year, e, metaInfo);
+      const { hours, minutes, meridiem } = deconstructValuesFromTimeString(nowTimeString);
+      appOnHourChange(hours, e, metaInfo);
+      appOnMinuteChange(minutes, e, metaInfo);
+      appOnMeridiemChange(meridiem, e, metaInfo);
+      handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);
+      if (shouldPreserveClearableSpace)
+        trackFocusClearBtn();
+      else
+        trackFocusLastSegment();
+    },
+    [
+      appOnDayChange,
+      appOnHourChange,
+      appOnMeridiemChange,
+      appOnMinuteChange,
+      appOnMonthChange,
+      appOnYearChange,
+      getIsDisabledDay,
+      getIsDisabledTime,
+      getIsOutOfRangeDay,
+      handleChangeComposedDateTimeString,
+      shouldPreserveClearableSpace,
+      trackFocusClearBtn,
+      trackFocusLastSegment
+    ]
+  );
+  const onGlobalKeyDown = useCallback(
+    (e) => {
+      const { key, ctrlKey, metaKey } = e;
+      if ((ctrlKey || metaKey) && key === ";") {
+        onFillWithCurrentDateKeys(e);
+      }
+      if ((ctrlKey || metaKey) && (key === "Delete" || key === "Backspace"))
+        handleClearAll(e);
+    },
+    [handleClearAll, onFillWithCurrentDateKeys]
+  );
+  return useMemo(
+    () => ({
+      onFillWithCurrentDateKeys,
+      onGlobalKeyDown
+    }),
+    [onFillWithCurrentDateKeys, onGlobalKeyDown]
+  );
 };
 export {
   useGlobalKeyHandlers

package/dist/esm/config/useGlobalKeyHandlers.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGlobalKeyHandlers.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo } from 'react';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetReferences } from './useGetReferences';\nimport { useGetFlags } from './useGetFlags';\nimport { useFocusTracker } from './useFocusTracker';\nimport { getValidationDateStringMetaInfo, getDateStringFromDay, getTimeStringFromDay } from '../utils/dateHelpers';\nimport { getValidationTimeStringMetaInfo } from '../utils/timeHelpers';\nimport { deconstructValuesFromDateString, deconstructValuesFromTimeString } from '../utils/stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\ninterface Config {\n  propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;\n  changeHandlers: ReturnType<typeof useChangeHandlers>;\n  DOMRefs: ReturnType<typeof useGetReferences>;\n  flags: ReturnType<typeof useGetFlags>;\n  focusTrackers: ReturnType<typeof useFocusTracker>;\n}\n\nexport const useGlobalKeyHandlers = ({ propsBasedOnType, changeHandlers, flags, focusTrackers }: Config) => {\n  const {\n    getIsOutOfRangeDay,\n    getIsDisabledDay,\n    getIsDisabledTime,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    appOnHourChange,\n    appOnMinuteChange,\n    appOnMeridiemChange,\n  } = propsBasedOnType;\n  const { handleChangeComposedDateTimeString, handleClearAll } = changeHandlers;\n  const { shouldPreserveClearableSpace } = flags;\n  const { trackFocusClearBtn, trackFocusLastSegment } = focusTrackers;\n\n  const onFillWithCurrentDateKeys = useCallback(\n    (\n      e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>,\n      metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo> = { isAutomaticFillTrigger: true },\n    ) => {\n      const now = new Date();\n      const nowDateString = getDateStringFromDay(now);\n      const nowTimeString = getTimeStringFromDay(now);\n      const finalMetaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo = {\n        ...metaInfo,\n        ...getValidationDateStringMetaInfo(nowDateString, getIsOutOfRangeDay, getIsDisabledDay),\n        ...getValidationTimeStringMetaInfo(nowTimeString, getIsDisabledTime),\n        newDateString: nowDateString,\n      };\n      const { month, day, year } = deconstructValuesFromDateString(nowDateString);\n      appOnMonthChange(month, e, metaInfo);\n      appOnDayChange(day, e, metaInfo);\n      appOnYearChange(year, e, metaInfo);\n      const { hours, minutes, meridiem } = deconstructValuesFromTimeString(nowTimeString);\n      appOnHourChange(hours, e, metaInfo);\n      appOnMinuteChange(minutes, e, metaInfo);\n      appOnMeridiemChange(meridiem, e, metaInfo);\n      handleChangeComposedDateTimeString(nowDateString, nowTimeString, finalMetaInfo);\n      if (shouldPreserveClearableSpace) trackFocusClearBtn();\n      else trackFocusLastSegment();\n    },\n    [\n      appOnDayChange,\n      appOnHourChange,\n      appOnMeridiemChange,\n      appOnMinuteChange,\n      appOnMonthChange,\n      appOnYearChange,\n      getIsDisabledDay,\n      getIsDisabledTime,\n      getIsOutOfRangeDay,\n      handleChangeComposedDateTimeString,\n      shouldPreserveClearableSpace,\n      trackFocusClearBtn,\n      trackFocusLastSegment,\n    ],\n  );\n\n  const onGlobalKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>) => {\n      const { key, ctrlKey, metaKey } = e;\n      if ((ctrlKey || metaKey) && key === ';') {\n        onFillWithCurrentDateKeys(e);\n      }\n      if ((ctrlKey || metaKey) && (key === 'Delete' || key === 'Backspace')) handleClearAll(e);\n    },\n    [handleClearAll, onFillWithCurrentDateKeys],\n  );\n\n  return useMemo(\n    () => ({\n      onFillWithCurrentDateKeys,\n      onGlobalKeyDown,\n    }),\n    [onFillWithCurrentDateKeys, onGlobalKeyDown],\n  );\n};\n"],
-  "mappings": "AAAA;ACKA;AAMA;AACA;AACA;AAWO,MAAM,uBAAuB,CAAC,EAAE,kBAAkB,gBAAgB,OAAO,oBAA4B;AAC1G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,oCAAoC,mBAAmB;AAC/D,QAAM,EAAE,iCAAiC;AACzC,QAAM,EAAE,oBAAoB,0BAA0B;AAEtD,QAAM,4BAA4B,YAChC,CACE,GACA,WAA8E,EAAE,wBAAwB,KAAK,MAC1G;AACH,UAAM,MAAM,IAAI,KAAK;AACrB,UAAM,gBAAgB,qBAAqB,GAAG;AAC9C,UAAM,gBAAgB,qBAAqB,GAAG;AAC9C,UAAM,gBAA0E;AAAA,MAC9E,GAAG;AAAA,MACH,GAAG,gCAAgC,eAAe,oBAAoB,gBAAgB;AAAA,MACtF,GAAG,gCAAgC,eAAe,iBAAiB;AAAA,MACnE,eAAe;AAAA,IACjB;AACA,UAAM,EAAE,OAAO,KAAK,SAAS,gCAAgC,aAAa;AAC1E,qBAAiB,OAAO,GAAG,QAAQ;AACnC,mBAAe,KAAK,GAAG,QAAQ;AAC/B,oBAAgB,MAAM,GAAG,QAAQ;AACjC,UAAM,EAAE,OAAO,SAAS,aAAa,gCAAgC,aAAa;AAClF,oBAAgB,OAAO,GAAG,QAAQ;AAClC,sBAAkB,SAAS,GAAG,QAAQ;AACtC,wBAAoB,UAAU,GAAG,QAAQ;AACzC,uCAAmC,eAAe,eAAe,aAAa;AAC9E,QAAI;AAA8B,yBAAmB;AAAA;AAChD,4BAAsB;AAAA,EAC7B,GACA;AAAA,IACE;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,CACF;AAEA,QAAM,kBAAkB,YACtB,CAAC,MAAiE;AAChE,UAAM,EAAE,KAAK,SAAS,YAAY;AAClC,QAAK,YAAW,YAAY,QAAQ,KAAK;AACvC,gCAA0B,CAAC;AAAA,IAC7B;AACA,QAAK,YAAW,YAAa,SAAQ,YAAY,QAAQ;AAAc,qBAAe,CAAC;AAAA,EACzF,GACA,CAAC,gBAAgB,yBAAyB,CAC5C;AAEA,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF,IACA,CAAC,2BAA2B,eAAe,CAC7C;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,aAAa,eAAe;AAMrC,SAAS,iCAAiC,sBAAsB,4BAA4B;AAC5F,SAAS,uCAAuC;AAChD,SAAS,iCAAiC,uCAAuC;AAW1E,MAAM,uBAAuB,CAAC,EAAE,kBAAkB,gBAAgB,OAAO,cAAc,MAAc;AAC1G,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,oCAAoC,eAAe,IAAI;AAC/D,QAAM,EAAE,6BAA6B,IAAI;AACzC,QAAM,EAAE,oBAAoB,sBAAsB,IAAI;AAEtD,QAAM,4BAA4B;AAAA,IAChC,CACE,GACA,WAA8E,EAAE,wBAAwB,KAAK,MAC1G;AACH,YAAM,MAAM,IAAI,KAAK;AACrB,YAAM,gBAAgB,qBAAqB,GAAG;AAC9C,YAAM,gBAAgB,qBAAqB,GAAG;AAC9C,YAAM,gBAA0E;AAAA,QAC9E,GAAG;AAAA,QACH,GAAG,gCAAgC,eAAe,oBAAoB,gBAAgB;AAAA,QACtF,GAAG,gCAAgC,eAAe,iBAAiB;AAAA,QACnE,eAAe;AAAA,MACjB;AACA,YAAM,EAAE,OAAO,KAAK,KAAK,IAAI,gCAAgC,aAAa;AAC1E,uBAAiB,OAAO,GAAG,QAAQ;AACnC,qBAAe,KAAK,GAAG,QAAQ;AAC/B,sBAAgB,MAAM,GAAG,QAAQ;AACjC,YAAM,EAAE,OAAO,SAAS,SAAS,IAAI,gCAAgC,aAAa;AAClF,sBAAgB,OAAO,GAAG,QAAQ;AAClC,wBAAkB,SAAS,GAAG,QAAQ;AACtC,0BAAoB,UAAU,GAAG,QAAQ;AACzC,yCAAmC,eAAe,eAAe,aAAa;AAC9E,UAAI;AAA8B,2BAAmB;AAAA;AAChD,8BAAsB;AAAA,IAC7B;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAAiE;AAChE,YAAM,EAAE,KAAK,SAAS,QAAQ,IAAI;AAClC,WAAK,WAAW,YAAY,QAAQ,KAAK;AACvC,kCAA0B,CAAC;AAAA,MAC7B;AACA,WAAK,WAAW,aAAa,QAAQ,YAAY,QAAQ;AAAc,uBAAe,CAAC;AAAA,IACzF;AAAA,IACA,CAAC,gBAAgB,yBAAyB;AAAA,EAC5C;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,2BAA2B,eAAe;AAAA,EAC7C;AACF;",
   "names": []
 }

package/dist/esm/config/useRelevantValueFromProps.js

@@ -19,14 +19,17 @@ const useRelevantValueFromProps = (props) => {
   }, [props]);
   const [tempDateString, setTempDateString] = useState(dateStringFromProps);
   const [tempTimeString, setTimeString] = useState(timeStringFromProps);
-  return useMemo(() => ({
-    dateStringFromProps,
-    timeStringFromProps,
-    tempDateString,
-    setTempDateString,
-    tempTimeString,
-    setTimeString
-  }), [dateStringFromProps, tempDateString, tempTimeString, timeStringFromProps]);
+  return useMemo(
+    () => ({
+      dateStringFromProps,
+      timeStringFromProps,
+      tempDateString,
+      setTempDateString,
+      tempTimeString,
+      setTimeString
+    }),
+    [dateStringFromProps, tempDateString, tempTimeString, timeStringFromProps]
+  );
 };
 export {
   useRelevantValueFromProps

package/dist/esm/config/useRelevantValueFromProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useRelevantValueFromProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState } from 'react';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards';\nimport { dateTimeToTime, dateTimeToDate } from '../utils/stringHelpers';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nexport const useRelevantValueFromProps = (props: DSControlledDateTimePickerT.InternalProps) => {\n  const dateStringFromProps = useMemo(() => {\n    if (getIsDateTime(props)) return props.dateTime !== '' ? dateTimeToDate(props.dateTime) : '__/__/____';\n    if (getIsDate(props)) return props.date !== '' ? props.date : '__/__/____';\n    return '__/__/____';\n  }, [props]);\n  const timeStringFromProps = useMemo(() => {\n    if (getIsDateTime(props)) return props.dateTime !== '' ? dateTimeToTime(props.dateTime) : '__:__ __';\n    if (getIsTime(props)) return props.time !== '' ? props.time : '__:__ __';\n    return '__:__ __';\n  }, [props]);\n\n  // don't use tempDateString to trigger useEffect for onDateChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempDateString, setTempDateString] = useState(dateStringFromProps);\n  // don't use tempTimeString to trigger useEffect for onTimeChange\n  // that is an anti-pattern and leads to a lot of issue\n  // if you don't believe me, check date-time-picker v1 which is doing it\n  const [tempTimeString, setTimeString] = useState(timeStringFromProps);\n\n  return useMemo(\n    () => ({\n      dateStringFromProps,\n      timeStringFromProps,\n      tempDateString,\n      setTempDateString,\n      tempTimeString,\n      setTimeString,\n    }),\n    [dateStringFromProps, tempDateString, tempTimeString, timeStringFromProps],\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AAGO,MAAM,4BAA4B,CAAC,UAAqD;AAC7F,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,cAAc,KAAK;AAAG,aAAO,MAAM,aAAa,KAAK,eAAe,MAAM,QAAQ,IAAI;AAC1F,QAAI,UAAU,KAAK;AAAG,aAAO,MAAM,SAAS,KAAK,MAAM,OAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,cAAc,KAAK;AAAG,aAAO,MAAM,aAAa,KAAK,eAAe,MAAM,QAAQ,IAAI;AAC1F,QAAI,UAAU,KAAK;AAAG,aAAO,MAAM,SAAS,KAAK,MAAM,OAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAKV,QAAM,CAAC,gBAAgB,qBAAqB,SAAS,mBAAmB;AAIxE,QAAM,CAAC,gBAAgB,iBAAiB,SAAS,mBAAmB;AAEpE,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,qBAAqB,gBAAgB,gBAAgB,mBAAmB,CAC3E;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,SAAS,gBAAgB;AAClC,SAAS,eAAe,WAAW,iBAAiB;AACpD,SAAS,gBAAgB,sBAAsB;AAGxC,MAAM,4BAA4B,CAAC,UAAqD;AAC7F,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,cAAc,KAAK;AAAG,aAAO,MAAM,aAAa,KAAK,eAAe,MAAM,QAAQ,IAAI;AAC1F,QAAI,UAAU,KAAK;AAAG,aAAO,MAAM,SAAS,KAAK,MAAM,OAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AACV,QAAM,sBAAsB,QAAQ,MAAM;AACxC,QAAI,cAAc,KAAK;AAAG,aAAO,MAAM,aAAa,KAAK,eAAe,MAAM,QAAQ,IAAI;AAC1F,QAAI,UAAU,KAAK;AAAG,aAAO,MAAM,SAAS,KAAK,MAAM,OAAO;AAC9D,WAAO;AAAA,EACT,GAAG,CAAC,KAAK,CAAC;AAKV,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,mBAAmB;AAIxE,QAAM,CAAC,gBAAgB,aAAa,IAAI,SAAS,mBAAmB;AAEpE,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,qBAAqB,gBAAgB,gBAAgB,mBAAmB;AAAA,EAC3E;AACF;",
   "names": []
 }

package/dist/esm/config/useValidateProps.js

@@ -17,57 +17,73 @@ const INLINE_RECEIVED_PREPEND = `
 
     Received:`;
 const throwInvalidDateTimeError = (invalidValue) => {
-  throw new Error(`${PREPEND}the "dateTime" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`);
+  throw new Error(
+    `${PREPEND}the "dateTime" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`
+  );
 };
 const throwInvalidDaterror = (invalidValue) => {
-  throw new Error(`${PREPEND}the "date" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`);
+  throw new Error(
+    `${PREPEND}the "date" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`
+  );
 };
 const throwInvalidTimerror = (invalidValue) => {
-  throw new Error(`${PREPEND}the "time" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`);
+  throw new Error(
+    `${PREPEND}the "time" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`
+  );
 };
 const throwUncontrolledDateError = (date, onDateChange) => {
-  throw new Error(`${PREPEND}you are trying to use a date selector while providing a non-string "date" or providing a non-function to "onDateChange"
+  throw new Error(
+    `${PREPEND}you are trying to use a date selector while providing a non-string "date" or providing a non-function to "onDateChange"
   the full-controlled pattern must be used
 	check https://reactjs.org/docs/forms.html#controlled-components for more informations
 
   Received:
     date: ${date}(${typeof date})
     onDateChange: (${typeof onDateChange})
-  ${NOT_A_DEFECT}`);
+  ${NOT_A_DEFECT}`
+  );
 };
 const throwUncontrolledTimeError = (time, onTimeChange) => {
-  throw new Error(`${PREPEND}you are trying to use a time selector while providing a non-string "time" or providing a non-function to "onTimeChange"
+  throw new Error(
+    `${PREPEND}you are trying to use a time selector while providing a non-string "time" or providing a non-function to "onTimeChange"
   the full-controlled pattern must be used
 	check https://reactjs.org/docs/forms.html#controlled-components for more informations
 
   Received:
     time: ${time}(${typeof time})
     onTimeChange: (${typeof onTimeChange})
-  ${NOT_A_DEFECT}`);
+  ${NOT_A_DEFECT}`
+  );
 };
 const throwUncontrolledDateTimeError = (dateTime, onDateTimeChange) => {
-  throw new Error(`${PREPEND}you are trying to use a date-time selector while providing a non-string "dateTime" or providing a non-function to "onDateTimeChange"
+  throw new Error(
+    `${PREPEND}you are trying to use a date-time selector while providing a non-string "dateTime" or providing a non-function to "onDateTimeChange"
   the full-controlled pattern must be used
 	check https://reactjs.org/docs/forms.html#controlled-components for more informations
 
   Received:
     dateTime: ${dateTime}(${typeof dateTime})
     onDateTimeChange: (${typeof onDateTimeChange})
-  ${NOT_A_DEFECT}`);
+  ${NOT_A_DEFECT}`
+  );
 };
 const throwInvalidEmptyPickerStartingMonthError = (emptyPickerStartingMonth) => {
-  throw new Error(`${PREPEND}the provided emptyPickerStartingMonth props is invalid. please provide a string with the format mm/__/yyyy, (mm 01~12, yyyy 0001~9999) 
+  throw new Error(
+    `${PREPEND}the provided emptyPickerStartingMonth props is invalid. please provide a string with the format mm/__/yyyy, (mm 01~12, yyyy 0001~9999) 
 
   Received:
     ${emptyPickerStartingMonth}(${typeof emptyPickerStartingMonth})
-  ${NOT_A_DEFECT}`);
+  ${NOT_A_DEFECT}`
+  );
 };
 const throwInvalidOnCalendarOpenFocusedDayError = (onCalendarOpenFocusedDay) => {
-  throw new Error(`${PREPEND}the provided onCalendarOpenFocusedDay props is invalid. please provide a string with the format mm/dd/yyyy, (mm 01~12, dd 01~31, yyyy 0001~9999) 
+  throw new Error(
+    `${PREPEND}the provided onCalendarOpenFocusedDay props is invalid. please provide a string with the format mm/dd/yyyy, (mm 01~12, dd 01~31, yyyy 0001~9999) 
 
   Received:
     ${onCalendarOpenFocusedDay}(${typeof onCalendarOpenFocusedDay})
-  ${NOT_A_DEFECT}`);
+  ${NOT_A_DEFECT}`
+  );
 };
 const useValidateProps = (props) => {
   if (getIsDateTime(props) || getIsDate(props)) {

package/dist/esm/config/useValidateProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { DSControlledDateTimePickerT } from '../propTypes';\nimport {\n  dateTimeToDate,\n  isValidDateString,\n  dateTimeToTime,\n  isValidTimeString,\n  deconstructValuesFromDateString,\n} from '../utils/stringHelpers';\nimport { convertToPositiveNumberIfPossible } from '../utils/numberHelpers';\nimport { getIsDateTime, getIsDate, getIsTime } from '../utils/typeGuards';\nconst PREPEND = `ControlledDateTimePicker:\n  Invalid configuration detected::\n  \n    `;\nconst NOT_A_DEFECT = '';\n// '\\n\\n\\t\\tThis is not a defect, please check\\n\\n\\t\\thttps://qa.dimsum.rd.elliemae.io/?path=/story/components-desktop-components-d-controlledform-date-time-picker--basic\\n\\n\\t\\tfor instructions on how to use the component correctly\\n\\n';\nconst INLINE_RECEIVED_PREPEND = `\n\n    Received:`;\nconst throwInvalidDateTimeError = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"dateTime\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidDaterror = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"date\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidTimerror = (invalidValue: string) => {\n  throw new Error(\n    `${PREPEND}the \"time\" you are providing is not respecting the format it must respect.${INLINE_RECEIVED_PREPEND}${invalidValue}(${typeof invalidValue})${NOT_A_DEFECT}`,\n  );\n};\nconst throwUncontrolledDateError = (date: string, onDateChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a date selector while providing a non-string \"date\" or providing a non-function to \"onDateChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    date: ${date}(${typeof date})\n    onDateChange: (${typeof onDateChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwUncontrolledTimeError = (time: string, onTimeChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a time selector while providing a non-string \"time\" or providing a non-function to \"onTimeChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    time: ${time}(${typeof time})\n    onTimeChange: (${typeof onTimeChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\n\nconst throwUncontrolledDateTimeError = (dateTime: string, onDateTimeChange: unknown) => {\n  throw new Error(\n    `${PREPEND}you are trying to use a date-time selector while providing a non-string \"dateTime\" or providing a non-function to \"onDateTimeChange\"\n  the full-controlled pattern must be used\\n\\tcheck https://reactjs.org/docs/forms.html#controlled-components for more informations\n\n  Received:\n    dateTime: ${dateTime}(${typeof dateTime})\n    onDateTimeChange: (${typeof onDateTimeChange})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidEmptyPickerStartingMonthError = (emptyPickerStartingMonth: string) => {\n  throw new Error(\n    `${PREPEND}the provided emptyPickerStartingMonth props is invalid. please provide a string with the format mm/__/yyyy, (mm 01~12, yyyy 0001~9999) \n\n  Received:\n    ${emptyPickerStartingMonth}(${typeof emptyPickerStartingMonth})\n  ${NOT_A_DEFECT}`,\n  );\n};\nconst throwInvalidOnCalendarOpenFocusedDayError = (onCalendarOpenFocusedDay: string) => {\n  throw new Error(\n    `${PREPEND}the provided onCalendarOpenFocusedDay props is invalid. please provide a string with the format mm/dd/yyyy, (mm 01~12, dd 01~31, yyyy 0001~9999) \n\n  Received:\n    ${onCalendarOpenFocusedDay}(${typeof onCalendarOpenFocusedDay})\n  ${NOT_A_DEFECT}`,\n  );\n};\nexport const useValidateProps = (props: DSControlledDateTimePickerT.Props): void => {\n  // validate date-related props\n  if (getIsDateTime(props) || getIsDate(props)) {\n    const { emptyPickerStartingMonth, onCalendarOpenFocusedDay } = props;\n\n    // validate generic use-cases\n    if (emptyPickerStartingMonth) {\n      const { month: stringMonthVal, year: stringYearVal } = deconstructValuesFromDateString(emptyPickerStartingMonth);\n      const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);\n      const yearNum = convertToPositiveNumberIfPossible(stringYearVal);\n      if (monthNum <= 0 || monthNum >= 13 || yearNum <= 0 || yearNum > 9999)\n        throwInvalidEmptyPickerStartingMonthError(emptyPickerStartingMonth);\n    }\n    if (onCalendarOpenFocusedDay) {\n      const {\n        month: stringMonthVal,\n        day: stringDayVal,\n        year: stringYearVal,\n      } = deconstructValuesFromDateString(onCalendarOpenFocusedDay);\n      const monthNum = convertToPositiveNumberIfPossible(stringMonthVal);\n      const dayNum = convertToPositiveNumberIfPossible(stringDayVal);\n      const yearNum = convertToPositiveNumberIfPossible(stringYearVal);\n      if (monthNum <= 0 || monthNum >= 13 || dayNum <= 0 || dayNum > 31 || yearNum <= 0 || yearNum > 9999)\n        throwInvalidOnCalendarOpenFocusedDayError(onCalendarOpenFocusedDay);\n    }\n  }\n  // validate full datetime cases\n  if (getIsDateTime(props)) {\n    const { dateTime, onDateTimeChange } = props;\n    if (typeof dateTime !== 'string' || typeof onDateTimeChange !== 'function')\n      throwUncontrolledDateTimeError(dateTime, onDateTimeChange);\n    else if (!isValidDateString(dateTimeToDate(dateTime)) || !isValidTimeString(dateTimeToTime(dateTime)))\n      throwInvalidDateTimeError(dateTimeToTime(dateTime));\n  }\n\n  // validate date-only cases\n  if (getIsDate(props)) {\n    const { date, onDateChange } = props;\n    if (typeof date !== 'string' || typeof onDateChange !== 'function') throwUncontrolledDateError(date, onDateChange);\n    else if (!isValidDateString(date)) throwInvalidDaterror(date);\n  }\n\n  // validate time-only cases\n\n  if (getIsTime(props)) {\n    const { time, onTimeChange } = props;\n    if (typeof time !== 'string' || typeof onTimeChange !== 'function') throwUncontrolledTimeError(time, onTimeChange);\n    else if (!isValidTimeString(time)) throwInvalidTimerror(time);\n  }\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/exported-related/theming.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSControlledDateTimePickerName = 'DSControlledDateTimePicker';\n\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: 'root',\n  INPUT: 'field-input',\n  PICKER_ICONS: {\n    CALENDAR: 'calendar-trigger-icon',\n    TIMEWHEEL: 'timewheel-trigger-icon',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  },\n  CALENDAR: {\n    DAY_BUTTON: 'calendar-day',\n    HEADER_LABEL: 'calendar-header-label',\n    HEADER_BUTTON: 'calendar-header-buttons',\n    HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: 'timewheel-time-button',\n    TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n    HEADER_LABEL: 'timewheel-header-label',\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: 'calendar-context-content-wrapper',\n    TIMEWHEEL: 'timewheel-context-content-wrapper',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  },\n  FOOTERS: {\n    CALENDAR: 'calendar-context-footer',\n    TIMEWHEEL: 'timewheel-context-footer',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: 'calendar-controller-wrapper',\n    TIMEWHEEL: 'timewheel-controller-wrapper',\n    CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  },\n  CLEAR_BUTTON: 'clear-btn',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,wBAAwB;AAAA,EAC1B;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,IACf,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,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iCAAiC;AAEvC,MAAM,kCAAkC;AAAA,EAC7C,WAAW;AAAA,EACX,OAAO;AAAA,EACP,cAAc;AAAA,IACZ,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,wBAAwB;AAAA,EAC1B;AAAA,EACA,WAAW;AAAA,IACT,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,EAChB;AAAA,EACA,iBAAiB;AAAA,IACf,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,sBAAsB;AAAA,IACpB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,oBAAoB;AAAA,EACtB;AAAA,EACA,cAAc;AAChB;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker';\nexport { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid';\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes';\nexport { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers';\nexport {\n  getValidationDateStringMetaInfo,\n  getDateStringFromDay,\n  getDayFromDateString,\n  getDateValuesFromDate,\n} from './utils/dateHelpers';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers';\nexport { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from './exported-related/theming';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC,kCAAkC;AACjF,SAAS,0CAA0C;AACnD,SAAS,yCAAyC;AAClD,SAAS,iCAAiC,qCAAqC;AAC/E,SAAS,2CAA2C;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uCAAuC;AAChD,SAAS,gCAAgC,uCAAuC;",
   "names": []
 }