@elliemae/ds-form-date-time-picker 3.60.0-next.4 → 3.60.0-next.41

package/dist/cjs/config/useFocusTracker.js

@@ -37,7 +37,7 @@ const useFocusTracker = ({ DOMRefs, flags }) => {
   const [latestInteractionRegion, setLatestInteractionRegion] = (0, import_react.useState)("");
   const [currFocusDescriber, setCurrFocusDescriber] = (0, import_react.useState)("");
   const { firstSegment, lastSegment } = DOMRefs;
-  const { isDateSelector, isTimeSelector } = flags;
+  const { isDateSelector, isTimeSelector, isControllerOnly } = flags;
   const trackFocusPicker = (0, import_react.useCallback)(() => {
     let picker = "datetime-picker-icon";
     if (isDateSelector) picker = "date-picker-icon";
@@ -68,17 +68,28 @@ const useFocusTracker = ({ DOMRefs, flags }) => {
     if (latestInteractionRegion !== "") setLatestInteractionRegion("");
     if (currFocusDescriber !== "") setCurrFocusDescriber("");
   }, [currFocusDescriber, latestInteractionRegion]);
-  const handleComponentBlurs = (0, import_react.useCallback)(() => {
-    let shouldShortCircuit = false;
-    if (latestInteractionRegion === "calendar-days" && currFocusDescriber === "calendar-metafocused-day")
-      shouldShortCircuit = true;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
-      shouldShortCircuit = true;
-    if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-hour")
-      shouldShortCircuit = true;
-    if (shouldShortCircuit) return;
-    trackFocusResetter();
-  }, [currFocusDescriber, latestInteractionRegion, trackFocusResetter]);
+  const handleComponentBlurs = (0, import_react.useCallback)(
+    (e) => {
+      if (isControllerOnly) {
+        const relatedTarget = e.relatedTarget;
+        if (relatedTarget && e.currentTarget.contains(relatedTarget)) {
+          return;
+        }
+        trackFocusResetter();
+        return;
+      }
+      let shouldShortCircuit = false;
+      if (latestInteractionRegion === "calendar-days" && currFocusDescriber === "calendar-metafocused-day")
+        shouldShortCircuit = true;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
+        shouldShortCircuit = true;
+      if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-hour")
+        shouldShortCircuit = true;
+      if (shouldShortCircuit) return;
+      trackFocusResetter();
+    },
+    [currFocusDescriber, isControllerOnly, latestInteractionRegion, trackFocusResetter]
+  );
   return (0, import_react.useMemo)(
     () => ({
       latestInteractionRegion,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useFocusTracker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\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 type { useGetReferences } from './useGetReferences.js';\nimport type { useGetFlags } from './useGetFlags.js';\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  /*\n   depending on the polymorphic props, the first segment can be:\n    - month-input (when date inputs are present)\n    - hour-input (when ONLY time inputs are present)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  /*\n   depending on the polymorphic props, the last segment can be:\n    - year-input (when ONLY date inputs are present)\n    - meridiem-input (when time inputs are present)\n    - clear-btn (when clearable is true and there is no picker)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  const trackFocusResetter = useCallback(() => {\n    if (latestInteractionRegion !== '') setLatestInteractionRegion('');\n    if (currFocusDescriber !== '') setCurrFocusDescriber('');\n  }, [currFocusDescriber, latestInteractionRegion]);\n\n  const handleComponentBlurs = useCallback(() => {\n    /* our code base is trying to avoid side-effects and we also try to be imperative\n    due to how \"portals\" work, when we open a portal the \"blur\" event is triggered\n    we need to distinguish between\n     - a blur that is caused by a portal opening\n           vs\n     - a blur that is caused by a user moving focus to another element\n    we can do this by checking the currFocusDescriber and latestInteractionRegion\n    we know that blur is triggered by portal opening when:\n      - latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day'\n        (this is the case when we open the calendar or calendarWithTimeWheel with a preselected date)\n      - latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month'\n        (this is the case when we open the calendar or calendarWithTimeWheel without a preselected date)\n      - latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour'\n        (this is the case when we open any timewheel ONLY)\n    */\n    let shouldShortCircuit = false;\n    // preselected date OR filled date value OR onCalendarOpenFocusedDay is present\n    if (latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day')\n      shouldShortCircuit = true;\n    // empty date value AND no onCalendarOpenFocusedDay is present\n    if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n      shouldShortCircuit = true;\n\n    // only time wheel is present in the contextual region\n    if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n      shouldShortCircuit = true;\n\n    if (shouldShortCircuit) return;\n    trackFocusResetter();\n  }, [currFocusDescriber, latestInteractionRegion, trackFocusResetter]);\n\n  return useMemo(\n    () => ({\n      latestInteractionRegion,\n      setLatestInteractionRegion,\n      currFocusDescriber,\n      setCurrFocusDescriber,\n      trackFocusResetter,\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      handleComponentBlurs,\n    }),\n    [\n      latestInteractionRegion,\n      currFocusDescriber,\n      trackFocusResetter,\n      trackFocusPicker,\n      trackFocusFirstSegment,\n      trackFocusLastSegment,\n      handleComponentBlurs,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity */\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 type { useGetReferences } from './useGetReferences.js';\nimport type { useGetFlags } from './useGetFlags.js';\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, isControllerOnly } = 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  /*\n   depending on the polymorphic props, the first segment can be:\n    - month-input (when date inputs are present)\n    - hour-input (when ONLY time inputs are present)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  /*\n   depending on the polymorphic props, the last segment can be:\n    - year-input (when ONLY date inputs are present)\n    - meridiem-input (when time inputs are present)\n    - clear-btn (when clearable is true and there is no picker)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  const trackFocusResetter = useCallback(() => {\n    if (latestInteractionRegion !== '') setLatestInteractionRegion('');\n    if (currFocusDescriber !== '') setCurrFocusDescriber('');\n  }, [currFocusDescriber, latestInteractionRegion]);\n\n  const handleComponentBlurs = useCallback(\n    (e: React.FocusEvent<HTMLElement>) => {\n      /**\n       * In controller only mode, we want to reset the focus tracker when the user moves focus outside of the component\n       * this is because in controller only mode we don't have a portal that we need to account for,\n       * so any blur event that happens when we are in controller only mode should be treated as a user moving focus outside of the component\n       */\n      if (isControllerOnly) {\n        const relatedTarget = e.relatedTarget as HTMLElement | null;\n        if (relatedTarget && (e.currentTarget as HTMLElement).contains(relatedTarget)) {\n          return;\n        }\n        trackFocusResetter();\n        return;\n      }\n      /* our code base is trying to avoid side-effects and we also try to be imperative\n    due to how \"portals\" work, when we open a portal the \"blur\" event is triggered\n    we need to distinguish between\n     - a blur that is caused by a portal opening\n           vs\n     - a blur that is caused by a user moving focus to another element\n    we can do this by checking the currFocusDescriber and latestInteractionRegion\n    we know that blur is triggered by portal opening when:\n      - latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day'\n        (this is the case when we open the calendar or calendarWithTimeWheel with a preselected date)\n      - latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month'\n        (this is the case when we open the calendar or calendarWithTimeWheel without a preselected date)\n      - latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour'\n        (this is the case when we open any timewheel ONLY)\n    */\n      let shouldShortCircuit = false;\n      // preselected date OR filled date value OR onCalendarOpenFocusedDay is present\n      if (latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day')\n        shouldShortCircuit = true;\n      // empty date value AND no onCalendarOpenFocusedDay is present\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n        shouldShortCircuit = true;\n\n      // only time wheel is present in the contextual region\n      if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n        shouldShortCircuit = true;\n\n      if (shouldShortCircuit) return;\n      trackFocusResetter();\n    },\n    [currFocusDescriber, isControllerOnly, latestInteractionRegion, trackFocusResetter],\n  );\n\n  return useMemo(\n    () => ({\n      latestInteractionRegion,\n      setLatestInteractionRegion,\n      currFocusDescriber,\n      setCurrFocusDescriber,\n      trackFocusResetter,\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      handleComponentBlurs,\n    }),\n    [\n      latestInteractionRegion,\n      currFocusDescriber,\n      trackFocusResetter,\n      trackFocusPicker,\n      trackFocusFirstSegment,\n      trackFocusLastSegment,\n      handleComponentBlurs,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/Pickers/Calendar/Day.js

@@ -49,7 +49,7 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     handleChangeComposedDateString,
     dateStringFromProps,
     getProps,
-    props: { preventCloseOnSelection, readOnly, applyAriaDisabled },
+    props: { preventCloseOnSelection, readOnly, applyAriaDisabled, lastElementRef },
     getIsDisabledDay,
     getIsOutOfRangeDay,
     getIsStartRangeDay,
@@ -62,16 +62,24 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     isWithTimeWheelToo,
     trackFocusCalendarMetafocusedDay,
     fromDate,
-    toDate
+    toDate,
+    isControllerOnly
   } = (0, import_react.useContext)(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
   const { read, LiveRegion } = (0, import_ds_accessibility.useLiveRegion)({});
-  const { focusedDay, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
+  const { focusedDay, daysArray, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = (0, import_react.useContext)(import_CalendarContext.CalendarContext);
   const isFocusedMetaDay = focusedDay?.day ? (0, import_dateHelpers.compareTwoDatesDayEquality)(metaDay?.day, focusedDay?.day) : false;
+  const firstCurrMonthDay = (0, import_react.useMemo)(() => daysArray.find((metaMonthDay) => metaMonthDay.isCurrMonthDay), [daysArray]);
+  const isFirstCurrMonthFallback = (0, import_react.useMemo)(() => {
+    if (!isControllerOnly) return false;
+    if (focusedDay?.day) return false;
+    if (!firstCurrMonthDay?.day) return false;
+    return (0, import_dateHelpers.compareTwoDatesDayEquality)(day, firstCurrMonthDay.day);
+  }, [isControllerOnly, focusedDay?.day, firstCurrMonthDay?.day, day]);
   const isSelected = (0, import_react.useMemo)(() => {
     const selectedDate = (0, import_dateHelpers.getDayFromDateString)(dateStringFromProps);
     return selectedDate ? (0, import_dateHelpers.isSameDateMoment)(day, selectedDate) : false;
   }, [dateStringFromProps, day]);
-  const isFocused = latestInteractionRegion === "calendar-days" && isFocusedMetaDay;
+  const isFocused = latestInteractionRegion === "calendar-days" && (isFocusedMetaDay || isFirstCurrMonthFallback);
   const isDisabled = getIsDisabledDay(metaDay.dayAsString);
   const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);
   const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);
@@ -130,9 +138,12 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
       window.requestAnimationFrame(() => {
         dayBtnRef.current = ButtonDomNode;
         if (isFocused) ButtonDomNode?.focus?.();
+        if (lastElementRef && isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback)) {
+          lastElementRef.current = ButtonDomNode;
+        }
       });
     },
-    [dayBtnRef, isFocused]
+    [dayBtnRef, lastElementRef, isFocused, isFocusedMetaDay, isControllerOnly, isFirstCurrMonthFallback]
   );
   const handleOnDayFocus = (0, import_react.useCallback)(() => {
     trackFocusCalendarMetafocusedDay();
@@ -190,7 +201,7 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
               handleDayOnKeyDown(e, metaDay);
             },
             innerRef: handleInnerRef,
-            tabIndex: -1,
+            tabIndex: isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback) ? 0 : -1,
             "data-isfocused": isFocused,
             "data-testid": dataTestid,
             type: "button",

package/dist/cjs/parts/Pickers/Calendar/Day.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/Day.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { useLiveRegion } from '@elliemae/ds-accessibility';\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from '../../../react-desc-prop-types.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants.js';\nimport {\n  compareTwoDatesDayEquality,\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  isSameDateMoment,\n} from '../../../utils/dateHelpers.js';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { StyledDayBtn } from './Styleds.js';\n\ninterface CalendarDayPropsT {\n  metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    getProps,\n    props: { preventCloseOnSelection, readOnly, applyAriaDisabled },\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    getIsStartRangeDay,\n    getIsDayInRange,\n    getIsEndRangeDay,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    latestInteractionRegion,\n    isWithTimeWheelToo,\n    trackFocusCalendarMetafocusedDay,\n    fromDate,\n    toDate,\n  } = useContext(ControlledDateTimePickerContext);\n  const { read, LiveRegion } = useLiveRegion({});\n\n  const { focusedDay, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = useContext(CalendarContext);\n  const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return selectedDate ? isSameDateMoment(day, selectedDate) : false;\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRangeImproper = getIsDayInRange(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && isDayInRangeImproper;\n\n  const dayAriaLabel = useMemo(\n    () => `${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`,\n    [dayAsString, metaDay],\n  );\n\n  const rangeSelectionAnnouncement = useMemo(() => {\n    if (fromDate && toDate) {\n      if (fromDate === toDate) return `Please select another day to complete range selection.`;\n      return `Range from ${fromDate} to ${toDate} selected.`;\n    }\n    if (fromDate && !toDate) return `Please select another day to complete range selection.`;\n    return '';\n  }, [fromDate, toDate]);\n\n  const handleOnDayClick = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleFocusMetaDayByDay(day);\n      if (!isDisabled && !isOutOfRange && !readOnly && !applyAriaDisabled) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        appOnMonthChange(`${month + 1}`, e, metaInfo);\n        if (dayNumber) appOnDayChange(`${dayNumber}`, e, metaInfo);\n        appOnYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        trackFocusCalendarMetafocusedDay();\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n        read(`${dayAriaLabel} selected.`, {});\n      }\n    },\n    [\n      handleFocusMetaDayByDay,\n      day,\n      isDisabled,\n      isOutOfRange,\n      readOnly,\n      applyAriaDisabled,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      trackFocusCalendarMetafocusedDay,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n      read,\n      dayAriaLabel,\n    ],\n  );\n\n  const handleInnerRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      window.requestAnimationFrame(() => {\n        dayBtnRef.current = ButtonDomNode;\n        if (isFocused) ButtonDomNode?.focus?.();\n      });\n    },\n    [dayBtnRef, isFocused],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    trackFocusCalendarMetafocusedDay();\n  }, [trackFocusCalendarMetafocusedDay]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${\n        isDayInRangeImproper ? 'inRangeImproperDay ' : ''\n      }${isDayInRange ? 'inRangeDay ' : ''}${isEndRangeDay ? 'endRangeDay ' : ''}${\n        isCurrMonthDay ? '' : 'notCurrentMonth'\n      }\n      ${readOnly || applyAriaDisabled ? 'readOnly' : ''}`,\n    [\n      isSelected,\n      isDisabled,\n      isOutOfRange,\n      isFocused,\n      isStartRangeDay,\n      isDayInRangeImproper,\n      isDayInRange,\n      isEndRangeDay,\n      isCurrMonthDay,\n      readOnly,\n      applyAriaDisabled,\n    ],\n  );\n\n  let dataTestid: (typeof ControlledDateTimePickerDatatestid)['CALENDAR'][keyof (typeof ControlledDateTimePickerDatatestid)['CALENDAR']] =\n    ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isEndRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role=\"gridcell\"\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={dayAriaLabel}\n        aria-disabled={isOutOfRange || isDisabled || readOnly || applyAriaDisabled}\n        applyAriaDisabled={applyAriaDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e: React.KeyboardEvent<Element>) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={handleInnerRef}\n        tabIndex={-1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n        type=\"button\"\n        getOwnerProps={getProps}\n        readOnlyStyles={readOnly || applyAriaDisabled}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n      <LiveRegion />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { useLiveRegion } from '@elliemae/ds-accessibility';\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from '../../../react-desc-prop-types.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants.js';\nimport {\n  compareTwoDatesDayEquality,\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  isSameDateMoment,\n} from '../../../utils/dateHelpers.js';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { StyledDayBtn } from './Styleds.js';\n\ninterface CalendarDayPropsT {\n  metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    getProps,\n    props: { preventCloseOnSelection, readOnly, applyAriaDisabled, lastElementRef },\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    getIsStartRangeDay,\n    getIsDayInRange,\n    getIsEndRangeDay,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    latestInteractionRegion,\n    isWithTimeWheelToo,\n    trackFocusCalendarMetafocusedDay,\n    fromDate,\n    toDate,\n    isControllerOnly,\n  } = useContext(ControlledDateTimePickerContext);\n  const { read, LiveRegion } = useLiveRegion({});\n\n  const { focusedDay, daysArray, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } =\n    useContext(CalendarContext);\n  const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;\n  /*\n   * PUI-18077 https://jira.elliemae.io/browse/PUI-18077\n   *\n   * Fallback logic that mirrors the behavior in:\n   * ./useKeyboardHandlers.tsx (tryToFocusDayRegion)\n   *\n   * When opening the calendar without an explicit focusedDay, this ensures that\n   * in controller-only mode, Shift+Tab from the first focusable element focuses\n   * the first current-month day instead of the previous month button.\n   *\n   * Once focusedDay is established, this fallback is no longer used.\n   */\n  const firstCurrMonthDay = useMemo(() => daysArray.find((metaMonthDay) => metaMonthDay.isCurrMonthDay), [daysArray]);\n  const isFirstCurrMonthFallback = useMemo(() => {\n    if (!isControllerOnly) return false;\n    if (focusedDay?.day) return false;\n    if (!firstCurrMonthDay?.day) return false;\n    return compareTwoDatesDayEquality(day, firstCurrMonthDay.day);\n  }, [isControllerOnly, focusedDay?.day, firstCurrMonthDay?.day, day]);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return selectedDate ? isSameDateMoment(day, selectedDate) : false;\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && (isFocusedMetaDay || isFirstCurrMonthFallback);\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRangeImproper = getIsDayInRange(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && isDayInRangeImproper;\n\n  const dayAriaLabel = useMemo(\n    () => `${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`,\n    [dayAsString, metaDay],\n  );\n\n  const rangeSelectionAnnouncement = useMemo(() => {\n    if (fromDate && toDate) {\n      if (fromDate === toDate) return `Please select another day to complete range selection.`;\n      return `Range from ${fromDate} to ${toDate} selected.`;\n    }\n    if (fromDate && !toDate) return `Please select another day to complete range selection.`;\n    return '';\n  }, [fromDate, toDate]);\n\n  const handleOnDayClick = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleFocusMetaDayByDay(day);\n      if (!isDisabled && !isOutOfRange && !readOnly && !applyAriaDisabled) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        appOnMonthChange(`${month + 1}`, e, metaInfo);\n        if (dayNumber) appOnDayChange(`${dayNumber}`, e, metaInfo);\n        appOnYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        trackFocusCalendarMetafocusedDay();\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n        read(`${dayAriaLabel} selected.`, {});\n      }\n    },\n    [\n      handleFocusMetaDayByDay,\n      day,\n      isDisabled,\n      isOutOfRange,\n      readOnly,\n      applyAriaDisabled,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      trackFocusCalendarMetafocusedDay,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n      read,\n      dayAriaLabel,\n    ],\n  );\n\n  const handleInnerRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      window.requestAnimationFrame(() => {\n        dayBtnRef.current = ButtonDomNode;\n        if (isFocused) ButtonDomNode?.focus?.();\n        /**\n         * PUI-17922 https://jira.elliemae.io/browse/PUI-17922\n         *\n         * This allows consumers to plug this calendar into an external\n         * focus trap by exposing the last focusable element through\n         * `lastElementRef`.\n         *\n         * In the currently known scenarios (DSDataTable filters) that\n         * last element is the day that is focused in the calendar when\n         * the component is used in `controller-only` mode.\n         *\n         * Since this is a targeted bug fix, it is only applied for this\n         * case for now (YAGNI). In the future we should review, for each\n         * component configuration, which element should really be exposed\n         * as `lastElementRef`.\n         */\n        if (lastElementRef && isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback)) {\n          lastElementRef.current = ButtonDomNode;\n        }\n      });\n    },\n    [dayBtnRef, lastElementRef, isFocused, isFocusedMetaDay, isControllerOnly, isFirstCurrMonthFallback],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    trackFocusCalendarMetafocusedDay();\n  }, [trackFocusCalendarMetafocusedDay]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${\n        isDayInRangeImproper ? 'inRangeImproperDay ' : ''\n      }${isDayInRange ? 'inRangeDay ' : ''}${isEndRangeDay ? 'endRangeDay ' : ''}${\n        isCurrMonthDay ? '' : 'notCurrentMonth'\n      }\n      ${readOnly || applyAriaDisabled ? 'readOnly' : ''}`,\n    [\n      isSelected,\n      isDisabled,\n      isOutOfRange,\n      isFocused,\n      isStartRangeDay,\n      isDayInRangeImproper,\n      isDayInRange,\n      isEndRangeDay,\n      isCurrMonthDay,\n      readOnly,\n      applyAriaDisabled,\n    ],\n  );\n\n  let dataTestid: (typeof ControlledDateTimePickerDatatestid)['CALENDAR'][keyof (typeof ControlledDateTimePickerDatatestid)['CALENDAR']] =\n    ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isEndRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role=\"gridcell\"\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={dayAriaLabel}\n        aria-disabled={isOutOfRange || isDisabled || readOnly || applyAriaDisabled}\n        applyAriaDisabled={applyAriaDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e: React.KeyboardEvent<Element>) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={handleInnerRef}\n        /**\n         * PUI-17432 https://jira.elliemae.io/browse/PUI-17432\n         *\n         * We tried to avoid this in PUI-17922 by adding `lastElementRef`.\n         * That works when the last element is focused programmatically by useFocusTrap logic,\n         * but when going through the calendar and the last element is within another\n         * component, on Shift+Tab the focus goes to the next month instead of the\n         * last focused or selected day.\n         *\n         * This ensures that when using controller-only mode, focus moves back to the\n         * last focused day.\n         */\n        tabIndex={isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback) ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n        type=\"button\"\n        getOwnerProps={getProps}\n        readOnlyStyles={readOnly || applyAriaDisabled}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n      <LiveRegion />\n    </div>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["import_constants"]
 }

