@elliemae/ds-form-date-time-picker 3.60.0-next.9 → 3.61.0-rc.1

package/dist/cjs/config/useControlledDateTimePicker.js

@@ -34,6 +34,7 @@ module.exports = __toCommonJS(useControlledDateTimePicker_exports);
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_uid = require("uid");
 var import_useGetPropsWithDefault = require("./useGetPropsWithDefault.js");
 var import_useFocusTracker = require("./useFocusTracker.js");
 var import_useGetFlags = require("./useGetFlags.js");
@@ -46,6 +47,7 @@ var import_useGlobalKeyHandlers = require("./useGlobalKeyHandlers.js");
 var import_useValidateProps = require("./useValidateProps.js");
 const useControlledDateTimePicker = (props) => {
   (0, import_useValidateProps.useValidateProps)(props);
+  const instanceUid = (0, import_react.useMemo)(() => `ds-dtp-${(0, import_uid.uid)(6)}`, []);
   const propsWithDefaults = (0, import_useGetPropsWithDefault.useGetDatePickerWithDefaultsProps)(props);
   const flags = (0, import_useGetFlags.useGetFlags)(propsWithDefaults);
   const DOMRefs = (0, import_useGetReferences.useGetReferences)(flags);
@@ -72,6 +74,7 @@ const useControlledDateTimePicker = (props) => {
       props: propsWithDefaults,
       getProps,
       ariaCurrentValueForInputs,
+      instanceUid,
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
       xstyledAttrs,
       globalAttrs,
@@ -88,6 +91,7 @@ const useControlledDateTimePicker = (props) => {
       propsWithDefaults,
       getProps,
       ariaCurrentValueForInputs,
+      instanceUid,
       xstyledAttrs,
       globalAttrs,
       focusTrackers,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useControlledDateTimePicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault.js';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport { useGetFlags } from './useGetFlags.js';\nimport { useGetReferences } from './useGetReferences.js';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps.js';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport { useGetDestructuredValues } from './useGetDestructuredValues.js';\nimport { useChangeHandlers } from './useChangeHandlers.js';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n  ReturnType<typeof useFocusTracker> &\n  ReturnType<typeof useGetReferences> &\n  ReturnType<typeof useGetPropsBasedOnType> &\n  ReturnType<typeof useRelevantValueFromProps> &\n  ReturnType<typeof useGetDestructuredValues> &\n  ReturnType<typeof useChangeHandlers> &\n  ReturnType<typeof useGlobalKeyHandlers> & {\n    props: DSControlledDateTimePickerT.InternalProps;\n    getProps: () => DSControlledDateTimePickerT.InternalProps;\n    ariaCurrentValueForInputs: string;\n    globalAttrs: Record<string, unknown>;\n    xstyledAttrs: Record<string, unknown>;\n  };\n\nexport const useControlledDateTimePicker = (\n  props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n\n  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n  const flags = useGetFlags(propsWithDefaults);\n  const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n  const focusTrackers = useFocusTracker({ DOMRefs, flags });\n  const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n  const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n  const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n  const changeHandlers = useChangeHandlers({\n    relevantValues,\n    destructuredValues,\n    propsBasedOnType,\n    DOMRefs,\n    focusTrackers,\n  });\n\n  const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n  const { announcedDateValues, announcedTimeValues } = destructuredValues;\n  const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n    isDateTimeSelector ? ', ' : ''\n  }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n  const getProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n\n  const ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      xstyledAttrs,\n      globalAttrs,\n      ...focusTrackers,\n      ...flags,\n      ...DOMRefs,\n      ...relevantValues,\n      ...propsBasedOnType,\n      ...destructuredValues,\n      ...changeHandlers,\n      ...globalKeyHandlers,\n    }),\n    [\n      propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      xstyledAttrs,\n      globalAttrs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,8BAA2D;AAC3D,oCAAkD;AAClD,6BAAgC;AAChC,yBAA4B;AAC5B,8BAAiC;AACjC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,+BAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AAkB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,gDAAiB,KAAK;AAEtB,QAAM,wBAAoB,iEAAkC,KAAK;AAEjE,QAAM,YAAQ,gCAAY,iBAAiB;AAC3C,QAAM,cAAU,0CAAiB,KAAK;AACtC,QAAM,oBAAgB,wCAAgB,EAAE,SAAS,MAAM,CAAC;AACxD,QAAM,qBAAiB,4DAA0B,iBAAiB;AAClE,QAAM,uBAAmB,sDAAuB,iBAAiB;AACjE,QAAM,yBAAqB,0DAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,qBAAiB,4CAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,wBAAoB,kDAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,kBAAc,gDAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,oBAAoB,IAAI;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,iBAAiB,IAAI;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,mBAAmB,KAAK,EAAE,GACnG,qBAAqB,OAAO,EAC9B,GAAG,mBAAmB,GAAG,mBAAmB,KAAK,EAAE;AAEnD,QAAM,eAAW,0BAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAEzE,QAAM,MAAM,aAAAA,QAAM;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import React, { useCallback, useMemo } from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { useGetDatePickerWithDefaultsProps } from './useGetPropsWithDefault.js';\nimport { useFocusTracker } from './useFocusTracker.js';\nimport { useGetFlags } from './useGetFlags.js';\nimport { useGetReferences } from './useGetReferences.js';\nimport { useRelevantValueFromProps } from './useRelevantValueFromProps.js';\nimport { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';\nimport { useGetDestructuredValues } from './useGetDestructuredValues.js';\nimport { useChangeHandlers } from './useChangeHandlers.js';\nimport { useGlobalKeyHandlers } from './useGlobalKeyHandlers.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';\n\nexport type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> &\n  ReturnType<typeof useFocusTracker> &\n  ReturnType<typeof useGetReferences> &\n  ReturnType<typeof useGetPropsBasedOnType> &\n  ReturnType<typeof useRelevantValueFromProps> &\n  ReturnType<typeof useGetDestructuredValues> &\n  ReturnType<typeof useChangeHandlers> &\n  ReturnType<typeof useGlobalKeyHandlers> & {\n    props: DSControlledDateTimePickerT.InternalProps;\n    getProps: () => DSControlledDateTimePickerT.InternalProps;\n    ariaCurrentValueForInputs: string;\n    globalAttrs: Record<string, unknown>;\n    xstyledAttrs: Record<string, unknown>;\n    instanceUid: string;\n  };\n\nexport const useControlledDateTimePicker = (\n  props: DSControlledDateTimePickerT.Props,\n): ControlledDateTimePickerContextT => {\n  // if we detect wrong props configuration we throw meaningful errors\n  useValidateProps(props);\n\n  const instanceUid = useMemo(() => `ds-dtp-${uid(6)}`, []);\n  const propsWithDefaults = useGetDatePickerWithDefaultsProps(props);\n\n  const flags = useGetFlags(propsWithDefaults);\n  const DOMRefs = useGetReferences(flags); // refs are used for \"auto-advance\" feature\n  const focusTrackers = useFocusTracker({ DOMRefs, flags });\n  const relevantValues = useRelevantValueFromProps(propsWithDefaults);\n  const propsBasedOnType = useGetPropsBasedOnType(propsWithDefaults);\n  const destructuredValues = useGetDestructuredValues({ ...propsBasedOnType, ...flags });\n  const changeHandlers = useChangeHandlers({\n    relevantValues,\n    destructuredValues,\n    propsBasedOnType,\n    DOMRefs,\n    focusTrackers,\n  });\n\n  const globalKeyHandlers = useGlobalKeyHandlers({ changeHandlers, propsBasedOnType, DOMRefs, flags, focusTrackers });\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  // const dataAttrs = getDataProps<DSControlledDateTimePickerT.InternalProps>(propsWithDefaults);\n\n  const xstyledAttrs = useGetXstyledProps(propsWithDefaults) as Record<string, unknown>;\n\n  const globalAttrs = useGetGlobalAttributes(propsWithDefaults) as Record<string, unknown>;\n\n  const { announcedDateValues, announcedTimeValues } = destructuredValues;\n  const { isWithDateInputs, isDateTimeSelector, isWithTimeInputs } = flags;\n\n  const ariaCurrentValueForInputs = `current values: ${isWithDateInputs ? `${announcedDateValues}` : ''}${\n    isDateTimeSelector ? ', ' : ''\n  }${isWithTimeInputs ? `${announcedTimeValues}` : ''}`;\n\n  const getProps = useCallback(() => propsWithDefaults, [propsWithDefaults]);\n\n  const ctx = React.useMemo(\n    () => ({\n      props: propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      instanceUid,\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n      xstyledAttrs,\n      globalAttrs,\n      ...focusTrackers,\n      ...flags,\n      ...DOMRefs,\n      ...relevantValues,\n      ...propsBasedOnType,\n      ...destructuredValues,\n      ...changeHandlers,\n      ...globalKeyHandlers,\n    }),\n    [\n      propsWithDefaults,\n      getProps,\n      ariaCurrentValueForInputs,\n      instanceUid,\n      xstyledAttrs,\n      globalAttrs,\n      focusTrackers,\n      flags,\n      DOMRefs,\n      relevantValues,\n      propsBasedOnType,\n      destructuredValues,\n      changeHandlers,\n      globalKeyHandlers,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,8BAA2D;AAC3D,iBAAoB;AACpB,oCAAkD;AAClD,6BAAgC;AAChC,yBAA4B;AAC5B,8BAAiC;AACjC,uCAA0C;AAC1C,oCAAuC;AACvC,sCAAyC;AACzC,+BAAkC;AAClC,kCAAqC;AACrC,8BAAiC;AAmB1B,MAAM,8BAA8B,CACzC,UACqC;AAErC,gDAAiB,KAAK;AAEtB,QAAM,kBAAc,sBAAQ,MAAM,cAAU,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AACxD,QAAM,wBAAoB,iEAAkC,KAAK;AAEjE,QAAM,YAAQ,gCAAY,iBAAiB;AAC3C,QAAM,cAAU,0CAAiB,KAAK;AACtC,QAAM,oBAAgB,wCAAgB,EAAE,SAAS,MAAM,CAAC;AACxD,QAAM,qBAAiB,4DAA0B,iBAAiB;AAClE,QAAM,uBAAmB,sDAAuB,iBAAiB;AACjE,QAAM,yBAAqB,0DAAyB,EAAE,GAAG,kBAAkB,GAAG,MAAM,CAAC;AACrF,QAAM,qBAAiB,4CAAkB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,wBAAoB,kDAAqB,EAAE,gBAAgB,kBAAkB,SAAS,OAAO,cAAc,CAAC;AAKlH,QAAM,mBAAe,4CAAmB,iBAAiB;AAEzD,QAAM,kBAAc,gDAAuB,iBAAiB;AAE5D,QAAM,EAAE,qBAAqB,oBAAoB,IAAI;AACrD,QAAM,EAAE,kBAAkB,oBAAoB,iBAAiB,IAAI;AAEnE,QAAM,4BAA4B,mBAAmB,mBAAmB,GAAG,mBAAmB,KAAK,EAAE,GACnG,qBAAqB,OAAO,EAC9B,GAAG,mBAAmB,GAAG,mBAAmB,KAAK,EAAE;AAEnD,QAAM,eAAW,0BAAY,MAAM,mBAAmB,CAAC,iBAAiB,CAAC;AAEzE,QAAM,MAAM,aAAAA,QAAM;AAAA,IAChB,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": ["React"]
 }

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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKvB,mBAA+C;AAwCxC,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAAM,MAAc;AAC7D,QAAM,CAAC,yBAAyB,0BAA0B,QAAI,uBAAkC,EAAE;AAClG,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAA6B,EAAE;AACnF,QAAM,EAAE,cAAc,YAAY,IAAI;AACtC,QAAM,EAAE,gBAAgB,gBAAgB,iBAAiB,IAAI;AAE7D,QAAM,uBAAmB,0BAAY,MAAM;AACzC,QAAI,SAAS;AACb,QAAI,eAAgB,UAAS;AAC7B,QAAI,eAAgB,UAAS;AAC7B,QAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,QAAI,WAAW,mBAAoB,uBAAsB,MAAM;AAAA,EACjE,GAAG,CAAC,oBAAoB,gBAAgB,gBAAgB,uBAAuB,CAAC;AAUhF,QAAM,6BAAyB,0BAAY,MAAM;AAC/C,QAAI,SAAS;AACb,QAAI,iBAAiB,aAAc,UAAS;AAC5C,QAAI,iBAAiB,mBAAoB,UAAS;AAClD,QAAI,iBAAiB,mBAAoB,UAAS;AAClD,QAAI,iBAAiB,uBAAwB,UAAS;AACtD,QAAI,WAAW,wBAAyB,4BAA2B,MAAM;AACzE,QAAI,iBAAiB,mBAAoB,uBAAsB,YAAY;AAAA,EAC7E,GAAG,CAAC,oBAAoB,cAAc,uBAAuB,CAAC;AAW9D,QAAM,4BAAwB,0BAAY,MAAM;AAC9C,QAAI,SAAS;AACb,QAAI,gBAAgB,iBAAkB,UAAS;AAC/C,QAAI,gBAAgB,YAAa,UAAS;AAC1C,QAAI,gBAAgB,mBAAoB,UAAS;AACjD,QAAI,gBAAgB,mBAAoB,UAAS;AACjD,QAAI,gBAAgB,uBAAwB,UAAS;AACrD,QAAI,WAAW,wBAAyB,4BAA2B,MAAM;AACzE,QAAI,gBAAgB,mBAAoB,uBAAsB,WAAW;AAAA,EAC3E,GAAG,CAAC,oBAAoB,aAAa,uBAAuB,CAAC;AAE7D,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,QAAI,4BAA4B,GAAI,4BAA2B,EAAE;AACjE,QAAI,uBAAuB,GAAI,uBAAsB,EAAE;AAAA,EACzD,GAAG,CAAC,oBAAoB,uBAAuB,CAAC;AAEhD,QAAM,2BAAuB;AAAA,IAC3B,CAAC,MAAqC;AAMpC,UAAI,kBAAkB;AACpB,cAAM,gBAAgB,EAAE;AACxB,YAAI,iBAAkB,EAAE,cAA8B,SAAS,aAAa,GAAG;AAC7E;AAAA,QACF;AACA,2BAAmB;AACnB;AAAA,MACF;AAgBA,UAAI,qBAAqB;AAEzB,UAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,6BAAqB;AAEvB,UAAI,4BAA4B,mBAAmB,uBAAuB;AACxE,6BAAqB;AAGvB,UAAI,4BAA4B,eAAe,uBAAuB;AACpE,6BAAqB;AAEvB,UAAI,mBAAoB;AACxB,yBAAmB;AAAA,IACrB;AAAA,IACA,CAAC,oBAAoB,kBAAkB,yBAAyB,kBAAkB;AAAA,EACpF;AAEA,aAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,sBAAsB,MAAM;AAC1B,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,cAAe,uBAAsB,aAAa;AAAA,MAC/E;AAAA,MACA,oBAAoB,MAAM;AACxB,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,YAAa,uBAAsB,WAAW;AAAA,MAC3E;AAAA,MACA,qBAAqB,MAAM;AACzB,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,aAAc,uBAAsB,YAAY;AAAA,MAC7E;AAAA,MACA,qBAAqB,MAAM;AACzB,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,aAAc,uBAAsB,YAAY;AAAA,MAC7E;AAAA,MACA,uBAAuB,MAAM;AAC3B,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,eAAgB,uBAAsB,cAAc;AAAA,MACjF;AAAA,MACA,yBAAyB,MAAM;AAC7B,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,iBAAkB,uBAAsB,gBAAgB;AAAA,MACrF;AAAA,MACA,oBAAoB,MAAM;AACxB,YAAI,4BAA4B,YAAa,4BAA2B,WAAW;AACnF,YAAI,uBAAuB,YAAa,uBAAsB,WAAW;AAAA,MAC3E;AAAA,MACA,0BAA0B,MAAM;AAC9B,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,mBAAoB,uBAAsB,kBAAkB;AAAA,MACzF;AAAA,MACA,0BAA0B,MAAM;AAC9B,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,mBAAoB,uBAAsB,kBAAkB;AAAA,MACzF;AAAA,MACA,8BAA8B,MAAM;AAClC,YAAI,4BAA4B,cAAe,4BAA2B,aAAa;AACvF,YAAI,uBAAuB,uBAAwB,uBAAsB,sBAAsB;AAAA,MACjG;AAAA,MACA,6BAA6B,MAAM;AACjC,YAAI,4BAA4B,gBAAiB,4BAA2B,eAAe;AAC3F,YAAI,uBAAuB,sBAAuB,uBAAsB,qBAAqB;AAAA,MAC/F;AAAA,MACA,6BAA6B,MAAM;AACjC,YAAI,4BAA4B,gBAAiB,4BAA2B,eAAe;AAC3F,YAAI,uBAAuB,sBAAuB,uBAAsB,qBAAqB;AAAA,MAC/F;AAAA,MACA,4BAA4B,MAAM;AAChC,YAAI,4BAA4B,gBAAiB,4BAA2B,eAAe;AAC3F,YAAI,uBAAuB,qBAAsB,uBAAsB,oBAAoB;AAAA,MAC7F;AAAA,MACA,4BAA4B,MAAM;AAChC,YAAI,4BAA4B,gBAAiB,4BAA2B,eAAe;AAC3F,YAAI,uBAAuB,qBAAsB,uBAAsB,oBAAoB;AAAA,MAC7F;AAAA,MACA,kCAAkC,MAAM;AACtC,YAAI,4BAA4B,gBAAiB,4BAA2B,eAAe;AAC3F,YAAI,uBAAuB,2BAA4B,uBAAsB,0BAA0B;AAAA,MACzG;AAAA,MACA,6BAA6B,MAAM;AACjC,YAAI,4BAA4B,YAAa,4BAA2B,WAAW;AACnF,YAAI,uBAAuB,sBAAuB,uBAAsB,qBAAqB;AAAA,MAC/F;AAAA,MACA,+BAA+B,MAAM;AACnC,YAAI,4BAA4B,YAAa,4BAA2B,WAAW;AACnF,YAAI,uBAAuB,wBAAyB,uBAAsB,uBAAuB;AAAA,MACnG;AAAA,MACA,iCAAiC,MAAM;AACrC,YAAI,4BAA4B,YAAa,4BAA2B,WAAW;AACnF,YAAI,uBAAuB,0BAA2B,uBAAsB,yBAAyB;AAAA,MACvG;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/constants/index.js

@@ -110,6 +110,18 @@ const PRE_EXISTING_DATA_TESTID = {
   TIMEWHEEL_MERIDIEM: "ds-controlled-date-time-picker-timewheel-meridiem",
   TIMEWHEEL_CURRENT_MERIDIEM: "ds-controlled-date-time-picker-timewheel-current-meridiem",
   TIMEWHEEL_NEXT_MERIDIEM: "ds-controlled-date-time-picker-timewheel-next-meridiem",
+  // MeridiemList renders a dual-layer pattern (see KNOWN_INTENTIONAL_DEVIATIONS.md DEV-001):
+  //   - A11y layer: invisible semantic listbox — the real focus target, owns CURRENT_MERIDIEM above.
+  //   - Visual layer: aria-hidden StyledTimeBtn elements — presentation only, no focus capability.
+  //
+  // CURRENT_MERIDIEM / MERIDIEM originally lived on the visual elements. When the a11y layer became
+  // the focus target, CURRENT_MERIDIEM moved to the listbox. The visual elements received
+  // -visual-element-suffixed testids to prevent DOM query duplication (getByTestId would otherwise
+  // return two elements with the same testid and throw in most automation frameworks).
+  //
+  // data-dimsum-slot on StyledTimeBtn (TIMEWHEEL_TIME_BUTTON) is unaffected — theming via slots is unchanged.
+  TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT: "ds-controlled-date-time-picker-timewheel-meridiem-visual-element",
+  TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT: "ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element",
   CONTEXTUAL_MENU_CALENDAR: "ds-controlled-date-time-picker-calendar-context-content-wrapper",
   CONTEXTUAL_MENU_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-content-wrapper",
   CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper",
@@ -217,7 +229,9 @@ const ControlledDateTimePickerDatatestid = {
     PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,
     MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,
     CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,
-    NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM
+    NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,
+    MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT,
+    CURRENT_MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT
   },
   CONTEXTUAL_MENU: {
     CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSControlledDateTimePickerName = 'DSControlleddatetimepicker';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_SLOTS = {\n  CONTAINER: 'root',\n  // THE SLOT IS ABOUT \"DATE\" EVEN IF THE STRING SAYS \"time-...\"\n  //  When this was first defined there was a typo in the string, now we can't change because it is a deliverable and would impact application space.\n  DATE_INPUTS_MONTH: 'time-picker-month-input',\n  DATE_INPUTS_DAY: 'time-picker-day-input',\n  DATE_INPUTS_YEAR: 'time-picker-year-input',\n  // end of typo\n  TIME_INPUTS_HOUR: 'time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  CALENDAR_DAY_BUTTON: 'calendar-day',\n  CALENDAR_HEADER_LABEL: 'calendar-header-label',\n  CALENDAR_HEADER_BUTTON: 'calendar-header-buttons',\n  CALENDAR_HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  TIMEWHEEL_TIME_BUTTON: 'timewheel-time-button',\n  TIMEWHEEL_TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n  TIMEWHEEL_HEADER_LABEL: 'timewheel-header-label',\n  CONTEXTUAL_MENU_CALENDAR: 'calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  FOOTERS_CALENDAR: 'calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  CONTROLLER_COMPONENT_CALENDAR: 'calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  CLEAR_BUTTON: 'clear-btn',\n} as const;\n\nconst PRE_EXISTING_DATA_TESTID = {\n  // we are keeping the old names for backward compatibility...\n  CONTAINER: 'ds-controlled-date-time-picker-container',\n  DATE_INPUTS_MONTH: 'ds-controlled-date-time-picker-month-input',\n  DATE_INPUTS_DAY: 'ds-controlled-date-time-picker-day-input',\n  DATE_INPUTS_YEAR: 'ds-controlled-date-time-picker-year-input',\n  TIME_INPUTS_HOUR: 'ds-controlled-date-time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'ds-controlled-date-time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n  CALENDAR_TABLE_WRAPPER: 'ds-controlled-date-time-picker-calendar-table-wrapper',\n  CALENDAR_HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n  CALENDAR_PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n  CALENDAR_PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n  CALENDAR_DAY: 'ds-controlled-date-time-picker-calendar-day',\n  CALENDAR_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n  CALENDAR_START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n  CALENDAR_IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n  CALENDAR_END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n  CALENDAR_SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n  CALENDAR_SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n  CALENDAR_NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n  CALENDAR_NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n  TIMEWHEEL_HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n  TIMEWHEEL_PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n  TIMEWHEEL_HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n  TIMEWHEEL_CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n  TIMEWHEEL_NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n  TIMEWHEEL_PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n  TIMEWHEEL_MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n  TIMEWHEEL_CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n  TIMEWHEEL_NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n  TIMEWHEEL_PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n  TIMEWHEEL_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n  TIMEWHEEL_CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n  TIMEWHEEL_NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n  CONTEXTUAL_MENU_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n  FOOTERS_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSControlledDateTimePickerName, FORM_DATE_TIME_PICKER_SLOTS),\n  ...PRE_EXISTING_DATA_TESTID,\n};\n\n/* ******************************************************************************************\nThis component was created before the team had a convention for data-testid and slots.\n*********************************************************************************************\n    START OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\nexport const DSControlledDateTimePickerSlotsFlatten = FORM_DATE_TIME_PICKER_SLOTS;\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: FORM_DATE_TIME_PICKER_SLOTS.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    DAY_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_DAY_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_LABEL,\n    HEADER_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_BUTTON,\n    HEADER_WEEKLY_DAY_LIST: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_LIST,\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_BUTTON,\n    TIME_CHANGE_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_CHANGE_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_HEADER_LABEL,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CLEAR_BUTTON,\n};\nexport const ControlledDateTimePickerDatatestidFlattened = FORM_DATE_TIME_PICKER_DATA_TESTID;\nexport const ControlledDateTimePickerDatatestid = {\n  CONTAINER: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    TABLE_WRAPPER: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_TABLE_WRAPPER,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_HEADER_LABEL,\n    PREV_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_YEAR,\n    PREV_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_DAY,\n    FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_FOCUSED_DAY,\n    START_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_START_RANGE_DAY,\n    IN_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_IN_RANGE_DAY,\n    END_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_END_RANGE_DAY,\n    SELECTED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_DAY,\n    SELECTED_FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_FOCUSED_DAY,\n    NEXT_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_MONTH,\n    NEXT_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_YEAR,\n  },\n  TIMEWHEEL: {\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HEADER_LABEL,\n    PREV_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_HOUR,\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HOUR,\n    CURRENT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_HOUR,\n    NEXT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_HOUR,\n    PREV_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MINUTE,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MINUTE,\n    CURRENT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MINUTE,\n    NEXT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MINUTE,\n    PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,\n    CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,\n    NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_DATA_TESTID.CLEAR_BUTTON,\n} as const;\n/* ******************************************************************************************\n    END OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSControlledDateTimePickerName = 'DSControlleddatetimepicker';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_SLOTS = {\n  CONTAINER: 'root',\n  // THE SLOT IS ABOUT \"DATE\" EVEN IF THE STRING SAYS \"time-...\"\n  //  When this was first defined there was a typo in the string, now we can't change because it is a deliverable and would impact application space.\n  DATE_INPUTS_MONTH: 'time-picker-month-input',\n  DATE_INPUTS_DAY: 'time-picker-day-input',\n  DATE_INPUTS_YEAR: 'time-picker-year-input',\n  // end of typo\n  TIME_INPUTS_HOUR: 'time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  CALENDAR_DAY_BUTTON: 'calendar-day',\n  CALENDAR_HEADER_LABEL: 'calendar-header-label',\n  CALENDAR_HEADER_BUTTON: 'calendar-header-buttons',\n  CALENDAR_HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  TIMEWHEEL_TIME_BUTTON: 'timewheel-time-button',\n  TIMEWHEEL_TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n  TIMEWHEEL_HEADER_LABEL: 'timewheel-header-label',\n  CONTEXTUAL_MENU_CALENDAR: 'calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  FOOTERS_CALENDAR: 'calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  CONTROLLER_COMPONENT_CALENDAR: 'calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  CLEAR_BUTTON: 'clear-btn',\n} as const;\n\nconst PRE_EXISTING_DATA_TESTID = {\n  // we are keeping the old names for backward compatibility...\n  CONTAINER: 'ds-controlled-date-time-picker-container',\n  DATE_INPUTS_MONTH: 'ds-controlled-date-time-picker-month-input',\n  DATE_INPUTS_DAY: 'ds-controlled-date-time-picker-day-input',\n  DATE_INPUTS_YEAR: 'ds-controlled-date-time-picker-year-input',\n  TIME_INPUTS_HOUR: 'ds-controlled-date-time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'ds-controlled-date-time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n  CALENDAR_TABLE_WRAPPER: 'ds-controlled-date-time-picker-calendar-table-wrapper',\n  CALENDAR_HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n  CALENDAR_PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n  CALENDAR_PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n  CALENDAR_DAY: 'ds-controlled-date-time-picker-calendar-day',\n  CALENDAR_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n  CALENDAR_START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n  CALENDAR_IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n  CALENDAR_END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n  CALENDAR_SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n  CALENDAR_SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n  CALENDAR_NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n  CALENDAR_NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n  TIMEWHEEL_HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n  TIMEWHEEL_PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n  TIMEWHEEL_HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n  TIMEWHEEL_CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n  TIMEWHEEL_NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n  TIMEWHEEL_PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n  TIMEWHEEL_MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n  TIMEWHEEL_CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n  TIMEWHEEL_NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n  TIMEWHEEL_PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n  TIMEWHEEL_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n  TIMEWHEEL_CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n  TIMEWHEEL_NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n  // MeridiemList renders a dual-layer pattern (see KNOWN_INTENTIONAL_DEVIATIONS.md DEV-001):\n  //   - A11y layer: invisible semantic listbox \u2014 the real focus target, owns CURRENT_MERIDIEM above.\n  //   - Visual layer: aria-hidden StyledTimeBtn elements \u2014 presentation only, no focus capability.\n  //\n  // CURRENT_MERIDIEM / MERIDIEM originally lived on the visual elements. When the a11y layer became\n  // the focus target, CURRENT_MERIDIEM moved to the listbox. The visual elements received\n  // -visual-element-suffixed testids to prevent DOM query duplication (getByTestId would otherwise\n  // return two elements with the same testid and throw in most automation frameworks).\n  //\n  // data-dimsum-slot on StyledTimeBtn (TIMEWHEEL_TIME_BUTTON) is unaffected \u2014 theming via slots is unchanged.\n  TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-meridiem-visual-element',\n  TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element',\n  CONTEXTUAL_MENU_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n  FOOTERS_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSControlledDateTimePickerName, FORM_DATE_TIME_PICKER_SLOTS),\n  ...PRE_EXISTING_DATA_TESTID,\n};\n\n/* ******************************************************************************************\nThis component was created before the team had a convention for data-testid and slots.\n*********************************************************************************************\n    START OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\nexport const DSControlledDateTimePickerSlotsFlatten = FORM_DATE_TIME_PICKER_SLOTS;\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: FORM_DATE_TIME_PICKER_SLOTS.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    DAY_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_DAY_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_LABEL,\n    HEADER_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_BUTTON,\n    HEADER_WEEKLY_DAY_LIST: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_LIST,\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_BUTTON,\n    TIME_CHANGE_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_CHANGE_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_HEADER_LABEL,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CLEAR_BUTTON,\n};\nexport const ControlledDateTimePickerDatatestidFlattened = FORM_DATE_TIME_PICKER_DATA_TESTID;\nexport const ControlledDateTimePickerDatatestid = {\n  CONTAINER: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    TABLE_WRAPPER: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_TABLE_WRAPPER,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_HEADER_LABEL,\n    PREV_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_YEAR,\n    PREV_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_DAY,\n    FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_FOCUSED_DAY,\n    START_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_START_RANGE_DAY,\n    IN_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_IN_RANGE_DAY,\n    END_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_END_RANGE_DAY,\n    SELECTED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_DAY,\n    SELECTED_FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_FOCUSED_DAY,\n    NEXT_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_MONTH,\n    NEXT_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_YEAR,\n  },\n  TIMEWHEEL: {\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HEADER_LABEL,\n    PREV_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_HOUR,\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HOUR,\n    CURRENT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_HOUR,\n    NEXT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_HOUR,\n    PREV_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MINUTE,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MINUTE,\n    CURRENT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MINUTE,\n    NEXT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MINUTE,\n    PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,\n    CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,\n    NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,\n    MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT,\n    CURRENT_MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_DATA_TESTID.CLEAR_BUTTON,\n} as const;\n/* ******************************************************************************************\n    END OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAwC;AAEjC,MAAM,iCAAiC;AAGvC,MAAM,8BAA8B;AAAA,EACzC,WAAW;AAAA;AAAA;AAAA,EAGX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA;AAAA,EAElB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,uBAAuB;AAAA,EACvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,oCAAoC;AAAA,EACpC,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,4BAA4B;AAAA,EAC5B,+BAA+B;AAAA,EAC/B,gCAAgC;AAAA,EAChC,yCAAyC;AAAA,EACzC,cAAc;AAChB;AAEA,MAAM,2BAA2B;AAAA;AAAA,EAE/B,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,iCAAiC;AAAA,EACjC,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,+BAA+B;AAAA,EAC/B,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,uBAAuB;AAAA,EACvB,kBAAkB;AAAA,EAClB,0BAA0B;AAAA,EAC1B,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,oBAAoB;AAAA,EACpB,4BAA4B;AAAA,EAC5B,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWzB,mCAAmC;AAAA,EACnC,2CAA2C;AAAA,EAC3C,0BAA0B;AAAA,EAC1B,2BAA2B;AAAA,EAC3B,oCAAoC;AAAA,EACpC,+BAA+B;AAAA,EAC/B,gCAAgC;AAAA,EAChC,yCAAyC;AAAA,EACzC,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,4BAA4B;AAAA,EAC5B,cAAc;AAChB;AAGO,MAAM,oCAAoC;AAAA,EAC/C,OAAG,0CAAwB,gCAAgC,2BAA2B;AAAA,EACtF,GAAG;AACL;AAOO,MAAM,yCAAyC;AAC/C,MAAM,kCAAkC;AAAA,EAC7C,WAAW,4BAA4B;AAAA,EACvC,aAAa;AAAA,IACX,OAAO,4BAA4B;AAAA,IACnC,KAAK,4BAA4B;AAAA,IACjC,MAAM,4BAA4B;AAAA,EACpC;AAAA,EACA,aAAa;AAAA,IACX,MAAM,4BAA4B;AAAA,IAClC,QAAQ,4BAA4B;AAAA,IACpC,UAAU,4BAA4B;AAAA,EACxC;AAAA,EACA,cAAc;AAAA,IACZ,UAAU,4BAA4B;AAAA,IACtC,WAAW,4BAA4B;AAAA,IACvC,oBAAoB,4BAA4B;AAAA,EAClD;AAAA,EACA,UAAU;AAAA,IACR,YAAY,4BAA4B;AAAA,IACxC,cAAc,4BAA4B;AAAA,IAC1C,eAAe,4BAA4B;AAAA,IAC3C,wBAAwB,4BAA4B;AAAA,EACtD;AAAA,EACA,WAAW;AAAA,IACT,aAAa,4BAA4B;AAAA,IACzC,oBAAoB,4BAA4B;AAAA,IAChD,cAAc,4BAA4B;AAAA,EAC5C;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU,4BAA4B;AAAA,IACtC,WAAW,4BAA4B;AAAA,IACvC,oBAAoB,4BAA4B;AAAA,EAClD;AAAA,EACA,SAAS;AAAA,IACP,UAAU,4BAA4B;AAAA,IACtC,WAAW,4BAA4B;AAAA,IACvC,oBAAoB,4BAA4B;AAAA,EAClD;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU,4BAA4B;AAAA,IACtC,WAAW,4BAA4B;AAAA,IACvC,oBAAoB,4BAA4B;AAAA,EAClD;AAAA,EACA,cAAc,4BAA4B;AAC5C;AACO,MAAM,8CAA8C;AACpD,MAAM,qCAAqC;AAAA,EAChD,WAAW,kCAAkC;AAAA,EAC7C,aAAa;AAAA,IACX,OAAO,kCAAkC;AAAA,IACzC,KAAK,kCAAkC;AAAA,IACvC,MAAM,kCAAkC;AAAA,EAC1C;AAAA,EACA,aAAa;AAAA,IACX,MAAM,kCAAkC;AAAA,IACxC,QAAQ,kCAAkC;AAAA,IAC1C,UAAU,kCAAkC;AAAA,EAC9C;AAAA,EACA,cAAc;AAAA,IACZ,UAAU,kCAAkC;AAAA,IAC5C,WAAW,kCAAkC;AAAA,IAC7C,oBAAoB,kCAAkC;AAAA,EACxD;AAAA,EACA,UAAU;AAAA,IACR,eAAe,kCAAkC;AAAA,IACjD,cAAc,kCAAkC;AAAA,IAChD,WAAW,kCAAkC;AAAA,IAC7C,YAAY,kCAAkC;AAAA,IAC9C,KAAK,kCAAkC;AAAA,IACvC,aAAa,kCAAkC;AAAA,IAC/C,iBAAiB,kCAAkC;AAAA,IACnD,cAAc,kCAAkC;AAAA,IAChD,eAAe,kCAAkC;AAAA,IACjD,cAAc,kCAAkC;AAAA,IAChD,sBAAsB,kCAAkC;AAAA,IACxD,YAAY,kCAAkC;AAAA,IAC9C,WAAW,kCAAkC;AAAA,EAC/C;AAAA,EACA,WAAW;AAAA,IACT,cAAc,kCAAkC;AAAA,IAChD,WAAW,kCAAkC;AAAA,IAC7C,MAAM,kCAAkC;AAAA,IACxC,cAAc,kCAAkC;AAAA,IAChD,WAAW,kCAAkC;AAAA,IAC7C,aAAa,kCAAkC;AAAA,IAC/C,QAAQ,kCAAkC;AAAA,IAC1C,gBAAgB,kCAAkC;AAAA,IAClD,aAAa,kCAAkC;AAAA,IAC/C,eAAe,kCAAkC;AAAA,IACjD,UAAU,kCAAkC;AAAA,IAC5C,kBAAkB,kCAAkC;AAAA,IACpD,eAAe,kCAAkC;AAAA,IACjD,yBAAyB,kCAAkC;AAAA,IAC3D,iCAAiC,kCAAkC;AAAA,EACrE;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU,kCAAkC;AAAA,IAC5C,WAAW,kCAAkC;AAAA,IAC7C,oBAAoB,kCAAkC;AAAA,EACxD;AAAA,EACA,sBAAsB;AAAA,IACpB,UAAU,kCAAkC;AAAA,IAC5C,WAAW,kCAAkC;AAAA,IAC7C,oBAAoB,kCAAkC;AAAA,EACxD;AAAA,EACA,SAAS;AAAA,IACP,UAAU,kCAAkC;AAAA,IAC5C,WAAW,kCAAkC;AAAA,IAC7C,oBAAoB,kCAAkC;AAAA,EACxD;AAAA,EACA,cAAc,kCAAkC;AAClD;",
   "names": []
 }

package/dist/cjs/index.js

@@ -37,6 +37,7 @@ __export(index_exports, {
   DSControlledDateTimePickerSlotsFlatten: () => import_constants.DSControlledDateTimePickerSlotsFlatten,
   DSControlledDateTimePickerWithSchema: () => import_ControlledDateTimePicker.DSControlledDateTimePickerWithSchema,
   deconstructValuesFromDateString: () => import_stringHelpers.deconstructValuesFromDateString,
+  getAriaDayFromDateString: () => import_stringHelpers.getAriaDayFromDateString,
   getDateStringFromDay: () => import_dateHelpers.getDateStringFromDay,
   getDateValuesFromDate: () => import_dateHelpers.getDateValuesFromDate,
   getDayFromDateString: () => import_dateHelpers.getDayFromDateString,

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export {\n  ControlledDateTimePickerDatatestid,\n  ControlledDateTimePickerDatatestidFlattened,\n  DSControlledDateTimePickerName,\n  DSControlledDateTimePickerSlots,\n  DSControlledDateTimePickerSlotsFlatten,\n} from './constants/index.js';\nexport { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema } from './ControlledDateTimePicker.js';\n\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './constants/ControlledDateTimePickerTypes.js';\nexport { type DSControlledDateTimePickerT } from './react-desc-prop-types.js';\nexport {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n} from './utils/dateHelpers.js';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';\nexport {\n  deconstructValuesFromDateString,\n  isValidDateString,\n  isValidTimeString,\n  prependStringWithPlaceHolders,\n} from './utils/stringHelpers.js';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAMO;AACP,sCAAiF;AAEjF,2CAAkD;AAElD,yBAKO;AACP,6BAAoD;AACpD,2BAKO;AACP,yBAAgD;",
+  "sourcesContent": ["export {\n  ControlledDateTimePickerDatatestid,\n  ControlledDateTimePickerDatatestidFlattened,\n  DSControlledDateTimePickerName,\n  DSControlledDateTimePickerSlots,\n  DSControlledDateTimePickerSlotsFlatten,\n} from './constants/index.js';\nexport { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema } from './ControlledDateTimePicker.js';\n\nexport { CONTROLLED_DATE_TIME_PICKER_TYPES } from './constants/ControlledDateTimePickerTypes.js';\nexport { type DSControlledDateTimePickerT } from './react-desc-prop-types.js';\nexport {\n  getDateStringFromDay,\n  getDateValuesFromDate,\n  getDayFromDateString,\n  getValidationDateStringMetaInfo,\n} from './utils/dateHelpers.js';\nexport { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';\nexport {\n  deconstructValuesFromDateString,\n  isValidDateString,\n  isValidTimeString,\n  prependStringWithPlaceHolders,\n  getAriaDayFromDateString,\n} from './utils/stringHelpers.js';\nexport { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAMO;AACP,sCAAiF;AAEjF,2CAAkD;AAElD,yBAKO;AACP,6BAAoD;AACpD,2BAMO;AACP,yBAAgD;",
   "names": []
 }

package/dist/cjs/package.json

@@ -3,8 +3,5 @@
   "sideEffects": [
     "*.css",
     "*.scss"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
+  ]
 }

package/dist/cjs/parts/ControlledDateTimePickerContent.js

@@ -84,7 +84,7 @@ const ControlledDateTimePickerContent = () => {
       "data-testid": import_constants.ControlledDateTimePickerDatatestid.CONTAINER,
       getOwnerProps: getProps,
       onlyPicker,
-      readOnlyStyles: readOnly || applyAriaDisabled,
+      $readOnlyStyles: readOnly || applyAriaDisabled,
       ...styledsAttrs,
       ...(0, import_lodash_es.omit)(globalAttrs, "tabIndex", "autoFocus"),
       ...xstyledAttrs,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/ControlledDateTimePickerContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport { Grid } from '@elliemae/ds-grid';\nimport { omit } from 'lodash-es';\nimport { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX.js';\nimport { ClearButton } from './ClearButton/ClearButton.js';\nimport { DateInputs } from './DateInputs/DateInputs.js';\nimport { PickersIcons } from './Pickers/PickersIcons.js';\nimport { StyledInputsWrapperGrid } from './Styleds.js';\nimport { TimeInputs } from './TimeInputs/TimeInputs.js';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    props: { hasError, disabled, readOnly, applyAriaDisabled },\n    getProps,\n    hideDate,\n    hideTime,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    globalAttrs,\n    xstyledAttrs,\n    onGlobalKeyDown,\n    handleComponentBlurs,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const styledsAttrs = {\n    justPicker: hideDate && hideTime,\n    withAnyPicker,\n    hasError,\n    isControllerOnly,\n  };\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  const onlyPicker = hideDate && hideTime;\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={!withAnyRightController ? '2px' : '0px'}\n        onKeyDown={onGlobalKeyDown}\n        disabled={disabled}\n        onBlur={handleComponentBlurs}\n        data-testid={ControlledDateTimePickerDatatestid.CONTAINER}\n        getOwnerProps={getProps}\n        onlyPicker={onlyPicker}\n        readOnlyStyles={readOnly || applyAriaDisabled}\n        {...styledsAttrs}\n        {...omit(globalAttrs, 'tabIndex', 'autoFocus')}\n        {...xstyledAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CnB;AA7CJ,qBAAqB;AACrB,uBAAqB;AACrB,mBAA2B;AAC3B,uBAAmD;AACnD,yCAAgD;AAChD,yBAA4B;AAC5B,wBAA2B;AAC3B,0BAA6B;AAC7B,qBAAwC;AACxC,wBAA2B;AAEpB,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,UAAU,UAAU,kBAAkB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC,SAAU,UAAS,KAAK,MAAM;AACnC,MAAI,CAAC,SAAU,UAAS,KAAK,MAAM;AACnC,MAAI,uBAAwB,UAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI,6BAA8B,kBAAiB,KAAK,MAAM;AAC9D,MAAI,cAAe,kBAAiB,KAAK,MAAM;AAE/C,QAAM,aAAa,YAAY;AAC/B,SACE,2EAKE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAI,CAAC,yBAAyB,QAAQ;AAAA,MACtC,WAAW;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,eAAa,oDAAmC;AAAA,MAChD,eAAe;AAAA,MACf;AAAA,MACA,gBAAgB,YAAY;AAAA,MAC3B,GAAG;AAAA,MACH,OAAG,uBAAK,aAAa,YAAY,WAAW;AAAA,MAC5C,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,WAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,yBACC,6CAAC,uBAAK,MAAM,kBACT;AAAA,yCAA+B,4CAAC,kCAAY,IAAK;AAAA,UACjD,gBAAgB,4CAAC,oCAAa,IAAK;AAAA,WACtC,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;",
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { Grid } from '@elliemae/ds-grid';\nimport { omit } from 'lodash-es';\nimport { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../ControlledDateTimePickerCTX.js';\nimport { ClearButton } from './ClearButton/ClearButton.js';\nimport { DateInputs } from './DateInputs/DateInputs.js';\nimport { PickersIcons } from './Pickers/PickersIcons.js';\nimport { StyledInputsWrapperGrid } from './Styleds.js';\nimport { TimeInputs } from './TimeInputs/TimeInputs.js';\n\nexport const ControlledDateTimePickerContent = (): JSX.Element => {\n  const {\n    props: { hasError, disabled, readOnly, applyAriaDisabled },\n    getProps,\n    hideDate,\n    hideTime,\n    withAnyPicker,\n    withAnyRightController,\n    shouldPreserveClearableSpace,\n    isControllerOnly,\n    globalAttrs,\n    xstyledAttrs,\n    onGlobalKeyDown,\n    handleComponentBlurs,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const styledsAttrs = {\n    justPicker: hideDate && hideTime,\n    withAnyPicker,\n    hasError,\n    isControllerOnly,\n  };\n\n  const mainCols = [];\n  if (!hideDate) mainCols.push('auto');\n  if (!hideTime) mainCols.push('auto');\n  if (withAnyRightController) mainCols.push('auto');\n\n  const rightControlCols = [];\n  if (shouldPreserveClearableSpace) rightControlCols.push('28px');\n  if (withAnyPicker) rightControlCols.push('auto');\n\n  const onlyPicker = hideDate && hideTime;\n  return (\n    <>\n      {/* The <div> element is catching the component-wise global hotkeys, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledInputsWrapperGrid\n        cols={mainCols}\n        gutter=\"xxs\"\n        pr={!withAnyRightController ? '2px' : '0px'}\n        onKeyDown={onGlobalKeyDown}\n        disabled={disabled}\n        onBlur={handleComponentBlurs}\n        data-testid={ControlledDateTimePickerDatatestid.CONTAINER}\n        getOwnerProps={getProps}\n        onlyPicker={onlyPicker}\n        $readOnlyStyles={readOnly || applyAriaDisabled}\n        {...styledsAttrs}\n        {...omit(globalAttrs, 'tabIndex', 'autoFocus')}\n        {...xstyledAttrs}\n      >\n        {hideDate ? null : <DateInputs />}\n        {hideTime ? null : <TimeInputs />}\n        {withAnyRightController ? (\n          <Grid cols={rightControlCols}>\n            {shouldPreserveClearableSpace ? <ClearButton /> : null}\n            {withAnyPicker ? <PickersIcons /> : null}\n          </Grid>\n        ) : null}\n      </StyledInputsWrapperGrid>\n    </>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8CnB;AA7CJ,qBAAqB;AACrB,uBAAqB;AACrB,mBAA2B;AAC3B,uBAAmD;AACnD,yCAAgD;AAChD,yBAA4B;AAC5B,wBAA2B;AAC3B,0BAA6B;AAC7B,qBAAwC;AACxC,wBAA2B;AAEpB,MAAM,kCAAkC,MAAmB;AAChE,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,UAAU,UAAU,kBAAkB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kEAA+B;AAE9C,QAAM,eAAe;AAAA,IACnB,YAAY,YAAY;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,CAAC;AAClB,MAAI,CAAC,SAAU,UAAS,KAAK,MAAM;AACnC,MAAI,CAAC,SAAU,UAAS,KAAK,MAAM;AACnC,MAAI,uBAAwB,UAAS,KAAK,MAAM;AAEhD,QAAM,mBAAmB,CAAC;AAC1B,MAAI,6BAA8B,kBAAiB,KAAK,MAAM;AAC9D,MAAI,cAAe,kBAAiB,KAAK,MAAM;AAE/C,QAAM,aAAa,YAAY;AAC/B,SACE,2EAKE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,IAAI,CAAC,yBAAyB,QAAQ;AAAA,MACtC,WAAW;AAAA,MACX;AAAA,MACA,QAAQ;AAAA,MACR,eAAa,oDAAmC;AAAA,MAChD,eAAe;AAAA,MACf;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC5B,GAAG;AAAA,MACH,OAAG,uBAAK,aAAa,YAAY,WAAW;AAAA,MAC5C,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,WAAW,OAAO,4CAAC,gCAAW;AAAA,QAC9B,yBACC,6CAAC,uBAAK,MAAM,kBACT;AAAA,yCAA+B,4CAAC,kCAAY,IAAK;AAAA,UACjD,gBAAgB,4CAAC,oCAAa,IAAK;AAAA,WACtC,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/DateInputs/DDInput.js

@@ -36,6 +36,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_constants = require("../../constants/index.js");
 var import_Styleds = require("../Styleds.js");
+var import_constants2 = require("../../utils/constants.js");
+var import_numberHelpers = require("../../utils/numberHelpers.js");
 const regExpNumbers = /^[0-9]+$/;
 const isInvalidDay = (day) => {
   if (day === "") return false;
@@ -70,6 +72,7 @@ const DDInput = import_react.default.memo(
       },
       [onChange]
     );
+    const dayNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(value);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Styleds.StyledDateInput,
       {
@@ -90,7 +93,12 @@ const DDInput = import_react.default.memo(
         "aria-disabled": applyAriaDisabled,
         "aria-invalid": hasError,
         getOwnerProps: getProps,
-        readOnly
+        readOnly,
+        role: "spinbutton",
+        "aria-valuemin": 1,
+        "aria-valuemax": 31,
+        "aria-valuenow": dayNum === -1 ? void 0 : dayNum,
+        "aria-valuetext": dayNum === -1 ? "empty" : import_constants2.announcableCardinalDays[dayNum]
       }
     );
   }

package/dist/cjs/parts/DateInputs/DDInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/DDInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useCallback } from 'react';\nimport type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerDatatestid } from '../../constants/index.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';\nimport { StyledDateInput } from '../Styleds.js';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day: string) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  applyAriaDisabled?: boolean;\n  hasError: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  readOnly: boolean;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    hasError,\n    contextRef,\n    tabIndex,\n    placeholder,\n    ariaCurrentValueForInputs,\n    isFocused,\n    getProps,\n    readOnly,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidDay(e?.currentTarget?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <StyledDateInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        aria-invalid={hasError}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4DjB;AA3DN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAgC;AAEhC,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAgB;AACpC,MAAI,QAAQ,GAAI,QAAO;AACvB,QAAM,aAAa,cAAc,KAAK,GAAG;AACzC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,EAAE,IAAI;AACrF;AAmBO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,aAAa,GAAG,eAAe,KAAK,GAAG;AACzC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,UAAC,WAAwD,UAAU;AACnE,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY,oBAAoB,yBAAyB;AAAA,QACzD,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
-  "names": ["React"]
+  "sourcesContent": ["import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useCallback } from 'react';\nimport type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerDatatestid } from '../../constants/index.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';\nimport { StyledDateInput } from '../Styleds.js';\nimport { announcableCardinalDays } from '../../utils/constants.js';\nimport { convertToPositiveNumberIfPossible } from '../../utils/numberHelpers.js';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidDay = (day: string) => {\n  if (day === '') return false;\n  const numberOnly = regExpNumbers.test(day);\n  return day.length > 2 || day === '00' || !numberOnly || Number.parseInt(day, 10) > 31;\n};\n\ninterface DDInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  applyAriaDisabled?: boolean;\n  hasError: boolean;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  readOnly: boolean;\n}\nexport const DDInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    hasError,\n    contextRef,\n    tabIndex,\n    placeholder,\n    ariaCurrentValueForInputs,\n    isFocused,\n    getProps,\n    readOnly,\n  }: DDInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidDay(e?.currentTarget?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    const dayNum = convertToPositiveNumberIfPossible(value) as DSControlledDateTimePickerInternalsT.DateDay | -1;\n\n    return (\n      <StyledDateInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        placeholder={placeholder}\n        aria-label={`day input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        aria-invalid={hasError}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n        role=\"spinbutton\"\n        aria-valuemin={1}\n        aria-valuemax={31}\n        aria-valuenow={dayNum === -1 ? undefined : dayNum}\n        aria-valuetext={dayNum === -1 ? 'empty' : announcableCardinalDays[dayNum]}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEjB;AA/DN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAgC;AAChC,IAAAA,oBAAwC;AACxC,2BAAkD;AAElD,MAAM,gBAAgB;AACtB,MAAM,eAAe,CAAC,QAAgB;AACpC,MAAI,QAAQ,GAAI,QAAO;AACvB,QAAM,aAAa,cAAc,KAAK,GAAG;AACzC,SAAO,IAAI,SAAS,KAAK,QAAQ,QAAQ,CAAC,cAAc,OAAO,SAAS,KAAK,EAAE,IAAI;AACrF;AAmBO,MAAM,UAAU,aAAAC,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,aAAa,GAAG,eAAe,KAAK,GAAG;AACzC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,UAAM,aAAS,wDAAkC,KAAK;AAEtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,UAAC,WAAwD,UAAU;AACnE,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY,oBAAoB,yBAAyB;AAAA,QACzD,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,WAAW,KAAK,SAAY;AAAA,QAC3C,kBAAgB,WAAW,KAAK,UAAU,0CAAwB,MAAM;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;",
+  "names": ["import_constants", "React"]
 }

package/dist/cjs/parts/DateInputs/MMInput.js

@@ -37,6 +37,8 @@ var import_ds_system = require("@elliemae/ds-system");
 var import_react = __toESM(require("react"));
 var import_constants = require("../../constants/index.js");
 var import_Styleds = require("../Styleds.js");
+var import_numberHelpers = require("../../utils/numberHelpers.js");
+var import_constants2 = require("../../utils/constants.js");
 const regExpNumbers = /^[0-9]+$/;
 const isInvalidMonth = (month) => {
   if (month === "") return false;
@@ -86,6 +88,7 @@ const MMInput = import_react.default.memo(
       }
       return handleRef;
     }, [handleRef, innerRef]);
+    const monthNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(value);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Styleds.StyledMonthInput,
       {
@@ -104,7 +107,12 @@ const MMInput = import_react.default.memo(
         "aria-disabled": applyAriaDisabled,
         "aria-invalid": hasError,
         getOwnerProps: getProps,
-        readOnly
+        readOnly,
+        role: "spinbutton",
+        "aria-valuemin": 1,
+        "aria-valuemax": 12,
+        "aria-valuenow": monthNum === -1 ? void 0 : monthNum,
+        "aria-valuetext": monthNum === -1 ? "empty" : import_constants2.monthNames[monthNum - 1]
       }
     );
   }

package/dist/cjs/parts/DateInputs/MMInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/MMInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { setMultipleRefs } from '@elliemae/ds-system';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useCallback, useMemo } from 'react';\nimport type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerDatatestid } from '../../constants/index.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';\nimport { StyledMonthInput } from '../Styleds.js';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month: string) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  autoFocusMonthInput: boolean;\n  value: string;\n  disabled: boolean;\n  applyAriaDisabled?: boolean;\n  hasError: boolean;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  innerRef?:\n    | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n    | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  readOnly: boolean;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    hasError,\n    placeholder,\n    contextRef,\n    innerRef,\n    tabIndex,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n    isFocused,\n    getProps,\n    readOnly,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n\n    const handleRef = useCallback(\n      (DomElem: HTMLInputElement) => {\n        (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n        if (isFocused) DomElem?.focus?.();\n      },\n      [contextRef, isFocused],\n    );\n\n    const currentRef = useMemo(() => {\n      if (innerRef) {\n        return setMultipleRefs([handleRef, innerRef]);\n      }\n      return handleRef;\n    }, [handleRef, innerRef]);\n\n    return (\n      <StyledMonthInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={currentRef}\n        tabIndex={tabIndex}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        aria-invalid={hasError}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkFjB;AAlFN,uBAAgC;AAEhC,mBAA4C;AAE5C,uBAAmD;AAEnD,qBAAiC;AAEjC,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAkB;AACxC,MAAI,UAAU,GAAI,QAAO;AACzB,QAAM,aAAa,cAAc,KAAK,KAAK;AAC3C,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,EAAE,IAAI;AAC3F;AAsBO,MAAM,UAAU,aAAAA,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,eAAe,GAAG,QAAQ,KAAK,GAAG;AACpC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,gBAAY;AAAA,MAChB,CAAC,YAA8B;AAC7B,QAAC,WAAwD,UAAU;AACnE,YAAI,UAAW,UAAS,QAAQ;AAAA,MAClC;AAAA,MACA,CAAC,YAAY,SAAS;AAAA,IACxB;AAEA,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,mBAAO,kCAAgB,CAAC,WAAW,QAAQ,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,IACT,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,cAAY,sBAAsB,yBAAyB;AAAA,QAC3D,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
-  "names": ["React"]
+  "sourcesContent": ["import { setMultipleRefs } from '@elliemae/ds-system';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useCallback, useMemo } from 'react';\nimport type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerDatatestid } from '../../constants/index.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';\nimport { StyledMonthInput } from '../Styleds.js';\nimport { convertToPositiveNumberIfPossible } from '../../utils/numberHelpers.js';\nimport { monthNames } from '../../utils/constants.js';\n\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMonth = (month: string) => {\n  if (month === '') return false;\n  const numberOnly = regExpNumbers.test(month);\n  return month.length > 2 || month === '00' || !numberOnly || Number.parseInt(month, 10) > 12;\n};\ninterface MMInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  autoFocusMonthInput: boolean;\n  value: string;\n  disabled: boolean;\n  applyAriaDisabled?: boolean;\n  hasError: boolean;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  innerRef?:\n    | React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>\n    | ((ref: HTMLInputElement | HTMLButtonElement | null) => void);\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  readOnly: boolean;\n}\nexport const MMInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    hasError,\n    placeholder,\n    contextRef,\n    innerRef,\n    tabIndex,\n    autoFocusMonthInput,\n    ariaCurrentValueForInputs,\n    isFocused,\n    getProps,\n    readOnly,\n  }: MMInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidMonth(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n\n    const handleRef = useCallback(\n      (DomElem: HTMLInputElement) => {\n        (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n        if (isFocused) DomElem?.focus?.();\n      },\n      [contextRef, isFocused],\n    );\n\n    const currentRef = useMemo(() => {\n      if (innerRef) {\n        return setMultipleRefs([handleRef, innerRef]);\n      }\n      return handleRef;\n    }, [handleRef, innerRef]);\n\n    const monthNum = convertToPositiveNumberIfPossible(value);\n\n    return (\n      <StyledMonthInput\n        autoFocus={autoFocusMonthInput}\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={currentRef}\n        tabIndex={tabIndex}\n        placeholder={placeholder}\n        aria-label={`month input field, ${ariaCurrentValueForInputs}`}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        aria-invalid={hasError}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n        role=\"spinbutton\"\n        aria-valuemin={1}\n        aria-valuemax={12}\n        aria-valuenow={monthNum === -1 ? undefined : monthNum}\n        aria-valuetext={monthNum === -1 ? 'empty' : monthNames[monthNum - 1]}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsFjB;AAtFN,uBAAgC;AAEhC,mBAA4C;AAE5C,uBAAmD;AAEnD,qBAAiC;AACjC,2BAAkD;AAClD,IAAAA,oBAA2B;AAE3B,MAAM,gBAAgB;AACtB,MAAM,iBAAiB,CAAC,UAAkB;AACxC,MAAI,UAAU,GAAI,QAAO;AACzB,QAAM,aAAa,cAAc,KAAK,KAAK;AAC3C,SAAO,MAAM,SAAS,KAAK,UAAU,QAAQ,CAAC,cAAc,OAAO,SAAS,OAAO,EAAE,IAAI;AAC3F;AAsBO,MAAM,UAAU,aAAAC,QAAM;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAmC;AACjC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,eAAe,GAAG,QAAQ,KAAK,GAAG;AACpC,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,gBAAY;AAAA,MAChB,CAAC,YAA8B;AAC7B,QAAC,WAAwD,UAAU;AACnE,YAAI,UAAW,UAAS,QAAQ;AAAA,MAClC;AAAA,MACA,CAAC,YAAY,SAAS;AAAA,IACxB;AAEA,UAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,mBAAO,kCAAgB,CAAC,WAAW,QAAQ,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,IACT,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,UAAM,eAAW,wDAAkC,KAAK;AAExD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,cAAY,sBAAsB,yBAAyB;AAAA,QAC3D,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,aAAa,KAAK,SAAY;AAAA,QAC7C,kBAAgB,aAAa,KAAK,UAAU,6BAAW,WAAW,CAAC;AAAA;AAAA,IACrE;AAAA,EAEJ;AACF;",
+  "names": ["import_constants", "React"]
 }

package/dist/cjs/parts/DateInputs/YYYYInput.js

@@ -36,6 +36,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_constants = require("../../constants/index.js");
 var import_Styleds = require("../Styleds.js");
+var import_numberHelpers = require("../../utils/numberHelpers.js");
+var import_stringHelpers = require("../../utils/stringHelpers.js");
 const regExpNumbers = /^[0-9]+$/;
 const isInvalidYear = (year) => {
   if (year === "") return false;
@@ -70,6 +72,7 @@ const YYYYInput = import_react.default.memo(
       },
       [onChange]
     );
+    const yearNum = (0, import_numberHelpers.convertToPositiveNumberIfPossible)(value);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Styleds.StyledYearInput,
       {
@@ -90,7 +93,12 @@ const YYYYInput = import_react.default.memo(
         "aria-disabled": applyAriaDisabled,
         "aria-invalid": hasError,
         getOwnerProps: getProps,
-        readOnly
+        readOnly,
+        role: "spinbutton",
+        "aria-valuemin": 0,
+        "aria-valuemax": 9999,
+        "aria-valuenow": yearNum === -1 ? void 0 : yearNum,
+        "aria-valuetext": yearNum === -1 ? "empty" : (0, import_stringHelpers.fillStringWithPlaceHolders)(`${yearNum}`, 4, "0")
       }
     );
   }

package/dist/cjs/parts/DateInputs/YYYYInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/YYYYInput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useCallback } from 'react';\nimport type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerDatatestid } from '../../constants/index.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';\nimport { StyledYearInput } from '../Styleds.js';\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidYear = (year: string) => {\n  if (year === '') return false;\n  const numberOnly = regExpNumbers.test(year);\n  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;\n};\n\ninterface YYYYInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  applyAriaDisabled?: boolean;\n  hasError: boolean;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  readOnly: boolean;\n}\nexport const YYYYInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    hasError,\n    placeholder,\n    contextRef,\n    tabIndex,\n    ariaCurrentValueForInputs,\n    isFocused,\n    getProps,\n    readOnly,\n  }: YYYYInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidYear(e?.currentTarget?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n    return (\n      <StyledYearInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR}\n        placeholder={placeholder}\n        aria-label={`year input field, ${ariaCurrentValueForInputs}`}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        aria-invalid={hasError}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2DjB;AA1DN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAgC;AAChC,MAAM,gBAAgB;AACtB,MAAM,gBAAgB,CAAC,SAAiB;AACtC,MAAI,SAAS,GAAI,QAAO;AACxB,QAAM,aAAa,cAAc,KAAK,IAAI;AAC1C,SAAO,KAAK,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,MAAM,EAAE,IAAI;AACvE;AAmBO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAqC;AACnC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,cAAc,GAAG,eAAe,KAAK,GAAG;AAC1C,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,UAAC,WAAwD,UAAU;AACnE,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,cAAY,qBAAqB,yBAAyB;AAAA,QAC1D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport React, { useCallback } from 'react';\nimport type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';\nimport { ControlledDateTimePickerDatatestid } from '../../constants/index.js';\nimport type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';\nimport { StyledYearInput } from '../Styleds.js';\nimport { convertToPositiveNumberIfPossible } from '../../utils/numberHelpers.js';\nimport { fillStringWithPlaceHolders } from '../../utils/stringHelpers.js';\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidYear = (year: string) => {\n  if (year === '') return false;\n  const numberOnly = regExpNumbers.test(year);\n  return year.length > 4 || !numberOnly || Number.parseInt(year, 10) > 9999;\n};\n\ninterface YYYYInputsPropsT {\n  onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;\n  onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;\n  onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;\n  onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;\n  value: string;\n  disabled: boolean;\n  applyAriaDisabled?: boolean;\n  hasError: boolean;\n  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  readOnly: boolean;\n}\nexport const YYYYInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    hasError,\n    placeholder,\n    contextRef,\n    tabIndex,\n    ariaCurrentValueForInputs,\n    isFocused,\n    getProps,\n    readOnly,\n  }: YYYYInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (isInvalidYear(e?.currentTarget?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [onChange],\n    );\n\n    const yearNum = convertToPositiveNumberIfPossible(value);\n\n    return (\n      <StyledYearInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          (contextRef as React.MutableRefObject<HTMLInputElement>).current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        data-testid={ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR}\n        placeholder={placeholder}\n        aria-label={`year input field, ${ariaCurrentValueForInputs}`}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        aria-invalid={hasError}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n        role=\"spinbutton\"\n        aria-valuemin={0}\n        aria-valuemax={9999}\n        aria-valuenow={yearNum === -1 ? undefined : yearNum}\n        aria-valuetext={yearNum === -1 ? 'empty' : fillStringWithPlaceHolders(`${yearNum}`, 4, '0')}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEjB;AA/DN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAgC;AAChC,2BAAkD;AAClD,2BAA2C;AAC3C,MAAM,gBAAgB;AACtB,MAAM,gBAAgB,CAAC,SAAiB;AACtC,MAAI,SAAS,GAAI,QAAO;AACxB,QAAM,aAAa,cAAc,KAAK,IAAI;AAC1C,SAAO,KAAK,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,MAAM,EAAE,IAAI;AACvE;AAmBO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAqC;AACnC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,cAAc,GAAG,eAAe,KAAK,GAAG;AAC1C,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,cAAU,wDAAkC,KAAK;AAEvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,UAAC,WAAwD,UAAU;AACnE,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,cAAY,qBAAqB,yBAAyB;AAAA,QAC1D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,YAAY,KAAK,SAAY;AAAA,QAC5C,kBAAgB,YAAY,KAAK,cAAU,iDAA2B,GAAG,OAAO,IAAI,GAAG,GAAG;AAAA;AAAA,IAC5F;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }