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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useControlledDateTimePicker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault';\nimport { useFocusTracker } from './useFocusTracker';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetReferences } from './useGetReferences';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { useGetDestructuredValues } from './useGetDestructuredValues';\nimport { useChangeHandlers } from './useChangeHandlers';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers';\nimport { useValidateProps } from './useValidateProps';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n  ReturnType<typeof useFocusTracker> &\n  ReturnType<typeof useGetReferences> &\n  ReturnType<typeof useGetPropsBasedOnType> &\n  ReturnType<typeof useRelevantValueFromProps> &\n  ReturnType<typeof useGetDestructuredValues> &\n  ReturnType<typeof useChangeHandlers> &\n  ReturnType<typeof useGlobalKeyHandlers> & {\n    props: DSControlledDateTimePickerT.InternalProps;\n    ariaCurrentValueForInputs: string;\n    globalAttrs: Record<string, unknown>;\n    xstyledAttrs: Record<string, unknown>;\n  };\n\nexport const useControlledDateTimePicker = (\n  props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n\n  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n  const flags = useGetFlags(propsWithDefaults);\n  const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n  const focusTrackers = useFocusTracker({ DOMRefs, flags, propsWithDefaults });\n  const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n  const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n  const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n  const changeHandlers = useChangeHandlers({\n    relevantValues,\n    destructuredValues,\n    propsBasedOnType,\n    DOMRefs,\n    focusTrackers,\n  });\n\n  const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n  const { announcedDateValues, announcedTimeValues } = destructuredValues;\n  const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n    isDateTimeSelector ? ', ' : ''\n  }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n  const ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\n      ariaCurrentValueForInputs,\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      xstyledAttrs,\n      globalAttrs,\n      ...focusTrackers,\n      ...flags,\n      ...DOMRefs,\n      ...relevantValues,\n      ...propsBasedOnType,\n      ...destructuredValues,\n      ...changeHandlers,\n      ...globalKeyHandlers,\n    }),\n    [\n      propsWithDefaults,\n      ariaCurrentValueForInputs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n      xstyledAttrs,\n      globalAttrs,\n    ],\n  );\n\n  return ctx;\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAiBO,MAAM,8BAA8B,CACzC,UACqC;AAErC,mBAAiB,KAAK;AAEtB,QAAM,oBAAoB,kCAAkC,KAAK;AAEjE,QAAM,QAAQ,YAAY,iBAAiB;AAC3C,QAAM,UAAU,iBAAiB,KAAK;AACtC,QAAM,gBAAgB,gBAAgB,EAAE,SAAS,OAAO,kBAAkB,CAAC;AAC3E,QAAM,iBAAiB,0BAA0B,iBAAiB;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AACjE,QAAM,qBAAqB,yBAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,iBAAiB,kBAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,qBAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,cAAc,uBAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,wBAAwB;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,qBAAqB;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,wBAAwB,KACjG,qBAAqB,OAAO,KAC3B,mBAAmB,GAAG,wBAAwB;AAEjD,QAAM,MAAM,OAAM,QAChB,MAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,IAEA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL,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,EACF,CACF;AAEA,SAAO;AACT;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,wBAAwB,0BAA0B;AAC3D,SAAS,yCAAyC;AAClD,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAiB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,mBAAiB,KAAK;AAEtB,QAAM,oBAAoB,kCAAkC,KAAK;AAEjE,QAAM,QAAQ,YAAY,iBAAiB;AAC3C,QAAM,UAAU,iBAAiB,KAAK;AACtC,QAAM,gBAAgB,gBAAgB,EAAE,SAAS,OAAO,kBAAkB,CAAC;AAC3E,QAAM,iBAAiB,0BAA0B,iBAAiB;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AACjE,QAAM,qBAAqB,yBAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,iBAAiB,kBAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB,qBAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,cAAc,uBAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,oBAAoB,IAAI;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,iBAAiB,IAAI;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,wBAAwB,KACjG,qBAAqB,OAAO,KAC3B,mBAAmB,GAAG,wBAAwB;AAEjD,QAAM,MAAMA,OAAM;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MAEA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;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,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": ["React"]
 }

package/dist/esm/config/useFocusTracker.js

@@ -48,129 +48,132 @@ const useFocusTracker = ({ DOMRefs, flags }) => {
     if (lastSegment !== currFocusDescriber)
       setCurrFocusDescriber(lastSegment);
   }, [currFocusDescriber, lastSegment, latestInteractionRegion]);