package/dist/cjs/react-desc-prop-types.js

@@ -120,6 +120,9 @@ const propTypes = {
   "data-testid": import_ds_props_helpers.PropTypes.string.description("Unique id for tests.").defaultValue(""),
   ...(0, import_ds_props_helpers.getPropsPerDatatestIdPropTypes)(import_constants.ControlledDateTimePickerDatatestid),
   innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.object]).description("inner ref for the month input"),
+  lastElementRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.object]).description(
+    "ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic"
+  ),
   fromDate: import_ds_props_helpers.PropTypes.string.description(
     `Strictly formatted string representing user's selected "from" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`
   ),

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  type GlobalAttributesT,\n  type ValidationMap,\n  type XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { FORM_DATE_TIME_PICKER_SLOTS } from './constants/index.js';\nimport {\n  ControlledDateTimePickerDatatestid,\n  DSControlledDateTimePickerName,\n  DSControlledDateTimePickerSlotsFlatten,\n} from './constants/index.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): false => false;\n\nexport declare namespace DSControlledDateTimePickerT {\n  export type SlotFunctionArguments = {\n    dsControlleddatetimepickerRoot: () => object;\n    dsControlleddatetimepickerTimePickerMonthInput: () => object;\n    dsControlleddatetimepickerTimePickerDayInput: () => object;\n    dsControlleddatetimepickerTimePickerYearInput: () => object;\n    dsControlleddatetimepickerTimePickerHourInput: () => object;\n    dsControlleddatetimepickerTimePickerMinuteInput: () => object;\n    dsControlleddatetimepickerTimePickerMeridiemInput: () => object;\n    dsControlleddatetimepickerCalendarTriggerIcon: () => object;\n    dsControlleddatetimepickerTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarDay: () => object;\n    dsControlleddatetimepickerCalendarHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarHeaderButtons: () => object;\n    dsControlleddatetimepickerCalendarHeaderWeeklyDayList: () => object;\n    dsControlleddatetimepickerTimewheelTimeButton: () => object;\n    dsControlleddatetimepickerTimewheelTimeChangeButton: () => object;\n    dsControlleddatetimepickerTimewheelHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarContextContentWrapper: () => object;\n    dsControlleddatetimepickerTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarContextFooter: () => object;\n    dsControlleddatetimepickerTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarControllerWrapper: () => object;\n    dsControlleddatetimepickerTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerClearBtn: () => object;\n  };\n\n  type PropsT<Default, Required, Optional, SpecificHTMLElement> = Partial<Default> &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n\n  type InternalPropsT<Default, Required, Optional, SpecificHTMLElement> = Default &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n  type DataTestIdType = typeof ControlledDateTimePickerDatatestid;\n  // typescript type that rapresents the union of all the values for ControlledDateTimePickerDatatestid\n  export type FlatDataTestIdValues = {\n    [K in keyof DataTestIdType]: DataTestIdType[K] extends Record<string, unknown>\n      ? DataTestIdType[K][keyof DataTestIdType[K]] // this is only 1 level deep, but it's enough for our needs right now\n      : // can be extended to more levels if needed as follows:\n        // ? DataTestIdType[K][keyof DataTestIdType[K]] extends Record<string, unknown>\n        //   ? DataTestIdType[K][keyof DataTestIdType[K]][keyof DataTestIdType[K][keyof DataTestIdType[K]]]\n        //   : DataTestIdType[K][keyof DataTestIdType[K]]\n        DataTestIdType[K];\n  }[keyof DataTestIdType];\n\n  export type OnInternalValuesChangeEvent =\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLButtonElement>\n    | React.KeyboardEvent\n    | React.MouseEvent<HTMLInputElement>\n    | React.MouseEvent<HTMLButtonElement>\n    | React.MouseEvent<HTMLDivElement>;\n\n  export type ControlTypes =\n    | 'full-date-time'\n    | 'date-time-inputs'\n    | 'date-time-picker'\n    | 'date-time-picker-controller-only'\n    | 'full-date'\n    | 'date-inputs'\n    | 'date-picker'\n    | 'date-picker-controller-only'\n    | 'full-time'\n    | 'time-inputs'\n    | 'time-picker'\n    | 'time-picker-controller-only';\n  export interface InternalInputsChangeMetaInfo {\n    isAutomaticFillTrigger?: boolean;\n    isDayPresentInMonth?: boolean;\n    isOutOfRangeDay?: boolean;\n    isDisabledDay?: boolean;\n    isDisabledTime?: boolean;\n    suggestedErrorMsg?: string;\n    newDateTimeString?: string;\n    newDateString?: string;\n    newTimeString?: string;\n  }\n\n  export type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnInternalInputsChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo?: InternalInputsChangeMetaInfo,\n  ) => void;\n  export type AppOnInputChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo: InternalInputsChangeMetaInfo,\n  ) => void;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ DATE CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n  export interface DefaultDateProps {\n    onMonthChange: AppOnInputChange;\n    onDayChange: AppOnInputChange;\n    onYearChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsOutOfRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsStartRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsDayInRange: TypescriptHelpersT.BooleanGetter<string>;\n    getIsEndRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalDatePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    pickerFooterMsg?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    fromDate?: string;\n    toDate?: string;\n  }\n  export interface RequiredDatePickerProps {\n    type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';\n    date: string;\n    onDateChange: OnDateChange;\n  }\n  export type DatePickerProps = PropsT<\n    Partial<DefaultDateProps>,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalDatePickerProps = InternalPropsT<\n    DefaultDateProps,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ TIME CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n\n  export interface DefaultTimeProps {\n    onHourChange: AppOnInputChange;\n    onMinuteChange: AppOnInputChange;\n    onMeridiemChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledTime: TypescriptHelpersT.BooleanGetter<string>;\n    minutesInterval: number;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalTimePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    pickerFooterMsg?: string;\n    onTimeWheelOpenStartingTime?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  }\n  export interface RequiredTimePickerProps {\n    type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';\n    time: string;\n    onTimeChange: OnTimeChange;\n  }\n  export type TimePickerProps = PropsT<\n    Partial<DefaultTimeProps>,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalTimePickerProps = InternalPropsT<\n    DefaultTimeProps,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  /* -------------------- ---------------------- ------------------------*/\n  /* -------------------- DATETIME CONFIGURATION ------------------------*/\n  /* -------------------- ---------------------- ------------------------*/\n\n  export type DefaultDateTimeProps = DefaultTimeProps &\n    DefaultDateProps & {\n      onDateChange: OnDateChange;\n      onTimeChange: OnTimeChange;\n    };\n  export type OptionalDateTimeProps = OptionalTimePickerProps &\n    OptionalDatePickerProps &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    >;\n  export interface RequiredDateTimeProps {\n    type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';\n    dateTime: string;\n    onDateTimeChange: OnDateTimeChange;\n  }\n\n  export type DateTimePickerProps = PropsT<\n    Partial<DefaultDateTimeProps>,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n  export type InternalDateTimePickerProps = InternalPropsT<\n    DefaultDateTimeProps,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n\n  /* ---------------------- ------------------- -------------------------*/\n  /* ---------------------- FINAL CONFIGURATION -------------------------*/\n  /* ---------------------- ------------------- -------------------------*/\n  export type DefaultProps = DefaultDateTimeProps & { type: 'full-date-time' };\n\n  export type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;\n  export type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;\n}\n\nexport const defaultProps: DSControlledDateTimePickerT.DefaultProps = {\n  type: 'full-date-time',\n  onDateChange: noop,\n  onMonthChange: noop,\n  onDayChange: noop,\n  onYearChange: noop,\n  onTimeChange: noop,\n  onHourChange: noop,\n  onMinuteChange: noop,\n  onMeridiemChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  getIsStartRangeDay: defaultReturnFalse,\n  getIsDayInRange: defaultReturnFalse,\n  getIsEndRangeDay: defaultReturnFalse,\n  getIsDisabledTime: defaultReturnFalse,\n  minutesInterval: 1,\n  isClearable: false,\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  autoFocus: false,\n  preventCloseOnSelection: false,\n};\n\nexport const propTypes = {\n  ...getPropsPerSlotPropTypes(DSControlledDateTimePickerName, DSControlledDateTimePickerSlotsFlatten),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-time',\n    'date-time-inputs',\n    'date-time-picker',\n    'date-time-picker-controller-only',\n    'full-date',\n    'date-inputs',\n    'date-picker',\n    'date-picker-controller-only',\n    'full-time',\n    'time-inputs',\n    'time-picker',\n    'time-picker-controller-only',\n  ])\n    .description('Type of time form control to use')\n    .defaultValue('full-date-time'),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  isClearable: PropTypes.bool.description('with or without clearable button').defaultValue(false),\n  dateTime: PropTypes.string.description('when using date-time types, this is the value of the controller'),\n  date: PropTypes.string.description('when using date types, this is the value of the controller'),\n  time: PropTypes.string.description('when using time types, this is the value of the controller'),\n  onDateChange: PropTypes.func.description('(newDateString, metaInformations) => void'),\n  onTimeChange: PropTypes.func.description('(newTimeString, metaInformations) => void'),\n  onDateTimeChange: PropTypes.func.description('(newDateTimeString, metaInformations) => void'),\n  onMonthChange: PropTypes.func.description('(newMonthString, event, metaInformations) => void'),\n  onDayChange: PropTypes.func.description('(newDayString, event, metaInformations) => void'),\n  onYearChange: PropTypes.func.description('(newYearString, event, metaInformations) => void'),\n  onHourChange: PropTypes.func.description('(newHourString, event, metaInformations) => void'),\n  onMinuteChange: PropTypes.func.description('(newMinuteString, event, metaInformations) => void'),\n  onMeridiemChange: PropTypes.func.description('(newMeridiemString, event, metaInformations) => void'),\n  getIsDisabledDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsOutOfRangeDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsDisabledTime: PropTypes.func.description(\n    '(timeAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'which month to start the calendar on open, when value is empty, string following the \"MM/__/YYYY\" pattern',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string\n    .description('which day to focus on calendar open when value is empty, string following the \"MM/DD/YYYY\" pattern')\n    .defaultValue('if value is empty current month, else current month'),\n  onTimeWheelOpenStartingTime: PropTypes.string\n    .description(\n      'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA\" pattern',\n    )\n    .defaultValue('01:00 AM'),\n  minutesInterval: PropTypes.number\n    .description('increments/decrements of minutes in time related controllers interactions')\n    .defaultValue('1'),\n  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue(''),\n  ...getPropsPerDatatestIdPropTypes(ControlledDateTimePickerDatatestid),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('inner ref for the month input'),\n  fromDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"from\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  toDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"to\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  hasError: PropTypes.bool.description('whether the input has error or not').defaultValue(false),\n} as unknown as ValidationMap<DSControlledDateTimePickerT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  type GlobalAttributesT,\n  type ValidationMap,\n  type XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { FORM_DATE_TIME_PICKER_SLOTS } from './constants/index.js';\nimport {\n  ControlledDateTimePickerDatatestid,\n  DSControlledDateTimePickerName,\n  DSControlledDateTimePickerSlotsFlatten,\n} from './constants/index.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): false => false;\n\nexport declare namespace DSControlledDateTimePickerT {\n  export type SlotFunctionArguments = {\n    dsControlleddatetimepickerRoot: () => object;\n    dsControlleddatetimepickerTimePickerMonthInput: () => object;\n    dsControlleddatetimepickerTimePickerDayInput: () => object;\n    dsControlleddatetimepickerTimePickerYearInput: () => object;\n    dsControlleddatetimepickerTimePickerHourInput: () => object;\n    dsControlleddatetimepickerTimePickerMinuteInput: () => object;\n    dsControlleddatetimepickerTimePickerMeridiemInput: () => object;\n    dsControlleddatetimepickerCalendarTriggerIcon: () => object;\n    dsControlleddatetimepickerTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarDay: () => object;\n    dsControlleddatetimepickerCalendarHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarHeaderButtons: () => object;\n    dsControlleddatetimepickerCalendarHeaderWeeklyDayList: () => object;\n    dsControlleddatetimepickerTimewheelTimeButton: () => object;\n    dsControlleddatetimepickerTimewheelTimeChangeButton: () => object;\n    dsControlleddatetimepickerTimewheelHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarContextContentWrapper: () => object;\n    dsControlleddatetimepickerTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarContextFooter: () => object;\n    dsControlleddatetimepickerTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarControllerWrapper: () => object;\n    dsControlleddatetimepickerTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerClearBtn: () => object;\n  };\n\n  type PropsT<Default, Required, Optional, SpecificHTMLElement> = Partial<Default> &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n\n  type InternalPropsT<Default, Required, Optional, SpecificHTMLElement> = Default &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n  type DataTestIdType = typeof ControlledDateTimePickerDatatestid;\n  // typescript type that rapresents the union of all the values for ControlledDateTimePickerDatatestid\n  export type FlatDataTestIdValues = {\n    [K in keyof DataTestIdType]: DataTestIdType[K] extends Record<string, unknown>\n      ? DataTestIdType[K][keyof DataTestIdType[K]] // this is only 1 level deep, but it's enough for our needs right now\n      : // can be extended to more levels if needed as follows:\n        // ? DataTestIdType[K][keyof DataTestIdType[K]] extends Record<string, unknown>\n        //   ? DataTestIdType[K][keyof DataTestIdType[K]][keyof DataTestIdType[K][keyof DataTestIdType[K]]]\n        //   : DataTestIdType[K][keyof DataTestIdType[K]]\n        DataTestIdType[K];\n  }[keyof DataTestIdType];\n\n  export type OnInternalValuesChangeEvent =\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLButtonElement>\n    | React.KeyboardEvent\n    | React.MouseEvent<HTMLInputElement>\n    | React.MouseEvent<HTMLButtonElement>\n    | React.MouseEvent<HTMLDivElement>;\n\n  export type ControlTypes =\n    | 'full-date-time'\n    | 'date-time-inputs'\n    | 'date-time-picker'\n    | 'date-time-picker-controller-only'\n    | 'full-date'\n    | 'date-inputs'\n    | 'date-picker'\n    | 'date-picker-controller-only'\n    | 'full-time'\n    | 'time-inputs'\n    | 'time-picker'\n    | 'time-picker-controller-only';\n  export interface InternalInputsChangeMetaInfo {\n    isAutomaticFillTrigger?: boolean;\n    isDayPresentInMonth?: boolean;\n    isOutOfRangeDay?: boolean;\n    isDisabledDay?: boolean;\n    isDisabledTime?: boolean;\n    suggestedErrorMsg?: string;\n    newDateTimeString?: string;\n    newDateString?: string;\n    newTimeString?: string;\n  }\n\n  export type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnInternalInputsChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo?: InternalInputsChangeMetaInfo,\n  ) => void;\n  export type AppOnInputChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo: InternalInputsChangeMetaInfo,\n  ) => void;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ DATE CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n  export interface DefaultDateProps {\n    onMonthChange: AppOnInputChange;\n    onDayChange: AppOnInputChange;\n    onYearChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsOutOfRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsStartRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsDayInRange: TypescriptHelpersT.BooleanGetter<string>;\n    getIsEndRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalDatePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    pickerFooterMsg?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    fromDate?: string;\n    toDate?: string;\n  }\n  export interface RequiredDatePickerProps {\n    type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';\n    date: string;\n    onDateChange: OnDateChange;\n  }\n  export type DatePickerProps = PropsT<\n    Partial<DefaultDateProps>,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalDatePickerProps = InternalPropsT<\n    DefaultDateProps,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ TIME CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n\n  export interface DefaultTimeProps {\n    onHourChange: AppOnInputChange;\n    onMinuteChange: AppOnInputChange;\n    onMeridiemChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledTime: TypescriptHelpersT.BooleanGetter<string>;\n    minutesInterval: number;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalTimePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    pickerFooterMsg?: string;\n    onTimeWheelOpenStartingTime?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  }\n  export interface RequiredTimePickerProps {\n    type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';\n    time: string;\n    onTimeChange: OnTimeChange;\n  }\n  export type TimePickerProps = PropsT<\n    Partial<DefaultTimeProps>,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalTimePickerProps = InternalPropsT<\n    DefaultTimeProps,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  /* -------------------- ---------------------- ------------------------*/\n  /* -------------------- DATETIME CONFIGURATION ------------------------*/\n  /* -------------------- ---------------------- ------------------------*/\n\n  export type DefaultDateTimeProps = DefaultTimeProps &\n    DefaultDateProps & {\n      onDateChange: OnDateChange;\n      onTimeChange: OnTimeChange;\n    };\n  export type OptionalDateTimeProps = OptionalTimePickerProps &\n    OptionalDatePickerProps &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    >;\n  export interface RequiredDateTimeProps {\n    type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';\n    dateTime: string;\n    onDateTimeChange: OnDateTimeChange;\n  }\n\n  export type DateTimePickerProps = PropsT<\n    Partial<DefaultDateTimeProps>,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n  export type InternalDateTimePickerProps = InternalPropsT<\n    DefaultDateTimeProps,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n\n  /* ---------------------- ------------------- -------------------------*/\n  /* ---------------------- FINAL CONFIGURATION -------------------------*/\n  /* ---------------------- ------------------- -------------------------*/\n  export type DefaultProps = DefaultDateTimeProps & { type: 'full-date-time' };\n\n  export type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;\n  export type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;\n}\n\nexport const defaultProps: DSControlledDateTimePickerT.DefaultProps = {\n  type: 'full-date-time',\n  onDateChange: noop,\n  onMonthChange: noop,\n  onDayChange: noop,\n  onYearChange: noop,\n  onTimeChange: noop,\n  onHourChange: noop,\n  onMinuteChange: noop,\n  onMeridiemChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  getIsStartRangeDay: defaultReturnFalse,\n  getIsDayInRange: defaultReturnFalse,\n  getIsEndRangeDay: defaultReturnFalse,\n  getIsDisabledTime: defaultReturnFalse,\n  minutesInterval: 1,\n  isClearable: false,\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  autoFocus: false,\n  preventCloseOnSelection: false,\n};\n\nexport const propTypes = {\n  ...getPropsPerSlotPropTypes(DSControlledDateTimePickerName, DSControlledDateTimePickerSlotsFlatten),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-time',\n    'date-time-inputs',\n    'date-time-picker',\n    'date-time-picker-controller-only',\n    'full-date',\n    'date-inputs',\n    'date-picker',\n    'date-picker-controller-only',\n    'full-time',\n    'time-inputs',\n    'time-picker',\n    'time-picker-controller-only',\n  ])\n    .description('Type of time form control to use')\n    .defaultValue('full-date-time'),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  isClearable: PropTypes.bool.description('with or without clearable button').defaultValue(false),\n  dateTime: PropTypes.string.description('when using date-time types, this is the value of the controller'),\n  date: PropTypes.string.description('when using date types, this is the value of the controller'),\n  time: PropTypes.string.description('when using time types, this is the value of the controller'),\n  onDateChange: PropTypes.func.description('(newDateString, metaInformations) => void'),\n  onTimeChange: PropTypes.func.description('(newTimeString, metaInformations) => void'),\n  onDateTimeChange: PropTypes.func.description('(newDateTimeString, metaInformations) => void'),\n  onMonthChange: PropTypes.func.description('(newMonthString, event, metaInformations) => void'),\n  onDayChange: PropTypes.func.description('(newDayString, event, metaInformations) => void'),\n  onYearChange: PropTypes.func.description('(newYearString, event, metaInformations) => void'),\n  onHourChange: PropTypes.func.description('(newHourString, event, metaInformations) => void'),\n  onMinuteChange: PropTypes.func.description('(newMinuteString, event, metaInformations) => void'),\n  onMeridiemChange: PropTypes.func.description('(newMeridiemString, event, metaInformations) => void'),\n  getIsDisabledDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsOutOfRangeDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsDisabledTime: PropTypes.func.description(\n    '(timeAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'which month to start the calendar on open, when value is empty, string following the \"MM/__/YYYY\" pattern',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string\n    .description('which day to focus on calendar open when value is empty, string following the \"MM/DD/YYYY\" pattern')\n    .defaultValue('if value is empty current month, else current month'),\n  onTimeWheelOpenStartingTime: PropTypes.string\n    .description(\n      'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA\" pattern',\n    )\n    .defaultValue('01:00 AM'),\n  minutesInterval: PropTypes.number\n    .description('increments/decrements of minutes in time related controllers interactions')\n    .defaultValue('1'),\n  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue(''),\n  ...getPropsPerDatatestIdPropTypes(ControlledDateTimePickerDatatestid),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('inner ref for the month input'),\n  lastElementRef: PropTypes.oneOfType([PropTypes.object]).description(\n    'ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic',\n  ),\n  fromDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"from\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  toDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"to\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  hasError: PropTypes.bool.description('whether the input has error or not').defaultValue(false),\n} as unknown as ValidationMap<DSControlledDateTimePickerT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BASO;AAIP,uBAIO;AAGP,MAAM,OAAO,MAAY;AAAC;AAC1B,MAAM,qBAAqB,MAAa;AAwQjC,MAAM,eAAyD;AAAA,EACpE,MAAM;AAAA,EACN,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,yBAAyB;AAC3B;AAEO,MAAM,YAAY;AAAA,EACvB,OAAG,kDAAyB,iDAAgC,uDAAsC;AAAA,EAClG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,MAAM;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,kCAAkC,EAC9C,aAAa,gBAAgB;AAAA,EAChC,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,mBAAmB,kCAAU,KAAK;AAAA,IAChC;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KACjB,YAAY,6DAA6D,EACzE,aAAa,KAAK;AAAA,EACrB,aAAa,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EAC9F,UAAU,kCAAU,OAAO,YAAY,iEAAiE;AAAA,EACxG,MAAM,kCAAU,OAAO,YAAY,4DAA4D;AAAA,EAC/F,MAAM,kCAAU,OAAO,YAAY,4DAA4D;AAAA,EAC/F,cAAc,kCAAU,KAAK,YAAY,2CAA2C;AAAA,EACpF,cAAc,kCAAU,KAAK,YAAY,2CAA2C;AAAA,EACpF,kBAAkB,kCAAU,KAAK,YAAY,+CAA+C;AAAA,EAC5F,eAAe,kCAAU,KAAK,YAAY,mDAAmD;AAAA,EAC7F,aAAa,kCAAU,KAAK,YAAY,iDAAiD;AAAA,EACzF,cAAc,kCAAU,KAAK,YAAY,kDAAkD;AAAA,EAC3F,cAAc,kCAAU,KAAK,YAAY,kDAAkD;AAAA,EAC3F,gBAAgB,kCAAU,KAAK,YAAY,oDAAoD;AAAA,EAC/F,kBAAkB,kCAAU,KAAK,YAAY,sDAAsD;AAAA,EACnG,kBAAkB,kCAAU,KAAK;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,oBAAoB,kCAAU,KAAK;AAAA,IACjC;AAAA,EACF;AAAA,EACA,mBAAmB,kCAAU,KAAK;AAAA,IAChC;AAAA,EACF;AAAA,EACA,0BAA0B,kCAAU,OAAO;AAAA,IACzC;AAAA,EACF;AAAA,EACA,0BAA0B,kCAAU,OACjC,YAAY,oGAAoG,EAChH,aAAa,qDAAqD;AAAA,EACrE,6BAA6B,kCAAU,OACpC;AAAA,IACC;AAAA,EACF,EACC,aAAa,UAAU;AAAA,EAC1B,iBAAiB,kCAAU,OACxB,YAAY,2EAA2E,EACvF,aAAa,GAAG;AAAA,EACnB,eAAe,kCAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,EAAE;AAAA,EACnF,OAAG,wDAA+B,mDAAkC;AAAA,EACpE,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAC7G,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,MAAM,CAAC,EAAE;AAAA,IACtD;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,OAAO;AAAA,IACzB;AAAA,EACF;AAAA,EACA,QAAQ,kCAAU,OAAO;AAAA,IACvB;AAAA,EACF;AAAA,EACA,UAAU,kCAAU,KAAK,YAAY,oCAAoC,EAAE,aAAa,KAAK;AAC/F;",
   "names": []
 }

package/dist/cjs/utils/constants.js

@@ -71,15 +71,15 @@ const announcableCardinalDays = {
   18: "eighteenth",
   19: "ninteenth",
   20: "twentieth",
-  21: "twentie first",
-  22: "twentie second",
-  23: "twentie third",
-  24: "twentie fourth",
-  25: "twentie fifth",
-  26: "twentie sixth",
-  27: "twentie seventh",
-  28: "twentie eighth",
-  29: "twentie ninth",
+  21: "twenty first",
+  22: "twenty second",
+  23: "twenty third",
+  24: "twenty fourth",
+  25: "twenty fifth",
+  26: "twenty sixth",
+  27: "twenty seventh",
+  28: "twenty eighth",
+  29: "twenty ninth",
   30: "thirtieth",
   31: "thirty first"
 };

package/dist/cjs/utils/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/constants.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;\n\nexport const monthNames = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n] as const;\n\nexport const announcableCardinalDays = {\n  1: 'first',\n  2: 'second',\n  3: 'third',\n  4: 'fourth',\n  5: 'fifth',\n  6: 'sixth',\n  7: 'seventh',\n  8: 'eighth',\n  9: 'ninth',\n  10: 'tenth',\n  11: 'eleventh',\n  12: 'twelfth',\n  13: 'thirteenth',\n  14: 'fourteenth',\n  15: 'fifteenth',\n  16: 'sixteenth',\n  17: 'seventeenth',\n  18: 'eighteenth',\n  19: 'ninteenth',\n  20: 'twentieth',\n  21: 'twentie first',\n  22: 'twentie second',\n  23: 'twentie third',\n  24: 'twentie fourth',\n  25: 'twentie fifth',\n  26: 'twentie sixth',\n  27: 'twentie seventh',\n  28: 'twentie eighth',\n  29: 'twentie ninth',\n  30: 'thirtieth',\n  31: 'thirty first',\n} as const;\n\nexport const defaultMetaInfo = { isAutomaticFillTrigger: false };\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["export const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;\n\nexport const monthNames = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n] as const;\n\nexport const announcableCardinalDays = {\n  1: 'first',\n  2: 'second',\n  3: 'third',\n  4: 'fourth',\n  5: 'fifth',\n  6: 'sixth',\n  7: 'seventh',\n  8: 'eighth',\n  9: 'ninth',\n  10: 'tenth',\n  11: 'eleventh',\n  12: 'twelfth',\n  13: 'thirteenth',\n  14: 'fourteenth',\n  15: 'fifteenth',\n  16: 'sixteenth',\n  17: 'seventeenth',\n  18: 'eighteenth',\n  19: 'ninteenth',\n  20: 'twentieth',\n  21: 'twenty first',\n  22: 'twenty second',\n  23: 'twenty third',\n  24: 'twenty fourth',\n  25: 'twenty fifth',\n  26: 'twenty sixth',\n  27: 'twenty seventh',\n  28: 'twenty eighth',\n  29: 'twenty ninth',\n  30: 'thirtieth',\n  31: 'thirty first',\n} as const;\n\nexport const defaultMetaInfo = { isAutomaticFillTrigger: false };\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,WAAW,CAAC,UAAU,UAAU,WAAW,aAAa,YAAY,UAAU,UAAU;AAE9F,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,kBAAkB,EAAE,wBAAwB,MAAM;",
   "names": []
 }