-  return useMemo(() => ({
-    latestInteractionRegion,
-    setLatestInteractionRegion,
-    currFocusDescriber,
-    setCurrFocusDescriber,
-    trackFocusResetter: () => {
-      if (latestInteractionRegion !== "")
-        setLatestInteractionRegion("");
-      if (currFocusDescriber !== "")
-        setCurrFocusDescriber("");
-    },
-    trackFocusMonthInput: () => {
-      if (latestInteractionRegion !== "date-inputs")
-        setLatestInteractionRegion("date-inputs");
-      if (currFocusDescriber !== "month-input")
-        setCurrFocusDescriber("month-input");
-    },
-    trackFocusDayInput: () => {
-      if (latestInteractionRegion !== "date-inputs")
-        setLatestInteractionRegion("date-inputs");
-      if (currFocusDescriber !== "day-input")
-        setCurrFocusDescriber("day-input");
-    },
-    trackFocusYearInput: () => {
-      if (latestInteractionRegion !== "date-inputs")
-        setLatestInteractionRegion("date-inputs");
-      if (currFocusDescriber !== "year-input")
-        setCurrFocusDescriber("year-input");
-    },
-    trackFocusHourInput: () => {
-      if (latestInteractionRegion !== "time-inputs")
-        setLatestInteractionRegion("time-inputs");
-      if (currFocusDescriber !== "hour-input")
-        setCurrFocusDescriber("hour-input");
-    },
-    trackFocusMinuteInput: () => {
-      if (latestInteractionRegion !== "time-inputs")
-        setLatestInteractionRegion("time-inputs");
-      if (currFocusDescriber !== "minute-input")
-        setCurrFocusDescriber("minute-input");
-    },
-    trackFocusMeridiemInput: () => {
-      if (latestInteractionRegion !== "time-inputs")
-        setLatestInteractionRegion("time-inputs");
-      if (currFocusDescriber !== "meridiem-input")
-        setCurrFocusDescriber("meridiem-input");
-    },
-    trackFocusClearBtn: () => {
-      if (latestInteractionRegion !== "clear-btn")
-        setLatestInteractionRegion("clear-btn");
-      if (currFocusDescriber !== "clear-btn")
-        setCurrFocusDescriber("clear-btn");
-    },
-    trackFocusDatePickerIcon: () => {
-      if (latestInteractionRegion !== "picker-icon")
-        setLatestInteractionRegion("picker-icon");
-      if (currFocusDescriber !== "date-picker-icon")
-        setCurrFocusDescriber("date-picker-icon");
-    },
-    trackFocusTimePickerIcon: () => {
-      if (latestInteractionRegion !== "picker-icon")
-        setLatestInteractionRegion("picker-icon");
-      if (currFocusDescriber !== "time-picker-icon")
-        setCurrFocusDescriber("time-picker-icon");
-    },
-    trackFocusDatetimePickerIcon: () => {
-      if (latestInteractionRegion !== "picker-icon")
-        setLatestInteractionRegion("picker-icon");
-      if (currFocusDescriber !== "datetime-picker-icon")
-        setCurrFocusDescriber("datetime-picker-icon");
-    },
-    trackFocusCalendarPrevMonth: () => {
-      if (latestInteractionRegion !== "calendar-head")
-        setLatestInteractionRegion("calendar-head");
-      if (currFocusDescriber !== "calendar-prev-month")
-        setCurrFocusDescriber("calendar-prev-month");
-    },
-    trackFocusCalendarNextMonth: () => {
-      if (latestInteractionRegion !== "calendar-head")
-        setLatestInteractionRegion("calendar-head");
-      if (currFocusDescriber !== "calendar-next-month")
-        setCurrFocusDescriber("calendar-next-month");
-    },
-    trackFocusCalendarPrevYear: () => {
-      if (latestInteractionRegion !== "calendar-head")
-        setLatestInteractionRegion("calendar-head");
-      if (currFocusDescriber !== "calendar-prev-year")
-        setCurrFocusDescriber("calendar-prev-year");
-    },
-    trackFocusCalendarNextYear: () => {
-      if (latestInteractionRegion !== "calendar-head")
-        setLatestInteractionRegion("calendar-head");
-      if (currFocusDescriber !== "calendar-next-year")
-        setCurrFocusDescriber("calendar-next-year");
-    },
-    trackFocusCalendarMetafocusedDay: () => {
-      if (latestInteractionRegion !== "calendar-days")
-        setLatestInteractionRegion("calendar-days");
-      if (currFocusDescriber !== "calendar-metafocused-day")
-        setCurrFocusDescriber("calendar-metafocused-day");
-    },
-    trackFocusTimewheelCurrHour: () => {
-      if (latestInteractionRegion !== "timewheel")
-        setLatestInteractionRegion("timewheel");
-      if (currFocusDescriber !== "timewheel-curr-hour")
-        setCurrFocusDescriber("timewheel-curr-hour");
-    },
-    trackFocusTimewheelCurrMinute: () => {
-      if (latestInteractionRegion !== "timewheel")
-        setLatestInteractionRegion("timewheel");
-      if (currFocusDescriber !== "timewheel-curr-minute")
-        setCurrFocusDescriber("timewheel-curr-minute");
-    },
-    trackFocusTimewheelCurrMeridiem: () => {
-      if (latestInteractionRegion !== "timewheel")
-        setLatestInteractionRegion("timewheel");
-      if (currFocusDescriber !== "timewheel-curr-meridiem")
-        setCurrFocusDescriber("timewheel-curr-meridiem");
-    },
-    trackFocusPicker,
-    trackFocusFirstSegment,
-    trackFocusLastSegment
-  }), [currFocusDescriber, latestInteractionRegion, trackFocusPicker, trackFocusFirstSegment, trackFocusLastSegment]);
+  return useMemo(
+    () => ({
+      latestInteractionRegion,
+      setLatestInteractionRegion,
+      currFocusDescriber,
+      setCurrFocusDescriber,
+      trackFocusResetter: () => {
+        if (latestInteractionRegion !== "")
+          setLatestInteractionRegion("");
+        if (currFocusDescriber !== "")
+          setCurrFocusDescriber("");
+      },
+      trackFocusMonthInput: () => {
+        if (latestInteractionRegion !== "date-inputs")
+          setLatestInteractionRegion("date-inputs");
+        if (currFocusDescriber !== "month-input")
+          setCurrFocusDescriber("month-input");
+      },
+      trackFocusDayInput: () => {
+        if (latestInteractionRegion !== "date-inputs")
+          setLatestInteractionRegion("date-inputs");
+        if (currFocusDescriber !== "day-input")
+          setCurrFocusDescriber("day-input");
+      },
+      trackFocusYearInput: () => {
+        if (latestInteractionRegion !== "date-inputs")
+          setLatestInteractionRegion("date-inputs");
+        if (currFocusDescriber !== "year-input")
+          setCurrFocusDescriber("year-input");
+      },
+      trackFocusHourInput: () => {
+        if (latestInteractionRegion !== "time-inputs")
+          setLatestInteractionRegion("time-inputs");
+        if (currFocusDescriber !== "hour-input")
+          setCurrFocusDescriber("hour-input");
+      },
+      trackFocusMinuteInput: () => {
+        if (latestInteractionRegion !== "time-inputs")
+          setLatestInteractionRegion("time-inputs");
+        if (currFocusDescriber !== "minute-input")
+          setCurrFocusDescriber("minute-input");
+      },
+      trackFocusMeridiemInput: () => {
+        if (latestInteractionRegion !== "time-inputs")
+          setLatestInteractionRegion("time-inputs");
+        if (currFocusDescriber !== "meridiem-input")
+          setCurrFocusDescriber("meridiem-input");
+      },
+      trackFocusClearBtn: () => {
+        if (latestInteractionRegion !== "clear-btn")
+          setLatestInteractionRegion("clear-btn");
+        if (currFocusDescriber !== "clear-btn")
+          setCurrFocusDescriber("clear-btn");
+      },
+      trackFocusDatePickerIcon: () => {
+        if (latestInteractionRegion !== "picker-icon")
+          setLatestInteractionRegion("picker-icon");
+        if (currFocusDescriber !== "date-picker-icon")
+          setCurrFocusDescriber("date-picker-icon");
+      },
+      trackFocusTimePickerIcon: () => {
+        if (latestInteractionRegion !== "picker-icon")
+          setLatestInteractionRegion("picker-icon");
+        if (currFocusDescriber !== "time-picker-icon")
+          setCurrFocusDescriber("time-picker-icon");
+      },
+      trackFocusDatetimePickerIcon: () => {
+        if (latestInteractionRegion !== "picker-icon")
+          setLatestInteractionRegion("picker-icon");
+        if (currFocusDescriber !== "datetime-picker-icon")
+          setCurrFocusDescriber("datetime-picker-icon");
+      },
+      trackFocusCalendarPrevMonth: () => {
+        if (latestInteractionRegion !== "calendar-head")
+          setLatestInteractionRegion("calendar-head");
+        if (currFocusDescriber !== "calendar-prev-month")
+          setCurrFocusDescriber("calendar-prev-month");
+      },
+      trackFocusCalendarNextMonth: () => {
+        if (latestInteractionRegion !== "calendar-head")
+          setLatestInteractionRegion("calendar-head");
+        if (currFocusDescriber !== "calendar-next-month")
+          setCurrFocusDescriber("calendar-next-month");
+      },
+      trackFocusCalendarPrevYear: () => {
+        if (latestInteractionRegion !== "calendar-head")
+          setLatestInteractionRegion("calendar-head");
+        if (currFocusDescriber !== "calendar-prev-year")
+          setCurrFocusDescriber("calendar-prev-year");
+      },
+      trackFocusCalendarNextYear: () => {
+        if (latestInteractionRegion !== "calendar-head")
+          setLatestInteractionRegion("calendar-head");
+        if (currFocusDescriber !== "calendar-next-year")
+          setCurrFocusDescriber("calendar-next-year");
+      },
+      trackFocusCalendarMetafocusedDay: () => {
+        if (latestInteractionRegion !== "calendar-days")
+          setLatestInteractionRegion("calendar-days");
+        if (currFocusDescriber !== "calendar-metafocused-day")
+          setCurrFocusDescriber("calendar-metafocused-day");
+      },
+      trackFocusTimewheelCurrHour: () => {
+        if (latestInteractionRegion !== "timewheel")
+          setLatestInteractionRegion("timewheel");
+        if (currFocusDescriber !== "timewheel-curr-hour")
+          setCurrFocusDescriber("timewheel-curr-hour");
+      },
+      trackFocusTimewheelCurrMinute: () => {
+        if (latestInteractionRegion !== "timewheel")
+          setLatestInteractionRegion("timewheel");
+        if (currFocusDescriber !== "timewheel-curr-minute")
+          setCurrFocusDescriber("timewheel-curr-minute");
+      },
+      trackFocusTimewheelCurrMeridiem: () => {
+        if (latestInteractionRegion !== "timewheel")
+          setLatestInteractionRegion("timewheel");
+        if (currFocusDescriber !== "timewheel-curr-meridiem")
+          setCurrFocusDescriber("timewheel-curr-meridiem");
+      },
+      trackFocusPicker,
+      trackFocusFirstSegment,
+      trackFocusLastSegment
+    }),
+    [currFocusDescriber, latestInteractionRegion, trackFocusPicker, trackFocusFirstSegment, trackFocusLastSegment]
+  );
 };
 export {
   useFocusTracker

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useFocusTracker.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable indent */\n/* eslint-disable max-params */\n/* eslint-disable max-statements */\nimport { useCallback, useMemo, useState } from 'react';\nimport { useGetReferences } from './useGetReferences';\nimport { useGetFlags } from './useGetFlags';\n\ntype LatestInteractionRegion =\n  | 'calendar-days'\n  | 'calendar-head'\n  | 'timewheel'\n  | 'date-inputs'\n  | 'time-inputs'\n  | 'clear-btn'\n  | 'picker-icon'\n  | '';\ntype CurrFocusDescriber =\n  | 'first-segment'\n  | 'month-input'\n  | 'day-input'\n  | 'year-input'\n  | 'hour-input'\n  | 'minute-input'\n  | 'meridiem-input'\n  | 'last-segment'\n  | 'clear-btn'\n  | 'date-picker-icon'\n  | 'time-picker-icon'\n  | 'datetime-picker-icon'\n  | 'calendar-prev-month'\n  | 'calendar-next-month'\n  | 'calendar-prev-year'\n  | 'calendar-next-year'\n  | 'calendar-metafocused-day'\n  | 'timewheel-curr-hour'\n  | 'timewheel-curr-minute'\n  | 'timewheel-curr-meridiem'\n  | '';\n\ninterface Config {\n  DOMRefs: ReturnType<typeof useGetReferences>;\n  flags: ReturnType<typeof useGetFlags>;\n}\nexport const useFocusTracker = ({ DOMRefs, flags }: Config) => {\n  const [latestInteractionRegion, setLatestInteractionRegion] = useState<LatestInteractionRegion>('');\n  const [currFocusDescriber, setCurrFocusDescriber] = useState<CurrFocusDescriber>('');\n  const { firstSegment, lastSegment } = DOMRefs;\n  const { isDateSelector, isTimeSelector } = flags;\n\n  const trackFocusPicker = useCallback(() => {\n    let picker = 'datetime-picker-icon' as CurrFocusDescriber;\n    if (isDateSelector) picker = 'date-picker-icon';\n    if (isTimeSelector) picker = 'time-picker-icon';\n    if (latestInteractionRegion !== 'picker-icon') setLatestInteractionRegion('picker-icon');\n    if (picker !== currFocusDescriber) setCurrFocusDescriber(picker);\n  }, [currFocusDescriber, isDateSelector, isTimeSelector, latestInteractionRegion]);\n\n  const trackFocusFirstSegment = useCallback(() => {\n    let region = 'date-inputs' as LatestInteractionRegion;\n    if (firstSegment === 'hour-input') region = 'time-inputs';\n    if (firstSegment === 'date-picker-icon') region = 'picker-icon';\n    if (firstSegment === 'time-picker-icon') region = 'picker-icon';\n    if (firstSegment === 'datetime-picker-icon') region = 'picker-icon';\n    if (region !== latestInteractionRegion) setLatestInteractionRegion(region);\n    if (firstSegment !== currFocusDescriber) setCurrFocusDescriber(firstSegment);\n  }, [currFocusDescriber, firstSegment, latestInteractionRegion]);\n\n  const trackFocusLastSegment = useCallback(() => {\n    let region = 'date-inputs' as LatestInteractionRegion;\n    if (lastSegment === 'meridiem-input') region = 'time-inputs';\n    if (lastSegment === 'clear-btn') region = 'clear-btn';\n    if (lastSegment === 'date-picker-icon') region = 'picker-icon';\n    if (lastSegment === 'time-picker-icon') region = 'picker-icon';\n    if (lastSegment === 'datetime-picker-icon') region = 'picker-icon';\n    if (region !== latestInteractionRegion) setLatestInteractionRegion(region);\n    if (lastSegment !== currFocusDescriber) setCurrFocusDescriber(lastSegment);\n  }, [currFocusDescriber, lastSegment, latestInteractionRegion]);\n\n  return useMemo(\n    () => ({\n      latestInteractionRegion,\n      setLatestInteractionRegion,\n      currFocusDescriber,\n      setCurrFocusDescriber,\n      trackFocusResetter: () => {\n        if (latestInteractionRegion !== '') setLatestInteractionRegion('');\n        if (currFocusDescriber !== '') setCurrFocusDescriber('');\n      },\n      trackFocusMonthInput: () => {\n        if (latestInteractionRegion !== 'date-inputs') setLatestInteractionRegion('date-inputs');\n        if (currFocusDescriber !== 'month-input') setCurrFocusDescriber('month-input');\n      },\n      trackFocusDayInput: () => {\n        if (latestInteractionRegion !== 'date-inputs') setLatestInteractionRegion('date-inputs');\n        if (currFocusDescriber !== 'day-input') setCurrFocusDescriber('day-input');\n      },\n      trackFocusYearInput: () => {\n        if (latestInteractionRegion !== 'date-inputs') setLatestInteractionRegion('date-inputs');\n        if (currFocusDescriber !== 'year-input') setCurrFocusDescriber('year-input');\n      },\n      trackFocusHourInput: () => {\n        if (latestInteractionRegion !== 'time-inputs') setLatestInteractionRegion('time-inputs');\n        if (currFocusDescriber !== 'hour-input') setCurrFocusDescriber('hour-input');\n      },\n      trackFocusMinuteInput: () => {\n        if (latestInteractionRegion !== 'time-inputs') setLatestInteractionRegion('time-inputs');\n        if (currFocusDescriber !== 'minute-input') setCurrFocusDescriber('minute-input');\n      },\n      trackFocusMeridiemInput: () => {\n        if (latestInteractionRegion !== 'time-inputs') setLatestInteractionRegion('time-inputs');\n        if (currFocusDescriber !== 'meridiem-input') setCurrFocusDescriber('meridiem-input');\n      },\n      trackFocusClearBtn: () => {\n        if (latestInteractionRegion !== 'clear-btn') setLatestInteractionRegion('clear-btn');\n        if (currFocusDescriber !== 'clear-btn') setCurrFocusDescriber('clear-btn');\n      },\n      trackFocusDatePickerIcon: () => {\n        if (latestInteractionRegion !== 'picker-icon') setLatestInteractionRegion('picker-icon');\n        if (currFocusDescriber !== 'date-picker-icon') setCurrFocusDescriber('date-picker-icon');\n      },\n      trackFocusTimePickerIcon: () => {\n        if (latestInteractionRegion !== 'picker-icon') setLatestInteractionRegion('picker-icon');\n        if (currFocusDescriber !== 'time-picker-icon') setCurrFocusDescriber('time-picker-icon');\n      },\n      trackFocusDatetimePickerIcon: () => {\n        if (latestInteractionRegion !== 'picker-icon') setLatestInteractionRegion('picker-icon');\n        if (currFocusDescriber !== 'datetime-picker-icon') setCurrFocusDescriber('datetime-picker-icon');\n      },\n      trackFocusCalendarPrevMonth: () => {\n        if (latestInteractionRegion !== 'calendar-head') setLatestInteractionRegion('calendar-head');\n        if (currFocusDescriber !== 'calendar-prev-month') setCurrFocusDescriber('calendar-prev-month');\n      },\n      trackFocusCalendarNextMonth: () => {\n        if (latestInteractionRegion !== 'calendar-head') setLatestInteractionRegion('calendar-head');\n        if (currFocusDescriber !== 'calendar-next-month') setCurrFocusDescriber('calendar-next-month');\n      },\n      trackFocusCalendarPrevYear: () => {\n        if (latestInteractionRegion !== 'calendar-head') setLatestInteractionRegion('calendar-head');\n        if (currFocusDescriber !== 'calendar-prev-year') setCurrFocusDescriber('calendar-prev-year');\n      },\n      trackFocusCalendarNextYear: () => {\n        if (latestInteractionRegion !== 'calendar-head') setLatestInteractionRegion('calendar-head');\n        if (currFocusDescriber !== 'calendar-next-year') setCurrFocusDescriber('calendar-next-year');\n      },\n      trackFocusCalendarMetafocusedDay: () => {\n        if (latestInteractionRegion !== 'calendar-days') setLatestInteractionRegion('calendar-days');\n        if (currFocusDescriber !== 'calendar-metafocused-day') setCurrFocusDescriber('calendar-metafocused-day');\n      },\n      trackFocusTimewheelCurrHour: () => {\n        if (latestInteractionRegion !== 'timewheel') setLatestInteractionRegion('timewheel');\n        if (currFocusDescriber !== 'timewheel-curr-hour') setCurrFocusDescriber('timewheel-curr-hour');\n      },\n      trackFocusTimewheelCurrMinute: () => {\n        if (latestInteractionRegion !== 'timewheel') setLatestInteractionRegion('timewheel');\n        if (currFocusDescriber !== 'timewheel-curr-minute') setCurrFocusDescriber('timewheel-curr-minute');\n      },\n      trackFocusTimewheelCurrMeridiem: () => {\n        if (latestInteractionRegion !== 'timewheel') setLatestInteractionRegion('timewheel');\n        if (currFocusDescriber !== 'timewheel-curr-meridiem') setCurrFocusDescriber('timewheel-curr-meridiem');\n      },\n      trackFocusPicker,\n      trackFocusFirstSegment,\n      trackFocusLastSegment,\n    }),\n    [currFocusDescriber, latestInteractionRegion, trackFocusPicker, trackFocusFirstSegment, trackFocusLastSegment],\n  );\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/config/useGetDestructuredValues.js

@@ -24,18 +24,21 @@ const useGetDestructuredDateValues = ({
   const announcedDay = dayNum !== -1 ? announcableCardinalDays[dayNum] : "empty day";
   const announcedYear = yearNum !== -1 ? fillStringWithPlaceHolders(`${yearNum}`, 4, "0") : "empty year";
   const announcedDateValues = `${announcedMonth}, ${announcedDay}, ${announcedYear}`;
-  return useMemo(() => ({
-    month,
-    day,
-    year,
-    monthNum,
-    dayNum,
-    yearNum,
-    announcedMonth,
-    announcedDay,
-    announcedYear,
-    announcedDateValues
-  }), [announcedDay, announcedMonth, announcedYear, announcedDateValues, day, dayNum, month, monthNum, year, yearNum]);
+  return useMemo(
+    () => ({
+      month,
+      day,
+      year,
+      monthNum,
+      dayNum,
+      yearNum,
+      announcedMonth,
+      announcedDay,
+      announcedYear,
+      announcedDateValues
+    }),
+    [announcedDay, announcedMonth, announcedYear, announcedDateValues, day, dayNum, month, monthNum, year, yearNum]
+  );
 };
 const useGetDestructuredTimeValues = ({
   appTime,
@@ -51,35 +54,41 @@ const useGetDestructuredTimeValues = ({
   const announcedMinutes = minutesNum !== -1 ? `${minutesNum}` : "empty minutes";
   const announcedMeridiem = meridiem === "PM" ? `post meridiem` : meridiem === "AM" ? "ante meridiem" : "empty meriediem";
   const announcedTimeValues = `${announcedHours}, ${announcedMinutes}, ${announcedMeridiem}`;
-  return useMemo(() => ({
-    hours,
-    minutes,
-    meridiem,
-    hoursNum,
-    minutesNum,
-    announcedHours,
-    announcedMinutes,
-    announcedMeridiem,
-    announcedTimeValues
-  }), [
-    hours,
-    minutes,
-    meridiem,
-    hoursNum,
-    minutesNum,
-    announcedHours,
-    announcedMinutes,
-    announcedMeridiem,
-    announcedTimeValues
-  ]);
+  return useMemo(
+    () => ({
+      hours,
+      minutes,
+      meridiem,
+      hoursNum,
+      minutesNum,
+      announcedHours,
+      announcedMinutes,
+      announcedMeridiem,
+      announcedTimeValues
+    }),
+    [
+      hours,
+      minutes,
+      meridiem,
+      hoursNum,
+      minutesNum,
+      announcedHours,
+      announcedMinutes,
+      announcedMeridiem,
+      announcedTimeValues
+    ]
+  );
 };
 const useGetDestructuredValues = (config) => {
   const dateValues = useGetDestructuredDateValues(config);
   const timeValues = useGetDestructuredTimeValues(config);
-  return useMemo(() => ({
-    ...dateValues,
-    ...timeValues
-  }), [dateValues, timeValues]);
+  return useMemo(
+    () => ({
+      ...dateValues,
+      ...timeValues
+    }),
+    [dateValues, timeValues]
+  );
 };
 export {
   useGetDestructuredDateValues,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetDestructuredValues.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { useMemo } from 'react';\nimport {\n  dateTimeToTime,\n  deconstructTimeValues,\n  dateTimeToDate,\n  deconstructValuesFromDateString,\n  fillStringWithPlaceHolders,\n} from '../utils/stringHelpers';\nimport { useGetFlags } from './useGetFlags';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType';\nimport { convertToPositiveNumberIfPossible } from '../utils/numberHelpers';\nimport { monthNames, announcableCardinalDays } from '../utils/constants';\nimport type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';\n\ntype UseGetDestructuredDateValues = (\n  config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>,\n) => {\n  month: string;\n  day: string;\n  year: string;\n  monthNum: number;\n  dayNum: number;\n  yearNum: number;\n  announcedMonth: string;\n  announcedDay: string;\n  announcedYear: string;\n  announcedDateValues: string;\n};\n// this is because it's fully controlled\n// our source of truth is either the date props or dateTime props\n// based on wheter it's a dateTime picker\n// or a date picker (it's date picker when hideTime is true)\nexport const useGetDestructuredDateValues: UseGetDestructuredDateValues = ({\n  appDate,\n  appDateTime,\n  isDateTimeSelector,\n}) => {\n  const dateStringFromProps = isDateTimeSelector ? dateTimeToDate(appDateTime) : appDate;\n  const deconstructedValues = deconstructValuesFromDateString(dateStringFromProps);\n  const { month, day, year } = deconstructedValues;\n  const monthNum = convertToPositiveNumberIfPossible(month);\n  const dayNum = convertToPositiveNumberIfPossible(day) as DSControlledDateTimePickerInternalsT.DateDay | -1;\n  const yearNum = convertToPositiveNumberIfPossible(year);\n  const announcedMonth = monthNum !== -1 ? monthNames[monthNum - 1] : 'empty month';\n  const announcedDay = dayNum !== -1 ? announcableCardinalDays[dayNum] : 'empty day';\n  const announcedYear = yearNum !== -1 ? fillStringWithPlaceHolders(`${yearNum}`, 4, '0') : 'empty year';\n  const announcedDateValues = `${announcedMonth}, ${announcedDay}, ${announcedYear}`;\n\n  return useMemo(\n    () => ({\n      month,\n      day,\n      year,\n      monthNum,\n      dayNum,\n      yearNum,\n      announcedMonth,\n      announcedDay,\n      announcedYear,\n      announcedDateValues,\n    }),\n    [announcedDay, announcedMonth, announcedYear, announcedDateValues, day, dayNum, month, monthNum, year, yearNum],\n  );\n};\n\ntype UseGetDestructuredTimeValues = (\n  config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>,\n) => {\n  hours: string;\n  minutes: string;\n  meridiem: string;\n  hoursNum: number;\n  minutesNum: number;\n  announcedHours: string;\n  announcedMinutes: string;\n  announcedMeridiem: string;\n  announcedTimeValues: string;\n};\n// this is because it's fully controlled\n// our source of truth is either the time props or dateTime props\n// based on wheter it's a dateTime picker\n// or a time picker (it's time picker when hideDate is true)\nexport const useGetDestructuredTimeValues: UseGetDestructuredTimeValues = ({\n  appTime,\n  appDateTime,\n  isDateTimeSelector,\n}) => {\n  const timeStringFromProps = isDateTimeSelector ? dateTimeToTime(appDateTime) : appTime;\n  const deconstructedValues = deconstructTimeValues(timeStringFromProps);\n  const { hours, minutes, meridiem } = deconstructedValues;\n  const hoursNum = convertToPositiveNumberIfPossible(hours);\n  const minutesNum = convertToPositiveNumberIfPossible(minutes);\n\n  // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...\n  const announcedHours = hoursNum !== -1 ? `${hoursNum}` : 'empty hours';\n  // 01 -> 1 ~ 09 -> 9 || 1_ -> 1 ~ 9_ -> 9 || empty...\n  const announcedMinutes = minutesNum !== -1 ? `${minutesNum}` : 'empty minutes';\n  const announcedMeridiem =\n    // eslint-disable-next-line no-nested-ternary\n    meridiem === 'PM' ? `post meridiem` : meridiem === 'AM' ? 'ante meridiem' : 'empty meriediem';\n  const announcedTimeValues = `${announcedHours}, ${announcedMinutes}, ${announcedMeridiem}`;\n\n  return useMemo(\n    () => ({\n      hours,\n      minutes,\n      meridiem,\n      hoursNum,\n      minutesNum,\n      announcedHours,\n      announcedMinutes,\n      announcedMeridiem,\n      announcedTimeValues,\n    }),\n    [\n      hours,\n      minutes,\n      meridiem,\n      hoursNum,\n      minutesNum,\n      announcedHours,\n      announcedMinutes,\n      announcedMeridiem,\n      announcedTimeValues,\n    ],\n  );\n};\n\ntype UseGetDestructuredValues = (\n  config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>,\n) => ReturnType<typeof useGetDestructuredDateValues> & ReturnType<typeof useGetDestructuredTimeValues>;\n\nexport const useGetDestructuredValues: UseGetDestructuredValues = (config) => {\n  const dateValues = useGetDestructuredDateValues(config);\n  const timeValues = useGetDestructuredTimeValues(config);\n\n  return useMemo(\n    () => ({\n      ...dateValues,\n      ...timeValues,\n    }),\n    [dateValues, timeValues],\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AAqBO,MAAM,+BAA6D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,sBAAsB,qBAAqB,eAAe,WAAW,IAAI;AAC/E,QAAM,sBAAsB,gCAAgC,mBAAmB;AAC/E,QAAM,EAAE,OAAO,KAAK,SAAS;AAC7B,QAAM,WAAW,kCAAkC,KAAK;AACxD,QAAM,SAAS,kCAAkC,GAAG;AACpD,QAAM,UAAU,kCAAkC,IAAI;AACtD,QAAM,iBAAiB,aAAa,KAAK,WAAW,WAAW,KAAK;AACpE,QAAM,eAAe,WAAW,KAAK,wBAAwB,UAAU;AACvE,QAAM,gBAAgB,YAAY,KAAK,2BAA2B,GAAG,WAAW,GAAG,GAAG,IAAI;AAC1F,QAAM,sBAAsB,GAAG,mBAAmB,iBAAiB;AAEnE,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA,CAAC,cAAc,gBAAgB,eAAe,qBAAqB,KAAK,QAAQ,OAAO,UAAU,MAAM,OAAO,CAChH;AACF;AAmBO,MAAM,+BAA6D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,sBAAsB,qBAAqB,eAAe,WAAW,IAAI;AAC/E,QAAM,sBAAsB,sBAAsB,mBAAmB;AACrE,QAAM,EAAE,OAAO,SAAS,aAAa;AACrC,QAAM,WAAW,kCAAkC,KAAK;AACxD,QAAM,aAAa,kCAAkC,OAAO;AAG5D,QAAM,iBAAiB,aAAa,KAAK,GAAG,aAAa;AAEzD,QAAM,mBAAmB,eAAe,KAAK,GAAG,eAAe;AAC/D,QAAM,oBAEJ,aAAa,OAAO,kBAAkB,aAAa,OAAO,kBAAkB;AAC9E,QAAM,sBAAsB,GAAG,mBAAmB,qBAAqB;AAEvE,SAAO,QACL,MAAO;AAAA,IACL;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,EACF,CACF;AACF;AAMO,MAAM,2BAAqD,CAAC,WAAW;AAC5E,QAAM,aAAa,6BAA6B,MAAM;AACtD,QAAM,aAAa,6BAA6B,MAAM;AAEtD,SAAO,QACL,MAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL,IACA,CAAC,YAAY,UAAU,CACzB;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,yCAAyC;AAClD,SAAS,YAAY,+BAA+B;AAqB7C,MAAM,+BAA6D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsB,qBAAqB,eAAe,WAAW,IAAI;AAC/E,QAAM,sBAAsB,gCAAgC,mBAAmB;AAC/E,QAAM,EAAE,OAAO,KAAK,KAAK,IAAI;AAC7B,QAAM,WAAW,kCAAkC,KAAK;AACxD,QAAM,SAAS,kCAAkC,GAAG;AACpD,QAAM,UAAU,kCAAkC,IAAI;AACtD,QAAM,iBAAiB,aAAa,KAAK,WAAW,WAAW,KAAK;AACpE,QAAM,eAAe,WAAW,KAAK,wBAAwB,UAAU;AACvE,QAAM,gBAAgB,YAAY,KAAK,2BAA2B,GAAG,WAAW,GAAG,GAAG,IAAI;AAC1F,QAAM,sBAAsB,GAAG,mBAAmB,iBAAiB;AAEnE,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,IACF;AAAA,IACA,CAAC,cAAc,gBAAgB,eAAe,qBAAqB,KAAK,QAAQ,OAAO,UAAU,MAAM,OAAO;AAAA,EAChH;AACF;AAmBO,MAAM,+BAA6D,CAAC;AAAA,EACzE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,sBAAsB,qBAAqB,eAAe,WAAW,IAAI;AAC/E,QAAM,sBAAsB,sBAAsB,mBAAmB;AACrE,QAAM,EAAE,OAAO,SAAS,SAAS,IAAI;AACrC,QAAM,WAAW,kCAAkC,KAAK;AACxD,QAAM,aAAa,kCAAkC,OAAO;AAG5D,QAAM,iBAAiB,aAAa,KAAK,GAAG,aAAa;AAEzD,QAAM,mBAAmB,eAAe,KAAK,GAAG,eAAe;AAC/D,QAAM,oBAEJ,aAAa,OAAO,kBAAkB,aAAa,OAAO,kBAAkB;AAC9E,QAAM,sBAAsB,GAAG,mBAAmB,qBAAqB;AAEvE,SAAO;AAAA,IACL,OAAO;AAAA,MACL;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,IACF;AAAA,EACF;AACF;AAMO,MAAM,2BAAqD,CAAC,WAAW;AAC5E,QAAM,aAAa,6BAA6B,MAAM;AACtD,QAAM,aAAa,6BAA6B,MAAM;AAEtD,SAAO;AAAA,IACL,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,CAAC,YAAY,UAAU;AAAA,EACzB;AACF;",
   "names": []
 }

package/dist/esm/config/useGetFlags.js

@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { CONTROLLED_DATE_TIME_PICKER_TYPES } from "../ControlledDateTimePickerTypes";
 import { getIsDateTime, getIsDate } from "../utils/typeGuards";
 const getDateTimeFlags = (props) => {
-  const { type, isClearable, dateTime, autoFocus } = props;
+  const { type, isClearable, dateTime, autoFocus, innerRef } = props;
   const constants = {
     hideDatePicker: true,
     hideTimePicker: true,
@@ -35,6 +35,8 @@ const getDateTimeFlags = (props) => {
     isWithTimeInputs: withAnyInputs,
     autoFocusMonthInput: withAnyInputs && autoFocus,
     autoFocusPrevMonthArrow: isControllerOnly && autoFocus,
+    innerRefMonthInput: withAnyInputs && innerRef,
+    innerRefPrevMonthArrow: isControllerOnly && innerRef,
     shouldPreserveClearableSpace,
     withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
     ...constants
@@ -42,7 +44,7 @@ const getDateTimeFlags = (props) => {
   return finalFlags;
 };
 const getDateFlags = (props) => {
-  const { type, isClearable, date, autoFocus } = props;
+  const { type, isClearable, date, autoFocus, innerRef } = props;
   const constants = {
     isDateSelector: true,
     hideTime: true,
@@ -74,6 +76,8 @@ const getDateFlags = (props) => {
     isWithDateInputsOnly: withAnyInputs,
     autoFocusMonthInput: withAnyInputs && autoFocus,
     autoFocusPrevMonthArrow: isControllerOnly && autoFocus,
+    innerRefMonthInput: withAnyInputs && innerRef,
+    innerRefPrevMonthArrow: isControllerOnly && innerRef,
     shouldPreserveClearableSpace,
     withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
     ...constants
@@ -81,7 +85,7 @@ const getDateFlags = (props) => {
   return finalFlags;
 };
 const getTimeFlags = (props) => {
-  const { type, isClearable, time, autoFocus } = props;
+  const { type, isClearable, time, autoFocus, innerRef } = props;
   const constants = {
     hideDate: true,
     hideDateTimePicker: true,
@@ -94,7 +98,9 @@ const getTimeFlags = (props) => {
     isWithTimeWheelToo: false,
     isWithCalendarToo: false,
     autoFocusMonthInput: false,
-    autoFocusPrevMonthArrow: false
+    autoFocusPrevMonthArrow: false,
+    innerRefMonthInput: void 0,
+    innerRefPrevMonthArrow: void 0
   };
   const withAnyInputs = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;
   const hideTimePicker = type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER && type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;
@@ -113,6 +119,8 @@ const getTimeFlags = (props) => {
     isWithTimeInputsOnly: withAnyInputs,
     autoFocusHourInput: withAnyInputs && autoFocus,
     autoFocusHourTimeWheel: isControllerOnly && autoFocus,
+    innerRefHourInput: withAnyInputs && innerRef,
+    innerRefHourTimeWheel: isControllerOnly && innerRef,
     shouldPreserveClearableSpace,
     withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,
     ...constants

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGetFlags.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nconst getDateTimeFlags = (props: DSControlledDateTimePickerT.InternalDateTimePickerProps) => {\n  const { type, isClearable, dateTime, autoFocus } = props;\n  const constants = {\n    hideDatePicker: true,\n    hideTimePicker: true,\n    isDateSelector: false,\n    isTimeSelector: false,\n    isDateTimeSelector: true,\n    isWithDateInputsOnly: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourInput: false,\n    autoFocusHourTimeWheel: false,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS;\n  const hideDateTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const withAnyPicker = !hideDateTimePicker;\n  const withClearBtn = withAnyInputs && isClearable && dateTime !== '' && dateTime !== '__/__/____ __:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideTime: !withAnyInputs,\n    hideDateTimePicker,\n    isControllerOnly,\n    isWithTimeWheelToo: !hideDateTimePicker,\n    isWithCalendarToo: !hideDateTimePicker,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithTimeInputs: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getDateFlags = (props: DSControlledDateTimePickerT.InternalDatePickerProps) => {\n  const { type, isClearable, date, autoFocus } = props;\n\n  const constants = {\n    isDateSelector: true,\n    hideTime: true,\n    hideDateTimePicker: true,\n    hideTimePicker: true,\n    isTimeSelector: false,\n    isDateTimeSelector: false,\n    isWithCalendarToo: false,\n    isWithTimeWheelToo: false,\n    isWithTimeInputs: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourTimeWheel: false,\n    autoFocusHourInput: false,\n  };\n\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;\n  const hideDatePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n\n  const withAnyPicker = !hideDatePicker;\n  const withClearBtn = withAnyInputs && isClearable && date !== '' && date !== '__/__/____';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideDatePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithDateInputsOnly: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getTimeFlags = (props: DSControlledDateTimePickerT.InternalTimePickerProps) => {\n  const { type, isClearable, time, autoFocus } = props;\n  const constants = {\n    hideDate: true,\n    hideDateTimePicker: true,\n    hideDatePicker: true,\n    isDateSelector: false,\n    isDateTimeSelector: false,\n    isWithDateInputs: false,\n    isWithDateInputsOnly: false,\n    isTimeSelector: true,\n    isWithTimeWheelToo: false,\n    isWithCalendarToo: false,\n    autoFocusMonthInput: false,\n    autoFocusPrevMonthArrow: false,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;\n  const hideTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const withClearBtn = withAnyInputs && isClearable && time !== '' && time !== '__:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const withAnyPicker = !hideTimePicker;\n  const finalFlags = {\n    hideTime: !withAnyInputs,\n    hideTimePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithTimeInputs: withAnyInputs,\n    isWithTimeInputsOnly: withAnyInputs,\n    autoFocusHourInput: withAnyInputs && autoFocus,\n    autoFocusHourTimeWheel: isControllerOnly && autoFocus,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\n\nexport const useGetFlags = (props: DSControlledDateTimePickerT.InternalProps) =>\n  useMemo(() => {\n    if (getIsDateTime(props)) {\n      return getDateTimeFlags(props);\n    }\n    if (getIsDate(props)) {\n      return getDateFlags(props);\n    }\n    return getTimeFlags(props);\n  }, [props]);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo } from 'react';\nimport { CONTROLLED_DATE_TIME_PICKER_TYPES } from '../ControlledDateTimePickerTypes';\nimport { getIsDateTime, getIsDate } from '../utils/typeGuards';\nimport type { DSControlledDateTimePickerT } from '../propTypes';\n\nconst getDateTimeFlags = (props: DSControlledDateTimePickerT.InternalDateTimePickerProps) => {\n  const { type, isClearable, dateTime, autoFocus, innerRef } = props;\n  const constants = {\n    hideDatePicker: true,\n    hideTimePicker: true,\n    isDateSelector: false,\n    isTimeSelector: false,\n    isDateTimeSelector: true,\n    isWithDateInputsOnly: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourInput: false,\n    autoFocusHourTimeWheel: false,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL ||\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.INPUTS;\n  const hideDateTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY;\n  const withAnyPicker = !hideDateTimePicker;\n  const withClearBtn = withAnyInputs && isClearable && dateTime !== '' && dateTime !== '__/__/____ __:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideTime: !withAnyInputs,\n    hideDateTimePicker,\n    isControllerOnly,\n    isWithTimeWheelToo: !hideDateTimePicker,\n    isWithCalendarToo: !hideDateTimePicker,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithTimeInputs: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    innerRefMonthInput: withAnyInputs && innerRef,\n    innerRefPrevMonthArrow: isControllerOnly && innerRef,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getDateFlags = (props: DSControlledDateTimePickerT.InternalDatePickerProps) => {\n  const { type, isClearable, date, autoFocus, innerRef } = props;\n\n  const constants = {\n    isDateSelector: true,\n    hideTime: true,\n    hideDateTimePicker: true,\n    hideTimePicker: true,\n    isTimeSelector: false,\n    isDateTimeSelector: false,\n    isWithCalendarToo: false,\n    isWithTimeWheelToo: false,\n    isWithTimeInputs: false,\n    isWithTimeInputsOnly: false,\n    autoFocusHourTimeWheel: false,\n    autoFocusHourInput: false,\n  };\n\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.INPUTS;\n  const hideDatePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.DATE.CONTROLLER_ONLY;\n\n  const withAnyPicker = !hideDatePicker;\n  const withClearBtn = withAnyInputs && isClearable && date !== '' && date !== '__/__/____';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n\n  const finalFlags = {\n    hideDate: !withAnyInputs,\n    hideDatePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithDateInputs: withAnyInputs,\n    isWithDateInputsOnly: withAnyInputs,\n    autoFocusMonthInput: withAnyInputs && autoFocus,\n    autoFocusPrevMonthArrow: isControllerOnly && autoFocus,\n    innerRefMonthInput: withAnyInputs && innerRef,\n    innerRefPrevMonthArrow: isControllerOnly && innerRef,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\nconst getTimeFlags = (props: DSControlledDateTimePickerT.InternalTimePickerProps) => {\n  const { type, isClearable, time, autoFocus, innerRef } = props;\n  const constants = {\n    hideDate: true,\n    hideDateTimePicker: true,\n    hideDatePicker: true,\n    isDateSelector: false,\n    isDateTimeSelector: false,\n    isWithDateInputs: false,\n    isWithDateInputsOnly: false,\n    isTimeSelector: true,\n    isWithTimeWheelToo: false,\n    isWithCalendarToo: false,\n    autoFocusMonthInput: false,\n    autoFocusPrevMonthArrow: false,\n    innerRefMonthInput: undefined,\n    innerRefPrevMonthArrow: undefined,\n  };\n  const withAnyInputs =\n    type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL || type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.INPUTS;\n  const hideTimePicker =\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.FULL &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.PICKER &&\n    type !== CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const isControllerOnly = type === CONTROLLED_DATE_TIME_PICKER_TYPES.TIME.CONTROLLER_ONLY;\n  const withClearBtn = withAnyInputs && isClearable && time !== '' && time !== '__:__ __';\n  const shouldPreserveClearableSpace = isClearable && withAnyInputs;\n  const withAnyPicker = !hideTimePicker;\n  const finalFlags = {\n    hideTime: !withAnyInputs,\n    hideTimePicker,\n    isControllerOnly,\n    withAnyInputs,\n    withAnyPicker,\n    withClearBtn,\n    isWithTimeInputs: withAnyInputs,\n    isWithTimeInputsOnly: withAnyInputs,\n    autoFocusHourInput: withAnyInputs && autoFocus,\n    autoFocusHourTimeWheel: isControllerOnly && autoFocus,\n    innerRefHourInput: withAnyInputs && innerRef,\n    innerRefHourTimeWheel: isControllerOnly && innerRef,\n    shouldPreserveClearableSpace,\n    withAnyRightController: withAnyPicker || withClearBtn || shouldPreserveClearableSpace,\n    ...constants,\n  };\n  return finalFlags;\n};\n\nexport const useGetFlags = (props: DSControlledDateTimePickerT.InternalProps) =>\n  useMemo(() => {\n    if (getIsDateTime(props)) {\n      return getDateTimeFlags(props);\n    }\n    if (getIsDate(props)) {\n      return getDateFlags(props);\n    }\n    return getTimeFlags(props);\n  }, [props]);\n"],
+  "mappings": "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",
   "names": []
 }