package/dist/esm/config/useFocusTracker.js

@@ -4,7 +4,7 @@ const useFocusTracker = ({ DOMRefs, flags }) => {
   const [latestInteractionRegion, setLatestInteractionRegion] = useState("");
   const [currFocusDescriber, setCurrFocusDescriber] = useState("");
   const { firstSegment, lastSegment } = DOMRefs;
-  const { isDateSelector, isTimeSelector } = flags;
+  const { isDateSelector, isTimeSelector, isControllerOnly } = flags;
   const trackFocusPicker = useCallback(() => {
     let picker = "datetime-picker-icon";
     if (isDateSelector) picker = "date-picker-icon";
@@ -35,17 +35,28 @@ const useFocusTracker = ({ DOMRefs, flags }) => {
     if (latestInteractionRegion !== "") setLatestInteractionRegion("");
     if (currFocusDescriber !== "") setCurrFocusDescriber("");
   }, [currFocusDescriber, latestInteractionRegion]);
-  const handleComponentBlurs = useCallback(() => {
-    let shouldShortCircuit = false;
-    if (latestInteractionRegion === "calendar-days" && currFocusDescriber === "calendar-metafocused-day")
-      shouldShortCircuit = true;
-    if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
-      shouldShortCircuit = true;
-    if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-hour")
-      shouldShortCircuit = true;
-    if (shouldShortCircuit) return;
-    trackFocusResetter();
-  }, [currFocusDescriber, latestInteractionRegion, trackFocusResetter]);
+  const handleComponentBlurs = useCallback(
+    (e) => {
+      if (isControllerOnly) {
+        const relatedTarget = e.relatedTarget;
+        if (relatedTarget && e.currentTarget.contains(relatedTarget)) {
+          return;
+        }
+        trackFocusResetter();
+        return;
+      }
+      let shouldShortCircuit = false;
+      if (latestInteractionRegion === "calendar-days" && currFocusDescriber === "calendar-metafocused-day")
+        shouldShortCircuit = true;
+      if (latestInteractionRegion === "calendar-head" && currFocusDescriber === "calendar-prev-month")
+        shouldShortCircuit = true;
+      if (latestInteractionRegion === "timewheel" && currFocusDescriber === "timewheel-curr-hour")
+        shouldShortCircuit = true;
+      if (shouldShortCircuit) return;
+      trackFocusResetter();
+    },
+    [currFocusDescriber, isControllerOnly, latestInteractionRegion, trackFocusResetter]
+  );
   return useMemo(
     () => ({
       latestInteractionRegion,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useFocusTracker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\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 type { useGetReferences } from './useGetReferences.js';\nimport type { useGetFlags } from './useGetFlags.js';\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  /*\n   depending on the polymorphic props, the first segment can be:\n    - month-input (when date inputs are present)\n    - hour-input (when ONLY time inputs are present)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  /*\n   depending on the polymorphic props, the last segment can be:\n    - year-input (when ONLY date inputs are present)\n    - meridiem-input (when time inputs are present)\n    - clear-btn (when clearable is true and there is no picker)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  const trackFocusResetter = useCallback(() => {\n    if (latestInteractionRegion !== '') setLatestInteractionRegion('');\n    if (currFocusDescriber !== '') setCurrFocusDescriber('');\n  }, [currFocusDescriber, latestInteractionRegion]);\n\n  const handleComponentBlurs = useCallback(() => {\n    /* our code base is trying to avoid side-effects and we also try to be imperative\n    due to how \"portals\" work, when we open a portal the \"blur\" event is triggered\n    we need to distinguish between\n     - a blur that is caused by a portal opening\n           vs\n     - a blur that is caused by a user moving focus to another element\n    we can do this by checking the currFocusDescriber and latestInteractionRegion\n    we know that blur is triggered by portal opening when:\n      - latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day'\n        (this is the case when we open the calendar or calendarWithTimeWheel with a preselected date)\n      - latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month'\n        (this is the case when we open the calendar or calendarWithTimeWheel without a preselected date)\n      - latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour'\n        (this is the case when we open any timewheel ONLY)\n    */\n    let shouldShortCircuit = false;\n    // preselected date OR filled date value OR onCalendarOpenFocusedDay is present\n    if (latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day')\n      shouldShortCircuit = true;\n    // empty date value AND no onCalendarOpenFocusedDay is present\n    if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n      shouldShortCircuit = true;\n\n    // only time wheel is present in the contextual region\n    if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n      shouldShortCircuit = true;\n\n    if (shouldShortCircuit) return;\n    trackFocusResetter();\n  }, [currFocusDescriber, latestInteractionRegion, trackFocusResetter]);\n\n  return useMemo(\n    () => ({\n      latestInteractionRegion,\n      setLatestInteractionRegion,\n      currFocusDescriber,\n      setCurrFocusDescriber,\n      trackFocusResetter,\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      handleComponentBlurs,\n    }),\n    [\n      latestInteractionRegion,\n      currFocusDescriber,\n      trackFocusResetter,\n      trackFocusPicker,\n      trackFocusFirstSegment,\n      trackFocusLastSegment,\n      handleComponentBlurs,\n    ],\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\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 type { useGetReferences } from './useGetReferences.js';\nimport type { useGetFlags } from './useGetFlags.js';\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, isControllerOnly } = 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  /*\n   depending on the polymorphic props, the first segment can be:\n    - month-input (when date inputs are present)\n    - hour-input (when ONLY time inputs are present)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  /*\n   depending on the polymorphic props, the last segment can be:\n    - year-input (when ONLY date inputs are present)\n    - meridiem-input (when time inputs are present)\n    - clear-btn (when clearable is true and there is no picker)\n    - datetime-picker-icon (when picker is present and we are selecting both date and time)\n    - date-picker-icon (when picker is present and no time selection is involved)\n    - time-picker-icon (when picker is present and no date selection is involved)\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  const trackFocusResetter = useCallback(() => {\n    if (latestInteractionRegion !== '') setLatestInteractionRegion('');\n    if (currFocusDescriber !== '') setCurrFocusDescriber('');\n  }, [currFocusDescriber, latestInteractionRegion]);\n\n  const handleComponentBlurs = useCallback(\n    (e: React.FocusEvent<HTMLElement>) => {\n      /**\n       * In controller only mode, we want to reset the focus tracker when the user moves focus outside of the component\n       * this is because in controller only mode we don't have a portal that we need to account for,\n       * so any blur event that happens when we are in controller only mode should be treated as a user moving focus outside of the component\n       */\n      if (isControllerOnly) {\n        const relatedTarget = e.relatedTarget as HTMLElement | null;\n        if (relatedTarget && (e.currentTarget as HTMLElement).contains(relatedTarget)) {\n          return;\n        }\n        trackFocusResetter();\n        return;\n      }\n      /* our code base is trying to avoid side-effects and we also try to be imperative\n    due to how \"portals\" work, when we open a portal the \"blur\" event is triggered\n    we need to distinguish between\n     - a blur that is caused by a portal opening\n           vs\n     - a blur that is caused by a user moving focus to another element\n    we can do this by checking the currFocusDescriber and latestInteractionRegion\n    we know that blur is triggered by portal opening when:\n      - latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day'\n        (this is the case when we open the calendar or calendarWithTimeWheel with a preselected date)\n      - latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month'\n        (this is the case when we open the calendar or calendarWithTimeWheel without a preselected date)\n      - latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour'\n        (this is the case when we open any timewheel ONLY)\n    */\n      let shouldShortCircuit = false;\n      // preselected date OR filled date value OR onCalendarOpenFocusedDay is present\n      if (latestInteractionRegion === 'calendar-days' && currFocusDescriber === 'calendar-metafocused-day')\n        shouldShortCircuit = true;\n      // empty date value AND no onCalendarOpenFocusedDay is present\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n        shouldShortCircuit = true;\n\n      // only time wheel is present in the contextual region\n      if (latestInteractionRegion === 'timewheel' && currFocusDescriber === 'timewheel-curr-hour')\n        shouldShortCircuit = true;\n\n      if (shouldShortCircuit) return;\n      trackFocusResetter();\n    },\n    [currFocusDescriber, isControllerOnly, latestInteractionRegion, trackFocusResetter],\n  );\n\n  return useMemo(\n    () => ({\n      latestInteractionRegion,\n      setLatestInteractionRegion,\n      currFocusDescriber,\n      setCurrFocusDescriber,\n      trackFocusResetter,\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      handleComponentBlurs,\n    }),\n    [\n      latestInteractionRegion,\n      currFocusDescriber,\n      trackFocusResetter,\n      trackFocusPicker,\n      trackFocusFirstSegment,\n      trackFocusLastSegment,\n      handleComponentBlurs,\n    ],\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/parts/Pickers/Calendar/Day.js

@@ -22,7 +22,7 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     handleChangeComposedDateString,
     dateStringFromProps,
     getProps,
-    props: { preventCloseOnSelection, readOnly, applyAriaDisabled },
+    props: { preventCloseOnSelection, readOnly, applyAriaDisabled, lastElementRef },
     getIsDisabledDay,
     getIsOutOfRangeDay,
     getIsStartRangeDay,
@@ -35,16 +35,24 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
     isWithTimeWheelToo,
     trackFocusCalendarMetafocusedDay,
     fromDate,
-    toDate
+    toDate,
+    isControllerOnly
   } = useContext(ControlledDateTimePickerContext);
   const { read, LiveRegion } = useLiveRegion({});
-  const { focusedDay, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = useContext(CalendarContext);
+  const { focusedDay, daysArray, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = useContext(CalendarContext);
   const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;
+  const firstCurrMonthDay = useMemo(() => daysArray.find((metaMonthDay) => metaMonthDay.isCurrMonthDay), [daysArray]);
+  const isFirstCurrMonthFallback = useMemo(() => {
+    if (!isControllerOnly) return false;
+    if (focusedDay?.day) return false;
+    if (!firstCurrMonthDay?.day) return false;
+    return compareTwoDatesDayEquality(day, firstCurrMonthDay.day);
+  }, [isControllerOnly, focusedDay?.day, firstCurrMonthDay?.day, day]);
   const isSelected = useMemo(() => {
     const selectedDate = getDayFromDateString(dateStringFromProps);
     return selectedDate ? isSameDateMoment(day, selectedDate) : false;
   }, [dateStringFromProps, day]);
-  const isFocused = latestInteractionRegion === "calendar-days" && isFocusedMetaDay;
+  const isFocused = latestInteractionRegion === "calendar-days" && (isFocusedMetaDay || isFirstCurrMonthFallback);
   const isDisabled = getIsDisabledDay(metaDay.dayAsString);
   const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);
   const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);
@@ -103,9 +111,12 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
       window.requestAnimationFrame(() => {
         dayBtnRef.current = ButtonDomNode;
         if (isFocused) ButtonDomNode?.focus?.();
+        if (lastElementRef && isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback)) {
+          lastElementRef.current = ButtonDomNode;
+        }
       });
     },
-    [dayBtnRef, isFocused]
+    [dayBtnRef, lastElementRef, isFocused, isFocusedMetaDay, isControllerOnly, isFirstCurrMonthFallback]
   );
   const handleOnDayFocus = useCallback(() => {
     trackFocusCalendarMetafocusedDay();
@@ -163,7 +174,7 @@ const Day = ({ metaDay, colIndex, isInvisible }) => {
               handleDayOnKeyDown(e, metaDay);
             },
             innerRef: handleInnerRef,
-            tabIndex: -1,
+            tabIndex: isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback) ? 0 : -1,
             "data-isfocused": isFocused,
             "data-testid": dataTestid,
             type: "button",

package/dist/esm/parts/Pickers/Calendar/Day.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/Pickers/Calendar/Day.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { useLiveRegion } from '@elliemae/ds-accessibility';\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from '../../../react-desc-prop-types.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants.js';\nimport {\n  compareTwoDatesDayEquality,\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  isSameDateMoment,\n} from '../../../utils/dateHelpers.js';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { StyledDayBtn } from './Styleds.js';\n\ninterface CalendarDayPropsT {\n  metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    getProps,\n    props: { preventCloseOnSelection, readOnly, applyAriaDisabled },\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    getIsStartRangeDay,\n    getIsDayInRange,\n    getIsEndRangeDay,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    latestInteractionRegion,\n    isWithTimeWheelToo,\n    trackFocusCalendarMetafocusedDay,\n    fromDate,\n    toDate,\n  } = useContext(ControlledDateTimePickerContext);\n  const { read, LiveRegion } = useLiveRegion({});\n\n  const { focusedDay, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } = useContext(CalendarContext);\n  const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return selectedDate ? isSameDateMoment(day, selectedDate) : false;\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && isFocusedMetaDay;\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRangeImproper = getIsDayInRange(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && isDayInRangeImproper;\n\n  const dayAriaLabel = useMemo(\n    () => `${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`,\n    [dayAsString, metaDay],\n  );\n\n  const rangeSelectionAnnouncement = useMemo(() => {\n    if (fromDate && toDate) {\n      if (fromDate === toDate) return `Please select another day to complete range selection.`;\n      return `Range from ${fromDate} to ${toDate} selected.`;\n    }\n    if (fromDate && !toDate) return `Please select another day to complete range selection.`;\n    return '';\n  }, [fromDate, toDate]);\n\n  const handleOnDayClick = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleFocusMetaDayByDay(day);\n      if (!isDisabled && !isOutOfRange && !readOnly && !applyAriaDisabled) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        appOnMonthChange(`${month + 1}`, e, metaInfo);\n        if (dayNumber) appOnDayChange(`${dayNumber}`, e, metaInfo);\n        appOnYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        trackFocusCalendarMetafocusedDay();\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n        read(`${dayAriaLabel} selected.`, {});\n      }\n    },\n    [\n      handleFocusMetaDayByDay,\n      day,\n      isDisabled,\n      isOutOfRange,\n      readOnly,\n      applyAriaDisabled,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      trackFocusCalendarMetafocusedDay,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n      read,\n      dayAriaLabel,\n    ],\n  );\n\n  const handleInnerRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      window.requestAnimationFrame(() => {\n        dayBtnRef.current = ButtonDomNode;\n        if (isFocused) ButtonDomNode?.focus?.();\n      });\n    },\n    [dayBtnRef, isFocused],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    trackFocusCalendarMetafocusedDay();\n  }, [trackFocusCalendarMetafocusedDay]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${\n        isDayInRangeImproper ? 'inRangeImproperDay ' : ''\n      }${isDayInRange ? 'inRangeDay ' : ''}${isEndRangeDay ? 'endRangeDay ' : ''}${\n        isCurrMonthDay ? '' : 'notCurrentMonth'\n      }\n      ${readOnly || applyAriaDisabled ? 'readOnly' : ''}`,\n    [\n      isSelected,\n      isDisabled,\n      isOutOfRange,\n      isFocused,\n      isStartRangeDay,\n      isDayInRangeImproper,\n      isDayInRange,\n      isEndRangeDay,\n      isCurrMonthDay,\n      readOnly,\n      applyAriaDisabled,\n    ],\n  );\n\n  let dataTestid: (typeof ControlledDateTimePickerDatatestid)['CALENDAR'][keyof (typeof ControlledDateTimePickerDatatestid)['CALENDAR']] =\n    ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isEndRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role=\"gridcell\"\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={dayAriaLabel}\n        aria-disabled={isOutOfRange || isDisabled || readOnly || applyAriaDisabled}\n        applyAriaDisabled={applyAriaDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e: React.KeyboardEvent<Element>) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={handleInnerRef}\n        tabIndex={-1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n        type=\"button\"\n        getOwnerProps={getProps}\n        readOnlyStyles={readOnly || applyAriaDisabled}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n      <LiveRegion />\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { useLiveRegion } from '@elliemae/ds-accessibility';\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport type { DSControlledDateTimePickerT } from '../../../react-desc-prop-types.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';\nimport { defaultMetaInfo, weekDays } from '../../../utils/constants.js';\nimport {\n  compareTwoDatesDayEquality,\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  isSameDateMoment,\n} from '../../../utils/dateHelpers.js';\nimport { getAriaDayFromDateString } from '../../../utils/stringHelpers.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { StyledDayBtn } from './Styleds.js';\n\ninterface CalendarDayPropsT {\n  metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;\n  colIndex?: number;\n  isInvisible?: boolean;\n}\nconst displayNone = { display: 'none' };\n\nexport const Day = ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT): JSX.Element => {\n  const { day, isCurrMonthDay, isHidden, dayBtnRef, dayAsString } = metaDay;\n  const {\n    handleChangeComposedDateString,\n    dateStringFromProps,\n    getProps,\n    props: { preventCloseOnSelection, readOnly, applyAriaDisabled, lastElementRef },\n    getIsDisabledDay,\n    getIsOutOfRangeDay,\n    getIsStartRangeDay,\n    getIsDayInRange,\n    getIsEndRangeDay,\n    appOnMonthChange,\n    appOnDayChange,\n    appOnYearChange,\n    latestInteractionRegion,\n    isWithTimeWheelToo,\n    trackFocusCalendarMetafocusedDay,\n    fromDate,\n    toDate,\n    isControllerOnly,\n  } = useContext(ControlledDateTimePickerContext);\n  const { read, LiveRegion } = useLiveRegion({});\n\n  const { focusedDay, daysArray, handleDayOnKeyDown, handleFocusMetaDayByDay, closeCalendar } =\n    useContext(CalendarContext);\n  const isFocusedMetaDay = focusedDay?.day ? compareTwoDatesDayEquality(metaDay?.day, focusedDay?.day) : false;\n  /*\n   * PUI-18077 https://jira.elliemae.io/browse/PUI-18077\n   *\n   * Fallback logic that mirrors the behavior in:\n   * ./useKeyboardHandlers.tsx (tryToFocusDayRegion)\n   *\n   * When opening the calendar without an explicit focusedDay, this ensures that\n   * in controller-only mode, Shift+Tab from the first focusable element focuses\n   * the first current-month day instead of the previous month button.\n   *\n   * Once focusedDay is established, this fallback is no longer used.\n   */\n  const firstCurrMonthDay = useMemo(() => daysArray.find((metaMonthDay) => metaMonthDay.isCurrMonthDay), [daysArray]);\n  const isFirstCurrMonthFallback = useMemo(() => {\n    if (!isControllerOnly) return false;\n    if (focusedDay?.day) return false;\n    if (!firstCurrMonthDay?.day) return false;\n    return compareTwoDatesDayEquality(day, firstCurrMonthDay.day);\n  }, [isControllerOnly, focusedDay?.day, firstCurrMonthDay?.day, day]);\n  const isSelected = useMemo(() => {\n    const selectedDate = getDayFromDateString(dateStringFromProps);\n    return selectedDate ? isSameDateMoment(day, selectedDate) : false;\n  }, [dateStringFromProps, day]);\n  const isFocused = latestInteractionRegion === 'calendar-days' && (isFocusedMetaDay || isFirstCurrMonthFallback);\n  const isDisabled = getIsDisabledDay(metaDay.dayAsString);\n  const isOutOfRange = getIsOutOfRangeDay(metaDay.dayAsString);\n  const isStartRangeDay = getIsStartRangeDay(metaDay.dayAsString);\n  const isEndRangeDay = getIsEndRangeDay(metaDay.dayAsString);\n  const isDayInRangeImproper = getIsDayInRange(metaDay.dayAsString);\n  const isDayInRange = !isStartRangeDay && !isEndRangeDay && isDayInRangeImproper;\n\n  const dayAriaLabel = useMemo(\n    () => `${getAriaDayFromDateString(dayAsString)}, ${weekDays[metaDay.day.getDay()]}`,\n    [dayAsString, metaDay],\n  );\n\n  const rangeSelectionAnnouncement = useMemo(() => {\n    if (fromDate && toDate) {\n      if (fromDate === toDate) return `Please select another day to complete range selection.`;\n      return `Range from ${fromDate} to ${toDate} selected.`;\n    }\n    if (fromDate && !toDate) return `Please select another day to complete range selection.`;\n    return '';\n  }, [fromDate, toDate]);\n\n  const handleOnDayClick = useCallback(\n    (e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent) => {\n      handleFocusMetaDayByDay(day);\n      if (!isDisabled && !isOutOfRange && !readOnly && !applyAriaDisabled) {\n        const newDateString = getDateStringFromDay(day);\n        const metaInfo = { ...defaultMetaInfo, newDateString };\n        const { month, day: dayNumber, year } = getDateValuesFromDate(day);\n        appOnMonthChange(`${month + 1}`, e, metaInfo);\n        if (dayNumber) appOnDayChange(`${dayNumber}`, e, metaInfo);\n        appOnYearChange(`${year}`, e, metaInfo);\n        handleChangeComposedDateString(newDateString, metaInfo);\n        trackFocusCalendarMetafocusedDay();\n        if (!isWithTimeWheelToo && !preventCloseOnSelection) closeCalendar();\n        read(`${dayAriaLabel} selected.`, {});\n      }\n    },\n    [\n      handleFocusMetaDayByDay,\n      day,\n      isDisabled,\n      isOutOfRange,\n      readOnly,\n      applyAriaDisabled,\n      appOnMonthChange,\n      appOnDayChange,\n      appOnYearChange,\n      handleChangeComposedDateString,\n      trackFocusCalendarMetafocusedDay,\n      isWithTimeWheelToo,\n      preventCloseOnSelection,\n      closeCalendar,\n      read,\n      dayAriaLabel,\n    ],\n  );\n\n  const handleInnerRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      window.requestAnimationFrame(() => {\n        dayBtnRef.current = ButtonDomNode;\n        if (isFocused) ButtonDomNode?.focus?.();\n        /**\n         * PUI-17922 https://jira.elliemae.io/browse/PUI-17922\n         *\n         * This allows consumers to plug this calendar into an external\n         * focus trap by exposing the last focusable element through\n         * `lastElementRef`.\n         *\n         * In the currently known scenarios (DSDataTable filters) that\n         * last element is the day that is focused in the calendar when\n         * the component is used in `controller-only` mode.\n         *\n         * Since this is a targeted bug fix, it is only applied for this\n         * case for now (YAGNI). In the future we should review, for each\n         * component configuration, which element should really be exposed\n         * as `lastElementRef`.\n         */\n        if (lastElementRef && isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback)) {\n          lastElementRef.current = ButtonDomNode;\n        }\n      });\n    },\n    [dayBtnRef, lastElementRef, isFocused, isFocusedMetaDay, isControllerOnly, isFirstCurrMonthFallback],\n  );\n\n  const handleOnDayFocus = useCallback(() => {\n    trackFocusCalendarMetafocusedDay();\n  }, [trackFocusCalendarMetafocusedDay]);\n\n  const dayClassModifiers = useMemo(\n    () =>\n      `dayWrapper ${isSelected ? 'selectedDay ' : ''}${isDisabled ? 'disabledDay ' : ''}${\n        isOutOfRange ? 'outOfRangeDay ' : ''\n      }${isFocused ? 'focusedDay ' : ''}${isStartRangeDay ? 'startRangeDay ' : ''}${\n        isDayInRangeImproper ? 'inRangeImproperDay ' : ''\n      }${isDayInRange ? 'inRangeDay ' : ''}${isEndRangeDay ? 'endRangeDay ' : ''}${\n        isCurrMonthDay ? '' : 'notCurrentMonth'\n      }\n      ${readOnly || applyAriaDisabled ? 'readOnly' : ''}`,\n    [\n      isSelected,\n      isDisabled,\n      isOutOfRange,\n      isFocused,\n      isStartRangeDay,\n      isDayInRangeImproper,\n      isDayInRange,\n      isEndRangeDay,\n      isCurrMonthDay,\n      readOnly,\n      applyAriaDisabled,\n    ],\n  );\n\n  let dataTestid: (typeof ControlledDateTimePickerDatatestid)['CALENDAR'][keyof (typeof ControlledDateTimePickerDatatestid)['CALENDAR']] =\n    ControlledDateTimePickerDatatestid.CALENDAR.DAY;\n\n  if (isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_DAY;\n  if (isFocused) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.FOCUSED_DAY;\n  if (isFocused && isSelected) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.SELECTED_FOCUSED_DAY;\n  if (isStartRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.START_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isEndRangeDay) {\n    dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.END_RANGE_DAY;\n    if (isFocused) read(`${dayAriaLabel} selected. ${rangeSelectionAnnouncement}`, {});\n  }\n  if (isDayInRange) dataTestid = ControlledDateTimePickerDatatestid.CALENDAR.IN_RANGE_DAY;\n\n  return (\n    <div\n      className={dayClassModifiers}\n      style={isHidden ? displayNone : undefined}\n      role=\"gridcell\"\n      {...(Number.isInteger(colIndex) && { 'aria-colindex': colIndex })}\n    >\n      <StyledDayBtn\n        aria-label={dayAriaLabel}\n        aria-disabled={isOutOfRange || isDisabled || readOnly || applyAriaDisabled}\n        applyAriaDisabled={applyAriaDisabled}\n        aria-hidden={!!isInvisible}\n        buttonType=\"raw\"\n        size=\"m\"\n        onClick={handleOnDayClick} // DSButton triggers this with \"spacebar\" and \"enter\" too...\n        onFocus={handleOnDayFocus}\n        onKeyDown={(e: React.KeyboardEvent<Element>) => {\n          handleDayOnKeyDown(e, metaDay);\n        }}\n        innerRef={handleInnerRef}\n        /**\n         * PUI-17432 https://jira.elliemae.io/browse/PUI-17432\n         *\n         * We tried to avoid this in PUI-17922 by adding `lastElementRef`.\n         * That works when the last element is focused programmatically by useFocusTrap logic,\n         * but when going through the calendar and the last element is within another\n         * component, on Shift+Tab the focus goes to the next month instead of the\n         * last focused or selected day.\n         *\n         * This ensures that when using controller-only mode, focus moves back to the\n         * last focused day.\n         */\n        tabIndex={isControllerOnly && (isFocusedMetaDay || isFirstCurrMonthFallback) ? 0 : -1}\n        data-isfocused={isFocused}\n        data-testid={dataTestid}\n        type=\"button\"\n        getOwnerProps={getProps}\n        readOnlyStyles={readOnly || applyAriaDisabled}\n      >\n        {`${day.getDate()}`}\n      </StyledDayBtn>\n      <LiveRegion />\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmNnB,SAME,KANF;AAhNJ,SAAS,qBAAqB;AAC9B,SAAgB,aAAa,YAAY,eAAe;AACxD,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAGhD,SAAS,iBAAiB,gBAAgB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAO7B,MAAM,cAAc,EAAE,SAAS,OAAO;AAE/B,MAAM,MAAM,CAAC,EAAE,SAAS,UAAU,YAAY,MAAsC;AACzF,QAAM,EAAE,KAAK,gBAAgB,UAAU,WAAW,YAAY,IAAI;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,yBAAyB,UAAU,mBAAmB,eAAe;AAAA,IAC9E;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,IAAI,WAAW,+BAA+B;AAC9C,QAAM,EAAE,MAAM,WAAW,IAAI,cAAc,CAAC,CAAC;AAE7C,QAAM,EAAE,YAAY,WAAW,oBAAoB,yBAAyB,cAAc,IACxF,WAAW,eAAe;AAC5B,QAAM,mBAAmB,YAAY,MAAM,2BAA2B,SAAS,KAAK,YAAY,GAAG,IAAI;AAavG,QAAM,oBAAoB,QAAQ,MAAM,UAAU,KAAK,CAAC,iBAAiB,aAAa,cAAc,GAAG,CAAC,SAAS,CAAC;AAClH,QAAM,2BAA2B,QAAQ,MAAM;AAC7C,QAAI,CAAC,iBAAkB,QAAO;AAC9B,QAAI,YAAY,IAAK,QAAO;AAC5B,QAAI,CAAC,mBAAmB,IAAK,QAAO;AACpC,WAAO,2BAA2B,KAAK,kBAAkB,GAAG;AAAA,EAC9D,GAAG,CAAC,kBAAkB,YAAY,KAAK,mBAAmB,KAAK,GAAG,CAAC;AACnE,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,eAAe,qBAAqB,mBAAmB;AAC7D,WAAO,eAAe,iBAAiB,KAAK,YAAY,IAAI;AAAA,EAC9D,GAAG,CAAC,qBAAqB,GAAG,CAAC;AAC7B,QAAM,YAAY,4BAA4B,oBAAoB,oBAAoB;AACtF,QAAM,aAAa,iBAAiB,QAAQ,WAAW;AACvD,QAAM,eAAe,mBAAmB,QAAQ,WAAW;AAC3D,QAAM,kBAAkB,mBAAmB,QAAQ,WAAW;AAC9D,QAAM,gBAAgB,iBAAiB,QAAQ,WAAW;AAC1D,QAAM,uBAAuB,gBAAgB,QAAQ,WAAW;AAChE,QAAM,eAAe,CAAC,mBAAmB,CAAC,iBAAiB;AAE3D,QAAM,eAAe;AAAA,IACnB,MAAM,GAAG,yBAAyB,WAAW,CAAC,KAAK,SAAS,QAAQ,IAAI,OAAO,CAAC,CAAC;AAAA,IACjF,CAAC,aAAa,OAAO;AAAA,EACvB;AAEA,QAAM,6BAA6B,QAAQ,MAAM;AAC/C,QAAI,YAAY,QAAQ;AACtB,UAAI,aAAa,OAAQ,QAAO;AAChC,aAAO,cAAc,QAAQ,OAAO,MAAM;AAAA,IAC5C;AACA,QAAI,YAAY,CAAC,OAAQ,QAAO;AAChC,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,QAAM,mBAAmB;AAAA,IACvB,CAAC,MAA+D;AAC9D,8BAAwB,GAAG;AAC3B,UAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,CAAC,mBAAmB;AACnE,cAAM,gBAAgB,qBAAqB,GAAG;AAC9C,cAAM,WAAW,EAAE,GAAG,iBAAiB,cAAc;AACrD,cAAM,EAAE,OAAO,KAAK,WAAW,KAAK,IAAI,sBAAsB,GAAG;AACjE,yBAAiB,GAAG,QAAQ,CAAC,IAAI,GAAG,QAAQ;AAC5C,YAAI,UAAW,gBAAe,GAAG,SAAS,IAAI,GAAG,QAAQ;AACzD,wBAAgB,GAAG,IAAI,IAAI,GAAG,QAAQ;AACtC,uCAA+B,eAAe,QAAQ;AACtD,yCAAiC;AACjC,YAAI,CAAC,sBAAsB,CAAC,wBAAyB,eAAc;AACnE,aAAK,GAAG,YAAY,cAAc,CAAC,CAAC;AAAA,MACtC;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,IACF;AAAA,EACF;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,kBAAqC;AACpC,aAAO,sBAAsB,MAAM;AACjC,kBAAU,UAAU;AACpB,YAAI,UAAW,gBAAe,QAAQ;AAiBtC,YAAI,kBAAkB,qBAAqB,oBAAoB,2BAA2B;AACxF,yBAAe,UAAU;AAAA,QAC3B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,gBAAgB,WAAW,kBAAkB,kBAAkB,wBAAwB;AAAA,EACrG;AAEA,QAAM,mBAAmB,YAAY,MAAM;AACzC,qCAAiC;AAAA,EACnC,GAAG,CAAC,gCAAgC,CAAC;AAErC,QAAM,oBAAoB;AAAA,IACxB,MACE,cAAc,aAAa,iBAAiB,EAAE,GAAG,aAAa,iBAAiB,EAAE,GAC/E,eAAe,mBAAmB,EACpC,GAAG,YAAY,gBAAgB,EAAE,GAAG,kBAAkB,mBAAmB,EAAE,GACzE,uBAAuB,wBAAwB,EACjD,GAAG,eAAe,gBAAgB,EAAE,GAAG,gBAAgB,iBAAiB,EAAE,GACxE,iBAAiB,KAAK,iBACxB;AAAA,QACE,YAAY,oBAAoB,aAAa,EAAE;AAAA,IACnD;AAAA,MACE;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,MAAI,aACF,mCAAmC,SAAS;AAE9C,MAAI,WAAY,cAAa,mCAAmC,SAAS;AACzE,MAAI,UAAW,cAAa,mCAAmC,SAAS;AACxE,MAAI,aAAa,WAAY,cAAa,mCAAmC,SAAS;AACtF,MAAI,iBAAiB;AACnB,iBAAa,mCAAmC,SAAS;AACzD,QAAI,UAAW,MAAK,GAAG,YAAY,cAAc,0BAA0B,IAAI,CAAC,CAAC;AAAA,EACnF;AACA,MAAI,eAAe;AACjB,iBAAa,mCAAmC,SAAS;AACzD,QAAI,UAAW,MAAK,GAAG,YAAY,cAAc,0BAA0B,IAAI,CAAC,CAAC;AAAA,EACnF;AACA,MAAI,aAAc,cAAa,mCAAmC,SAAS;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAO,WAAW,cAAc;AAAA,MAChC,MAAK;AAAA,MACJ,GAAI,OAAO,UAAU,QAAQ,KAAK,EAAE,iBAAiB,SAAS;AAAA,MAE/D;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,cAAY;AAAA,YACZ,iBAAe,gBAAgB,cAAc,YAAY;AAAA,YACzD;AAAA,YACA,eAAa,CAAC,CAAC;AAAA,YACf,YAAW;AAAA,YACX,MAAK;AAAA,YACL,SAAS;AAAA,YACT,SAAS;AAAA,YACT,WAAW,CAAC,MAAoC;AAC9C,iCAAmB,GAAG,OAAO;AAAA,YAC/B;AAAA,YACA,UAAU;AAAA,YAaV,UAAU,qBAAqB,oBAAoB,4BAA4B,IAAI;AAAA,YACnF,kBAAgB;AAAA,YAChB,eAAa;AAAA,YACb,MAAK;AAAA,YACL,eAAe;AAAA,YACf,gBAAgB,YAAY;AAAA,YAE3B,aAAG,IAAI,QAAQ,CAAC;AAAA;AAAA,QACnB;AAAA,QACA,oBAAC,cAAW;AAAA;AAAA;AAAA,EACd;AAEJ;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -96,6 +96,9 @@ const propTypes = {
   "data-testid": PropTypes.string.description("Unique id for tests.").defaultValue(""),
   ...getPropsPerDatatestIdPropTypes(ControlledDateTimePickerDatatestid),
   innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description("inner ref for the month input"),
+  lastElementRef: PropTypes.oneOfType([PropTypes.object]).description(
+    "ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic"
+  ),
   fromDate: PropTypes.string.description(
     `Strictly formatted string representing user's selected "from" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`
   ),

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  type GlobalAttributesT,\n  type ValidationMap,\n  type XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { FORM_DATE_TIME_PICKER_SLOTS } from './constants/index.js';\nimport {\n  ControlledDateTimePickerDatatestid,\n  DSControlledDateTimePickerName,\n  DSControlledDateTimePickerSlotsFlatten,\n} from './constants/index.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): false => false;\n\nexport declare namespace DSControlledDateTimePickerT {\n  export type SlotFunctionArguments = {\n    dsControlleddatetimepickerRoot: () => object;\n    dsControlleddatetimepickerTimePickerMonthInput: () => object;\n    dsControlleddatetimepickerTimePickerDayInput: () => object;\n    dsControlleddatetimepickerTimePickerYearInput: () => object;\n    dsControlleddatetimepickerTimePickerHourInput: () => object;\n    dsControlleddatetimepickerTimePickerMinuteInput: () => object;\n    dsControlleddatetimepickerTimePickerMeridiemInput: () => object;\n    dsControlleddatetimepickerCalendarTriggerIcon: () => object;\n    dsControlleddatetimepickerTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarDay: () => object;\n    dsControlleddatetimepickerCalendarHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarHeaderButtons: () => object;\n    dsControlleddatetimepickerCalendarHeaderWeeklyDayList: () => object;\n    dsControlleddatetimepickerTimewheelTimeButton: () => object;\n    dsControlleddatetimepickerTimewheelTimeChangeButton: () => object;\n    dsControlleddatetimepickerTimewheelHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarContextContentWrapper: () => object;\n    dsControlleddatetimepickerTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarContextFooter: () => object;\n    dsControlleddatetimepickerTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarControllerWrapper: () => object;\n    dsControlleddatetimepickerTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerClearBtn: () => object;\n  };\n\n  type PropsT<Default, Required, Optional, SpecificHTMLElement> = Partial<Default> &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n\n  type InternalPropsT<Default, Required, Optional, SpecificHTMLElement> = Default &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n  type DataTestIdType = typeof ControlledDateTimePickerDatatestid;\n  // typescript type that rapresents the union of all the values for ControlledDateTimePickerDatatestid\n  export type FlatDataTestIdValues = {\n    [K in keyof DataTestIdType]: DataTestIdType[K] extends Record<string, unknown>\n      ? DataTestIdType[K][keyof DataTestIdType[K]] // this is only 1 level deep, but it's enough for our needs right now\n      : // can be extended to more levels if needed as follows:\n        // ? DataTestIdType[K][keyof DataTestIdType[K]] extends Record<string, unknown>\n        //   ? DataTestIdType[K][keyof DataTestIdType[K]][keyof DataTestIdType[K][keyof DataTestIdType[K]]]\n        //   : DataTestIdType[K][keyof DataTestIdType[K]]\n        DataTestIdType[K];\n  }[keyof DataTestIdType];\n\n  export type OnInternalValuesChangeEvent =\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLButtonElement>\n    | React.KeyboardEvent\n    | React.MouseEvent<HTMLInputElement>\n    | React.MouseEvent<HTMLButtonElement>\n    | React.MouseEvent<HTMLDivElement>;\n\n  export type ControlTypes =\n    | 'full-date-time'\n    | 'date-time-inputs'\n    | 'date-time-picker'\n    | 'date-time-picker-controller-only'\n    | 'full-date'\n    | 'date-inputs'\n    | 'date-picker'\n    | 'date-picker-controller-only'\n    | 'full-time'\n    | 'time-inputs'\n    | 'time-picker'\n    | 'time-picker-controller-only';\n  export interface InternalInputsChangeMetaInfo {\n    isAutomaticFillTrigger?: boolean;\n    isDayPresentInMonth?: boolean;\n    isOutOfRangeDay?: boolean;\n    isDisabledDay?: boolean;\n    isDisabledTime?: boolean;\n    suggestedErrorMsg?: string;\n    newDateTimeString?: string;\n    newDateString?: string;\n    newTimeString?: string;\n  }\n\n  export type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnInternalInputsChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo?: InternalInputsChangeMetaInfo,\n  ) => void;\n  export type AppOnInputChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo: InternalInputsChangeMetaInfo,\n  ) => void;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ DATE CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n  export interface DefaultDateProps {\n    onMonthChange: AppOnInputChange;\n    onDayChange: AppOnInputChange;\n    onYearChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsOutOfRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsStartRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsDayInRange: TypescriptHelpersT.BooleanGetter<string>;\n    getIsEndRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalDatePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    pickerFooterMsg?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    fromDate?: string;\n    toDate?: string;\n  }\n  export interface RequiredDatePickerProps {\n    type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';\n    date: string;\n    onDateChange: OnDateChange;\n  }\n  export type DatePickerProps = PropsT<\n    Partial<DefaultDateProps>,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalDatePickerProps = InternalPropsT<\n    DefaultDateProps,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ TIME CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n\n  export interface DefaultTimeProps {\n    onHourChange: AppOnInputChange;\n    onMinuteChange: AppOnInputChange;\n    onMeridiemChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledTime: TypescriptHelpersT.BooleanGetter<string>;\n    minutesInterval: number;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalTimePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    pickerFooterMsg?: string;\n    onTimeWheelOpenStartingTime?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  }\n  export interface RequiredTimePickerProps {\n    type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';\n    time: string;\n    onTimeChange: OnTimeChange;\n  }\n  export type TimePickerProps = PropsT<\n    Partial<DefaultTimeProps>,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalTimePickerProps = InternalPropsT<\n    DefaultTimeProps,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  /* -------------------- ---------------------- ------------------------*/\n  /* -------------------- DATETIME CONFIGURATION ------------------------*/\n  /* -------------------- ---------------------- ------------------------*/\n\n  export type DefaultDateTimeProps = DefaultTimeProps &\n    DefaultDateProps & {\n      onDateChange: OnDateChange;\n      onTimeChange: OnTimeChange;\n    };\n  export type OptionalDateTimeProps = OptionalTimePickerProps &\n    OptionalDatePickerProps &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    >;\n  export interface RequiredDateTimeProps {\n    type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';\n    dateTime: string;\n    onDateTimeChange: OnDateTimeChange;\n  }\n\n  export type DateTimePickerProps = PropsT<\n    Partial<DefaultDateTimeProps>,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n  export type InternalDateTimePickerProps = InternalPropsT<\n    DefaultDateTimeProps,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n\n  /* ---------------------- ------------------- -------------------------*/\n  /* ---------------------- FINAL CONFIGURATION -------------------------*/\n  /* ---------------------- ------------------- -------------------------*/\n  export type DefaultProps = DefaultDateTimeProps & { type: 'full-date-time' };\n\n  export type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;\n  export type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;\n}\n\nexport const defaultProps: DSControlledDateTimePickerT.DefaultProps = {\n  type: 'full-date-time',\n  onDateChange: noop,\n  onMonthChange: noop,\n  onDayChange: noop,\n  onYearChange: noop,\n  onTimeChange: noop,\n  onHourChange: noop,\n  onMinuteChange: noop,\n  onMeridiemChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  getIsStartRangeDay: defaultReturnFalse,\n  getIsDayInRange: defaultReturnFalse,\n  getIsEndRangeDay: defaultReturnFalse,\n  getIsDisabledTime: defaultReturnFalse,\n  minutesInterval: 1,\n  isClearable: false,\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  autoFocus: false,\n  preventCloseOnSelection: false,\n};\n\nexport const propTypes = {\n  ...getPropsPerSlotPropTypes(DSControlledDateTimePickerName, DSControlledDateTimePickerSlotsFlatten),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-time',\n    'date-time-inputs',\n    'date-time-picker',\n    'date-time-picker-controller-only',\n    'full-date',\n    'date-inputs',\n    'date-picker',\n    'date-picker-controller-only',\n    'full-time',\n    'time-inputs',\n    'time-picker',\n    'time-picker-controller-only',\n  ])\n    .description('Type of time form control to use')\n    .defaultValue('full-date-time'),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  isClearable: PropTypes.bool.description('with or without clearable button').defaultValue(false),\n  dateTime: PropTypes.string.description('when using date-time types, this is the value of the controller'),\n  date: PropTypes.string.description('when using date types, this is the value of the controller'),\n  time: PropTypes.string.description('when using time types, this is the value of the controller'),\n  onDateChange: PropTypes.func.description('(newDateString, metaInformations) => void'),\n  onTimeChange: PropTypes.func.description('(newTimeString, metaInformations) => void'),\n  onDateTimeChange: PropTypes.func.description('(newDateTimeString, metaInformations) => void'),\n  onMonthChange: PropTypes.func.description('(newMonthString, event, metaInformations) => void'),\n  onDayChange: PropTypes.func.description('(newDayString, event, metaInformations) => void'),\n  onYearChange: PropTypes.func.description('(newYearString, event, metaInformations) => void'),\n  onHourChange: PropTypes.func.description('(newHourString, event, metaInformations) => void'),\n  onMinuteChange: PropTypes.func.description('(newMinuteString, event, metaInformations) => void'),\n  onMeridiemChange: PropTypes.func.description('(newMeridiemString, event, metaInformations) => void'),\n  getIsDisabledDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsOutOfRangeDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsDisabledTime: PropTypes.func.description(\n    '(timeAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'which month to start the calendar on open, when value is empty, string following the \"MM/__/YYYY\" pattern',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string\n    .description('which day to focus on calendar open when value is empty, string following the \"MM/DD/YYYY\" pattern')\n    .defaultValue('if value is empty current month, else current month'),\n  onTimeWheelOpenStartingTime: PropTypes.string\n    .description(\n      'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA\" pattern',\n    )\n    .defaultValue('01:00 AM'),\n  minutesInterval: PropTypes.number\n    .description('increments/decrements of minutes in time related controllers interactions')\n    .defaultValue('1'),\n  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue(''),\n  ...getPropsPerDatatestIdPropTypes(ControlledDateTimePickerDatatestid),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('inner ref for the month input'),\n  fromDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"from\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  toDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"to\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  hasError: PropTypes.bool.description('whether the input has error or not').defaultValue(false),\n} as unknown as ValidationMap<DSControlledDateTimePickerT.Props>;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  type GlobalAttributesT,\n  type ValidationMap,\n  type XstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type React from 'react';\nimport type { FORM_DATE_TIME_PICKER_SLOTS } from './constants/index.js';\nimport {\n  ControlledDateTimePickerDatatestid,\n  DSControlledDateTimePickerName,\n  DSControlledDateTimePickerSlotsFlatten,\n} from './constants/index.js';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): false => false;\n\nexport declare namespace DSControlledDateTimePickerT {\n  export type SlotFunctionArguments = {\n    dsControlleddatetimepickerRoot: () => object;\n    dsControlleddatetimepickerTimePickerMonthInput: () => object;\n    dsControlleddatetimepickerTimePickerDayInput: () => object;\n    dsControlleddatetimepickerTimePickerYearInput: () => object;\n    dsControlleddatetimepickerTimePickerHourInput: () => object;\n    dsControlleddatetimepickerTimePickerMinuteInput: () => object;\n    dsControlleddatetimepickerTimePickerMeridiemInput: () => object;\n    dsControlleddatetimepickerCalendarTriggerIcon: () => object;\n    dsControlleddatetimepickerTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarTimewheelTriggerIcon: () => object;\n    dsControlleddatetimepickerCalendarDay: () => object;\n    dsControlleddatetimepickerCalendarHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarHeaderButtons: () => object;\n    dsControlleddatetimepickerCalendarHeaderWeeklyDayList: () => object;\n    dsControlleddatetimepickerTimewheelTimeButton: () => object;\n    dsControlleddatetimepickerTimewheelTimeChangeButton: () => object;\n    dsControlleddatetimepickerTimewheelHeaderLabel: () => object;\n    dsControlleddatetimepickerCalendarContextContentWrapper: () => object;\n    dsControlleddatetimepickerTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextContentWrapper: () => object;\n    dsControlleddatetimepickerCalendarContextFooter: () => object;\n    dsControlleddatetimepickerTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarTimewheelContextFooter: () => object;\n    dsControlleddatetimepickerCalendarControllerWrapper: () => object;\n    dsControlleddatetimepickerTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerCalendarTimewheelControllerWrapper: () => object;\n    dsControlleddatetimepickerClearBtn: () => object;\n  };\n\n  type PropsT<Default, Required, Optional, SpecificHTMLElement> = Partial<Default> &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n\n  type InternalPropsT<Default, Required, Optional, SpecificHTMLElement> = Default &\n    Required &\n    Optional &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof FORM_DATE_TIME_PICKER_SLOTS\n    > &\n    Omit<GlobalAttributesT<SpecificHTMLElement>, keyof Default | keyof Required | keyof Optional> &\n    Omit<XstyledProps, keyof Default | keyof Required | keyof Optional>;\n  type DataTestIdType = typeof ControlledDateTimePickerDatatestid;\n  // typescript type that rapresents the union of all the values for ControlledDateTimePickerDatatestid\n  export type FlatDataTestIdValues = {\n    [K in keyof DataTestIdType]: DataTestIdType[K] extends Record<string, unknown>\n      ? DataTestIdType[K][keyof DataTestIdType[K]] // this is only 1 level deep, but it's enough for our needs right now\n      : // can be extended to more levels if needed as follows:\n        // ? DataTestIdType[K][keyof DataTestIdType[K]] extends Record<string, unknown>\n        //   ? DataTestIdType[K][keyof DataTestIdType[K]][keyof DataTestIdType[K][keyof DataTestIdType[K]]]\n        //   : DataTestIdType[K][keyof DataTestIdType[K]]\n        DataTestIdType[K];\n  }[keyof DataTestIdType];\n\n  export type OnInternalValuesChangeEvent =\n    | React.ChangeEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLInputElement>\n    | React.KeyboardEvent<HTMLButtonElement>\n    | React.KeyboardEvent\n    | React.MouseEvent<HTMLInputElement>\n    | React.MouseEvent<HTMLButtonElement>\n    | React.MouseEvent<HTMLDivElement>;\n\n  export type ControlTypes =\n    | 'full-date-time'\n    | 'date-time-inputs'\n    | 'date-time-picker'\n    | 'date-time-picker-controller-only'\n    | 'full-date'\n    | 'date-inputs'\n    | 'date-picker'\n    | 'date-picker-controller-only'\n    | 'full-time'\n    | 'time-inputs'\n    | 'time-picker'\n    | 'time-picker-controller-only';\n  export interface InternalInputsChangeMetaInfo {\n    isAutomaticFillTrigger?: boolean;\n    isDayPresentInMonth?: boolean;\n    isOutOfRangeDay?: boolean;\n    isDisabledDay?: boolean;\n    isDisabledTime?: boolean;\n    suggestedErrorMsg?: string;\n    newDateTimeString?: string;\n    newDateString?: string;\n    newTimeString?: string;\n  }\n\n  export type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;\n  export type OnInternalInputsChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo?: InternalInputsChangeMetaInfo,\n  ) => void;\n  export type AppOnInputChange = (\n    val: string,\n    e: OnInternalValuesChangeEvent,\n    metaInfo: InternalInputsChangeMetaInfo,\n  ) => void;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ DATE CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n  export interface DefaultDateProps {\n    onMonthChange: AppOnInputChange;\n    onDayChange: AppOnInputChange;\n    onYearChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsOutOfRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsStartRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    getIsDayInRange: TypescriptHelpersT.BooleanGetter<string>;\n    getIsEndRangeDay: TypescriptHelpersT.BooleanGetter<string>;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalDatePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    emptyPickerStartingMonth?: string;\n    onCalendarOpenFocusedDay?: string;\n    pickerFooterMsg?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n    fromDate?: string;\n    toDate?: string;\n  }\n  export interface RequiredDatePickerProps {\n    type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';\n    date: string;\n    onDateChange: OnDateChange;\n  }\n  export type DatePickerProps = PropsT<\n    Partial<DefaultDateProps>,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalDatePickerProps = InternalPropsT<\n    DefaultDateProps,\n    RequiredDatePickerProps,\n    OptionalDatePickerProps,\n    HTMLDivElement\n  >;\n\n  /* ------------------------ ------------------ ------------------------*/\n  /* ------------------------ TIME CONFIGURATION ------------------------*/\n  /* ------------------------ ------------------ ------------------------*/\n\n  export interface DefaultTimeProps {\n    onHourChange: AppOnInputChange;\n    onMinuteChange: AppOnInputChange;\n    onMeridiemChange: AppOnInputChange;\n    onPickerOpen: TypescriptHelpersT.VoidGenericFunc;\n    onPickerClose: TypescriptHelpersT.VoidGenericFunc;\n    getIsDisabledTime: TypescriptHelpersT.BooleanGetter<string>;\n    minutesInterval: number;\n    isClearable: boolean;\n    disabled: boolean;\n    readOnly: boolean;\n    hasError: boolean;\n    autoFocus: boolean;\n    preventCloseOnSelection: boolean;\n  }\n  export interface OptionalTimePickerProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    > {\n    applyAriaDisabled?: boolean;\n    pickerFooterMsg?: string;\n    onTimeWheelOpenStartingTime?: string;\n    innerRef?:\n      | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n      | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n    lastElementRef?: React.MutableRefObject<HTMLElement | null>;\n    tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  }\n  export interface RequiredTimePickerProps {\n    type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';\n    time: string;\n    onTimeChange: OnTimeChange;\n  }\n  export type TimePickerProps = PropsT<\n    Partial<DefaultTimeProps>,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  export type InternalTimePickerProps = InternalPropsT<\n    DefaultTimeProps,\n    RequiredTimePickerProps,\n    OptionalTimePickerProps,\n    HTMLDivElement\n  >;\n\n  /* -------------------- ---------------------- ------------------------*/\n  /* -------------------- DATETIME CONFIGURATION ------------------------*/\n  /* -------------------- ---------------------- ------------------------*/\n\n  export type DefaultDateTimeProps = DefaultTimeProps &\n    DefaultDateProps & {\n      onDateChange: OnDateChange;\n      onTimeChange: OnTimeChange;\n    };\n  export type OptionalDateTimeProps = OptionalTimePickerProps &\n    OptionalDatePickerProps &\n    TypescriptHelpersT.PropsForGlobalOnSlots<\n      typeof DSControlledDateTimePickerName,\n      typeof DSControlledDateTimePickerSlotsFlatten\n    >;\n  export interface RequiredDateTimeProps {\n    type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';\n    dateTime: string;\n    onDateTimeChange: OnDateTimeChange;\n  }\n\n  export type DateTimePickerProps = PropsT<\n    Partial<DefaultDateTimeProps>,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n  export type InternalDateTimePickerProps = InternalPropsT<\n    DefaultDateTimeProps,\n    RequiredDateTimeProps,\n    OptionalDateTimeProps,\n    HTMLDivElement\n  >;\n\n  /* ---------------------- ------------------- -------------------------*/\n  /* ---------------------- FINAL CONFIGURATION -------------------------*/\n  /* ---------------------- ------------------- -------------------------*/\n  export type DefaultProps = DefaultDateTimeProps & { type: 'full-date-time' };\n\n  export type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;\n  export type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;\n}\n\nexport const defaultProps: DSControlledDateTimePickerT.DefaultProps = {\n  type: 'full-date-time',\n  onDateChange: noop,\n  onMonthChange: noop,\n  onDayChange: noop,\n  onYearChange: noop,\n  onTimeChange: noop,\n  onHourChange: noop,\n  onMinuteChange: noop,\n  onMeridiemChange: noop,\n  onPickerOpen: noop,\n  onPickerClose: noop,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  getIsStartRangeDay: defaultReturnFalse,\n  getIsDayInRange: defaultReturnFalse,\n  getIsEndRangeDay: defaultReturnFalse,\n  getIsDisabledTime: defaultReturnFalse,\n  minutesInterval: 1,\n  isClearable: false,\n  disabled: false,\n  readOnly: false,\n  hasError: false,\n  autoFocus: false,\n  preventCloseOnSelection: false,\n};\n\nexport const propTypes = {\n  ...getPropsPerSlotPropTypes(DSControlledDateTimePickerName, DSControlledDateTimePickerSlotsFlatten),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  type: PropTypes.oneOf([\n    'full-date-time',\n    'date-time-inputs',\n    'date-time-picker',\n    'date-time-picker-controller-only',\n    'full-date',\n    'date-inputs',\n    'date-picker',\n    'date-picker-controller-only',\n    'full-time',\n    'time-inputs',\n    'time-picker',\n    'time-picker-controller-only',\n  ])\n    .description('Type of time form control to use')\n    .defaultValue('full-date-time'),\n  disabled: PropTypes.bool.description('wheter or not the input is disabled').defaultValue(false),\n  applyAriaDisabled: PropTypes.bool.description(\n    'Whether to apply disabled styling and announce as disabled in SR. CAN STILL RECEIVE FOCUS. PREVENTS ONLY MAIN ACTION.',\n  ),\n  readOnly: PropTypes.bool\n    .description('Makes the component non-editable while remaining accessible')\n    .defaultValue(false),\n  isClearable: PropTypes.bool.description('with or without clearable button').defaultValue(false),\n  dateTime: PropTypes.string.description('when using date-time types, this is the value of the controller'),\n  date: PropTypes.string.description('when using date types, this is the value of the controller'),\n  time: PropTypes.string.description('when using time types, this is the value of the controller'),\n  onDateChange: PropTypes.func.description('(newDateString, metaInformations) => void'),\n  onTimeChange: PropTypes.func.description('(newTimeString, metaInformations) => void'),\n  onDateTimeChange: PropTypes.func.description('(newDateTimeString, metaInformations) => void'),\n  onMonthChange: PropTypes.func.description('(newMonthString, event, metaInformations) => void'),\n  onDayChange: PropTypes.func.description('(newDayString, event, metaInformations) => void'),\n  onYearChange: PropTypes.func.description('(newYearString, event, metaInformations) => void'),\n  onHourChange: PropTypes.func.description('(newHourString, event, metaInformations) => void'),\n  onMinuteChange: PropTypes.func.description('(newMinuteString, event, metaInformations) => void'),\n  onMeridiemChange: PropTypes.func.description('(newMeridiemString, event, metaInformations) => void'),\n  getIsDisabledDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsOutOfRangeDay: PropTypes.func.description(\n    '(dayAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  getIsDisabledTime: PropTypes.func.description(\n    '(timeAsString) => true for marking as disabled, false for marking as valid',\n  ),\n  emptyPickerStartingMonth: PropTypes.string.description(\n    'which month to start the calendar on open, when value is empty, string following the \"MM/__/YYYY\" pattern',\n  ),\n  onCalendarOpenFocusedDay: PropTypes.string\n    .description('which day to focus on calendar open when value is empty, string following the \"MM/DD/YYYY\" pattern')\n    .defaultValue('if value is empty current month, else current month'),\n  onTimeWheelOpenStartingTime: PropTypes.string\n    .description(\n      'which day to start the timewheel on picker open when value is empty, string following the HH:MM AA\" pattern',\n    )\n    .defaultValue('01:00 AM'),\n  minutesInterval: PropTypes.number\n    .description('increments/decrements of minutes in time related controllers interactions')\n    .defaultValue('1'),\n  'data-testid': PropTypes.string.description('Unique id for tests.').defaultValue(''),\n  ...getPropsPerDatatestIdPropTypes(ControlledDateTimePickerDatatestid),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('inner ref for the month input'),\n  lastElementRef: PropTypes.oneOfType([PropTypes.object]).description(\n    'ref for the last focusable element in the component based on its configuration, used for focus management in focus trap logic',\n  ),\n  fromDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"from\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  toDate: PropTypes.string.description(\n    `Strictly formatted string representing user's selected \"to\" date, this prop comes from the DateRangePicker and it's used internally for the range selection announcement`,\n  ),\n  hasError: PropTypes.bool.description('whether the input has error or not').defaultValue(false),\n} as unknown as ValidationMap<DSControlledDateTimePickerT.Props>;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/utils/constants.js

@@ -35,15 +35,15 @@ const announcableCardinalDays = {
   18: "eighteenth",
   19: "ninteenth",
   20: "twentieth",
-  21: "twentie first",
-  22: "twentie second",
-  23: "twentie third",
-  24: "twentie fourth",
-  25: "twentie fifth",
-  26: "twentie sixth",
-  27: "twentie seventh",
-  28: "twentie eighth",
-  29: "twentie ninth",
+  21: "twenty first",
+  22: "twenty second",
+  23: "twenty third",
+  24: "twenty fourth",
+  25: "twenty fifth",
+  26: "twenty sixth",
+  27: "twenty seventh",
+  28: "twenty eighth",
+  29: "twenty ninth",
   30: "thirtieth",
   31: "thirty first"
 };

package/dist/esm/utils/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;\n\nexport const monthNames = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n] as const;\n\nexport const announcableCardinalDays = {\n  1: 'first',\n  2: 'second',\n  3: 'third',\n  4: 'fourth',\n  5: 'fifth',\n  6: 'sixth',\n  7: 'seventh',\n  8: 'eighth',\n  9: 'ninth',\n  10: 'tenth',\n  11: 'eleventh',\n  12: 'twelfth',\n  13: 'thirteenth',\n  14: 'fourteenth',\n  15: 'fifteenth',\n  16: 'sixteenth',\n  17: 'seventeenth',\n  18: 'eighteenth',\n  19: 'ninteenth',\n  20: 'twentieth',\n  21: 'twentie first',\n  22: 'twentie second',\n  23: 'twentie third',\n  24: 'twentie fourth',\n  25: 'twentie fifth',\n  26: 'twentie sixth',\n  27: 'twentie seventh',\n  28: 'twentie eighth',\n  29: 'twentie ninth',\n  30: 'thirtieth',\n  31: 'thirty first',\n} as const;\n\nexport const defaultMetaInfo = { isAutomaticFillTrigger: false };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] as const;\n\nexport const monthNames = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n] as const;\n\nexport const announcableCardinalDays = {\n  1: 'first',\n  2: 'second',\n  3: 'third',\n  4: 'fourth',\n  5: 'fifth',\n  6: 'sixth',\n  7: 'seventh',\n  8: 'eighth',\n  9: 'ninth',\n  10: 'tenth',\n  11: 'eleventh',\n  12: 'twelfth',\n  13: 'thirteenth',\n  14: 'fourteenth',\n  15: 'fifteenth',\n  16: 'sixteenth',\n  17: 'seventeenth',\n  18: 'eighteenth',\n  19: 'ninteenth',\n  20: 'twentieth',\n  21: 'twenty first',\n  22: 'twenty second',\n  23: 'twenty third',\n  24: 'twenty fourth',\n  25: 'twenty fifth',\n  26: 'twenty sixth',\n  27: 'twenty seventh',\n  28: 'twenty eighth',\n  29: 'twenty ninth',\n  30: 'thirtieth',\n  31: 'thirty first',\n} as const;\n\nexport const defaultMetaInfo = { isAutomaticFillTrigger: false };\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,WAAW,CAAC,UAAU,UAAU,WAAW,aAAa,YAAY,UAAU,UAAU;AAE9F,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,MAAM,kBAAkB,EAAE,wBAAwB,MAAM;",
   "names": []
 }

package/dist/types/config/useFocusTracker.d.ts

@@ -33,6 +33,6 @@ export declare const useFocusTracker: ({ DOMRefs, flags }: Config) => {
     trackFocusPicker: () => void;
     trackFocusFirstSegment: () => void;
     trackFocusLastSegment: () => void;
-    handleComponentBlurs: () => void;
+    handleComponentBlurs: (e: React.FocusEvent<HTMLElement>) => void;
 };
 export {};

package/dist/types/react-desc-prop-types.d.ts

@@ -81,6 +81,7 @@ export declare namespace DSControlledDateTimePickerT {
         onCalendarOpenFocusedDay?: string;
         pickerFooterMsg?: string;
         innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);
+        lastElementRef?: React.MutableRefObject<HTMLElement | null>;
         tabIndex?: TypescriptHelpersT.WCAGTabIndex;
         fromDate?: string;
         toDate?: string;
@@ -112,6 +113,7 @@ export declare namespace DSControlledDateTimePickerT {
         pickerFooterMsg?: string;
         onTimeWheelOpenStartingTime?: string;
         innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);
+        lastElementRef?: React.MutableRefObject<HTMLElement | null>;
         tabIndex?: TypescriptHelpersT.WCAGTabIndex;
     }
     interface RequiredTimePickerProps {

package/dist/types/tests/playwright-tests/full/ControlledTestRenderer.d.ts

@@ -0,0 +1,2 @@
+export const ControlledTestRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
+import React from 'react';

package/dist/types/utils/constants.d.ts

@@ -21,15 +21,15 @@ export declare const announcableCardinalDays: {
     readonly 18: "eighteenth";
     readonly 19: "ninteenth";
     readonly 20: "twentieth";
-    readonly 21: "twentie first";
-    readonly 22: "twentie second";
-    readonly 23: "twentie third";
-    readonly 24: "twentie fourth";
-    readonly 25: "twentie fifth";
-    readonly 26: "twentie sixth";
-    readonly 27: "twentie seventh";
-    readonly 28: "twentie eighth";
-    readonly 29: "twentie ninth";
+    readonly 21: "twenty first";
+    readonly 22: "twenty second";
+    readonly 23: "twenty third";
+    readonly 24: "twenty fourth";
+    readonly 25: "twenty fifth";
+    readonly 26: "twenty sixth";
+    readonly 27: "twenty seventh";
+    readonly 28: "twenty eighth";
+    readonly 29: "twenty ninth";
     readonly 30: "thirtieth";
     readonly 31: "thirty first";
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-date-time-picker",
-  "version": "3.60.0-next.4",
+  "version": "3.60.0-next.41",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Date Time Picker",
   "files": [
@@ -35,44 +35,43 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
-    "lint": "node ../../../scripts/lint.mjs --fix",
-    "lint:strict": "node ../../../scripts/lint-strict.mjs",
-    "dts": "node ../../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
-  },
   "dependencies": {
-    "@elliemae/ds-accessibility": "3.60.0-next.4",
-    "@elliemae/ds-button-v2": "3.60.0-next.4",
-    "@elliemae/ds-grid": "3.60.0-next.4",
-    "@elliemae/ds-icons": "3.60.0-next.4",
-    "@elliemae/ds-popperjs": "3.60.0-next.4",
-    "@elliemae/ds-props-helpers": "3.60.0-next.4",
-    "@elliemae/ds-system": "3.60.0-next.4",
-    "@elliemae/ds-typescript-helpers": "3.60.0-next.4"
+    "@elliemae/ds-accessibility": "3.60.0-next.41",
+    "@elliemae/ds-button-v2": "3.60.0-next.41",
+    "@elliemae/ds-system": "3.60.0-next.41",
+    "@elliemae/ds-icons": "3.60.0-next.41",
+    "@elliemae/ds-props-helpers": "3.60.0-next.41",
+    "@elliemae/ds-grid": "3.60.0-next.41",
+    "@elliemae/ds-popperjs": "3.60.0-next.41",
+    "@elliemae/ds-typescript-helpers": "3.60.0-next.41"
   },
   "devDependencies": {
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.4",
-    "@elliemae/ds-test-utils": "3.60.0-next.4",
-    "@elliemae/pui-cli": "catalog:",
-    "@elliemae/pui-theme": "catalog:",
-    "jest": "catalog:",
-    "styled-components": "catalog:",
-    "styled-system": "catalog:"
+    "@elliemae/pui-theme": "~2.13.0",
+    "@playwright/experimental-ct-react": "^1.51.1",
+    "jest": "^30.0.0",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5",
+    "@elliemae/ds-test-utils": "3.60.0-next.41",
+    "@elliemae/ds-monorepo-devops": "3.60.0-next.41"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:",
-    "styled-system": "catalog:"
+    "@elliemae/pui-theme": "~2.13.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
     "typeSafety": false
   },
-  "gitHead": "bcc10d7a07fb79a164f583f4e25438ca936aa656"
-}
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}