@elliemae/ds-form-date-time-picker 3.62.1 → 3.70.0-alpha.9

package/dist/cjs/parts/TimeInputs/MeridiemInput.js

@@ -55,7 +55,6 @@ const MeridiemInput = import_react.default.memo(
     disabled,
     applyAriaDisabled,
     placeholder,
-    ariaCurrentValueForInputs,
     contextRef,
     isFocused,
     getProps,
@@ -87,7 +86,7 @@ const MeridiemInput = import_react.default.memo(
         tabIndex,
         "data-testid": import_constants.ControlledDateTimePickerDatatestid.TIME_INPUTS.MERIDIEM,
         placeholder,
-        "aria-label": `meridiem input field ${ariaCurrentValueForInputs}`,
+        "aria-label": "meridiem",
         disabled,
         "aria-disabled": applyAriaDisabled,
         getOwnerProps: getProps,

package/dist/cjs/parts/TimeInputs/MeridiemInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/TimeInputs/MeridiemInput.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 { StyledMeridiemInput } from '../Styleds.js';\n\nconst validFirstDigits = ['a', 'A', 'p', 'P'];\nconst validSecondDigits = ['m', 'M'];\nconst isInvalidMeridiem = (meridiem: string) => {\n  if (meridiem === '') return false;\n  const [firstDigit, secondDigit] = meridiem.split('');\n  const isValidFirstDigit = (meridiem.length < 1 && !firstDigit) || validFirstDigits.includes(firstDigit);\n  const isValidSecondDigit = !secondDigit || validSecondDigits.includes(secondDigit);\n  return meridiem.length > 2 || !isValidFirstDigit || !isValidSecondDigit;\n};\n\ninterface MeridiemInputsPropsT {\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  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  readOnly: boolean;\n}\nexport const MeridiemInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    placeholder,\n    ariaCurrentValueForInputs,\n    contextRef,\n    isFocused,\n    getProps,\n    tabIndex,\n    readOnly,\n  }: MeridiemInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (readOnly || applyAriaDisabled || disabled || isInvalidMeridiem(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [applyAriaDisabled, disabled, onChange, readOnly],\n    );\n    return (\n      <StyledMeridiemInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          contextRef.current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        data-testid={ControlledDateTimePickerDatatestid.TIME_INPUTS.MERIDIEM}\n        placeholder={placeholder}\n        aria-label={`meridiem input field ${ariaCurrentValueForInputs}`}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\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;AD6DjB;AA5DN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAoC;AAEpC,MAAM,mBAAmB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC5C,MAAM,oBAAoB,CAAC,KAAK,GAAG;AACnC,MAAM,oBAAoB,CAAC,aAAqB;AAC9C,MAAI,aAAa,GAAI,QAAO;AAC5B,QAAM,CAAC,YAAY,WAAW,IAAI,SAAS,MAAM,EAAE;AACnD,QAAM,oBAAqB,SAAS,SAAS,KAAK,CAAC,cAAe,iBAAiB,SAAS,UAAU;AACtG,QAAM,qBAAqB,CAAC,eAAe,kBAAkB,SAAS,WAAW;AACjF,SAAO,SAAS,SAAS,KAAK,CAAC,qBAAqB,CAAC;AACvD;AAkBO,MAAM,gBAAgB,aAAAA,QAAM;AAAA,EACjC,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,EACF,MAAyC;AACvC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,YAAY,qBAAqB,YAAY,kBAAkB,GAAG,QAAQ,KAAK,GAAG;AACpF,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,mBAAmB,UAAU,UAAU,QAAQ;AAAA,IAClD;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,qBAAW,UAAU;AACrB,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,cAAY,wBAAwB,yBAAyB;AAAA,QAC7D;AAAA,QACA,iBAAe;AAAA,QACf,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 { StyledMeridiemInput } from '../Styleds.js';\n\nconst validFirstDigits = ['a', 'A', 'p', 'P'];\nconst validSecondDigits = ['m', 'M'];\nconst isInvalidMeridiem = (meridiem: string) => {\n  if (meridiem === '') return false;\n  const [firstDigit, secondDigit] = meridiem.split('');\n  const isValidFirstDigit = (meridiem.length < 1 && !firstDigit) || validFirstDigits.includes(firstDigit);\n  const isValidSecondDigit = !secondDigit || validSecondDigits.includes(secondDigit);\n  return meridiem.length > 2 || !isValidFirstDigit || !isValidSecondDigit;\n};\n\ninterface MeridiemInputsPropsT {\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  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  readOnly: boolean;\n}\nexport const MeridiemInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    placeholder,\n    contextRef,\n    isFocused,\n    getProps,\n    tabIndex,\n    readOnly,\n  }: MeridiemInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (readOnly || applyAriaDisabled || disabled || isInvalidMeridiem(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [applyAriaDisabled, disabled, onChange, readOnly],\n    );\n    return (\n      <StyledMeridiemInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          contextRef.current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        data-testid={ControlledDateTimePickerDatatestid.TIME_INPUTS.MERIDIEM}\n        placeholder={placeholder}\n        aria-label=\"meridiem\"\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\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,qBAAoC;AAEpC,MAAM,mBAAmB,CAAC,KAAK,KAAK,KAAK,GAAG;AAC5C,MAAM,oBAAoB,CAAC,KAAK,GAAG;AACnC,MAAM,oBAAoB,CAAC,aAAqB;AAC9C,MAAI,aAAa,GAAI,QAAO;AAC5B,QAAM,CAAC,YAAY,WAAW,IAAI,SAAS,MAAM,EAAE;AACnD,QAAM,oBAAqB,SAAS,SAAS,KAAK,CAAC,cAAe,iBAAiB,SAAS,UAAU;AACtG,QAAM,qBAAqB,CAAC,eAAe,kBAAkB,SAAS,WAAW;AACjF,SAAO,SAAS,SAAS,KAAK,CAAC,qBAAqB,CAAC;AACvD;AAiBO,MAAM,gBAAgB,aAAAA,QAAM;AAAA,EACjC,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,EACF,MAAyC;AACvC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,YAAY,qBAAqB,YAAY,kBAAkB,GAAG,QAAQ,KAAK,GAAG;AACpF,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,mBAAmB,UAAU,UAAU,QAAQ;AAAA,IAClD;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,qBAAW,UAAU;AACrB,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,cAAW;AAAA,QACX;AAAA,QACA,iBAAe;AAAA,QACf,eAAe;AAAA,QACf;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/TimeInputs/MinutesInput.js

@@ -53,7 +53,6 @@ const MinutesInput = import_react.default.memo(
     disabled,
     applyAriaDisabled,
     placeholder,
-    ariaCurrentValueForInputs,
     contextRef,
     isFocused,
     getProps,
@@ -86,7 +85,7 @@ const MinutesInput = import_react.default.memo(
         tabIndex,
         "data-testid": import_constants.ControlledDateTimePickerDatatestid.TIME_INPUTS.MINUTE,
         placeholder,
-        "aria-label": `minutes input field ${ariaCurrentValueForInputs}`,
+        "aria-label": "minutes",
         disabled,
         "aria-disabled": applyAriaDisabled,
         getOwnerProps: getProps,
@@ -94,7 +93,7 @@ const MinutesInput = import_react.default.memo(
         role: "spinbutton",
         "aria-valuemin": 0,
         "aria-valuemax": 59,
-        "aria-valuenow": minutesNum === -1 ? void 0 : minutesNum,
+        "aria-valuenow": minutesNum === -1 ? 0 : minutesNum,
         "aria-valuetext": minutesNum === -1 ? "empty" : minutesNum
       }
     );

package/dist/cjs/parts/TimeInputs/MinutesInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/TimeInputs/MinutesInput.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 { StyledMinuteInput } from '../Styleds.js';\nimport { convertToPositiveNumberIfPossible } from '../../utils/numberHelpers.js';\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMinute = (minutes: string) => {\n  if (minutes === '') return false;\n  const numberOnly = regExpNumbers.test(minutes);\n  return minutes.length > 2 || !numberOnly || Number.parseInt(minutes, 10) > 60;\n};\ninterface MinutesInputsPropsT {\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  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  ariaCurrentValueForInputs: string;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  readOnly: boolean;\n}\nexport const MinutesInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    placeholder,\n    ariaCurrentValueForInputs,\n    contextRef,\n    isFocused,\n    getProps,\n    tabIndex,\n    readOnly,\n  }: MinutesInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (readOnly || applyAriaDisabled || disabled || isInvalidMinute(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [applyAriaDisabled, disabled, onChange, readOnly],\n    );\n    const minutesNum = convertToPositiveNumberIfPossible(value);\n    return (\n      <StyledMinuteInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          contextRef.current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        data-testid={ControlledDateTimePickerDatatestid.TIME_INPUTS.MINUTE}\n        placeholder={placeholder}\n        aria-label={`minutes input field ${ariaCurrentValueForInputs}`}\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n        role=\"spinbutton\"\n        aria-valuemin={0}\n        aria-valuemax={59}\n        aria-valuenow={minutesNum === -1 ? undefined : minutesNum}\n        aria-valuetext={minutesNum === -1 ? 'empty' : minutesNum}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0DjB;AAzDN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAkC;AAClC,2BAAkD;AAClD,MAAM,gBAAgB;AACtB,MAAM,kBAAkB,CAAC,YAAoB;AAC3C,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,aAAa,cAAc,KAAK,OAAO;AAC7C,SAAO,QAAQ,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,SAAS,EAAE,IAAI;AAC7E;AAiBO,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,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,EACF,MAAwC;AACtC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,YAAY,qBAAqB,YAAY,gBAAgB,GAAG,QAAQ,KAAK,GAAG;AAClF,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,mBAAmB,UAAU,UAAU,QAAQ;AAAA,IAClD;AACA,UAAM,iBAAa,wDAAkC,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,qBAAW,UAAU;AACrB,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,cAAY,uBAAuB,yBAAyB;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,eAAe,KAAK,SAAY;AAAA,QAC/C,kBAAgB,eAAe,KAAK,UAAU;AAAA;AAAA,IAChD;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 { StyledMinuteInput } from '../Styleds.js';\nimport { convertToPositiveNumberIfPossible } from '../../utils/numberHelpers.js';\nconst regExpNumbers = /^[0-9]+$/;\nconst isInvalidMinute = (minutes: string) => {\n  if (minutes === '') return false;\n  const numberOnly = regExpNumbers.test(minutes);\n  return minutes.length > 2 || !numberOnly || Number.parseInt(minutes, 10) > 60;\n};\ninterface MinutesInputsPropsT {\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  contextRef: React.MutableRefObject<HTMLInputElement | null>;\n  placeholder: string;\n  isFocused: boolean;\n  getProps: ControlledDateTimePickerContextT['getProps'];\n  tabIndex?: TypescriptHelpersT.WCAGTabIndex;\n  readOnly: boolean;\n}\nexport const MinutesInput = React.memo(\n  ({\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    value,\n    disabled,\n    applyAriaDisabled,\n    placeholder,\n    contextRef,\n    isFocused,\n    getProps,\n    tabIndex,\n    readOnly,\n  }: MinutesInputsPropsT): JSX.Element => {\n    const validateOnChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (readOnly || applyAriaDisabled || disabled || isInvalidMinute(e?.target?.value)) {\n          e.preventDefault();\n          return;\n        }\n        onChange(e);\n      },\n      [applyAriaDisabled, disabled, onChange, readOnly],\n    );\n    const minutesNum = convertToPositiveNumberIfPossible(value);\n    return (\n      <StyledMinuteInput\n        onChange={validateOnChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={onKeyDown}\n        value={value}\n        innerRef={(DomElem: HTMLInputElement) => {\n          contextRef.current = DomElem;\n          if (isFocused) DomElem?.focus?.();\n        }}\n        tabIndex={tabIndex}\n        data-testid={ControlledDateTimePickerDatatestid.TIME_INPUTS.MINUTE}\n        placeholder={placeholder}\n        aria-label=\"minutes\"\n        disabled={disabled}\n        aria-disabled={applyAriaDisabled}\n        getOwnerProps={getProps}\n        readOnly={readOnly}\n        role=\"spinbutton\"\n        aria-valuemin={0}\n        aria-valuemax={59}\n        // when empty, valuenow falls back to the min (not omitted) so VoiceOver honors\n        // aria-valuetext=\"empty\" instead of announcing a computed position percentage\n        aria-valuenow={minutesNum === -1 ? 0 : minutesNum}\n        aria-valuetext={minutesNum === -1 ? 'empty' : minutesNum}\n      />\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwDjB;AAvDN,mBAAmC;AAEnC,uBAAmD;AAEnD,qBAAkC;AAClC,2BAAkD;AAClD,MAAM,gBAAgB;AACtB,MAAM,kBAAkB,CAAC,YAAoB;AAC3C,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,aAAa,cAAc,KAAK,OAAO;AAC7C,SAAO,QAAQ,SAAS,KAAK,CAAC,cAAc,OAAO,SAAS,SAAS,EAAE,IAAI;AAC7E;AAgBO,MAAM,eAAe,aAAAA,QAAM;AAAA,EAChC,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,EACF,MAAwC;AACtC,UAAM,uBAAmB;AAAA,MACvB,CAAC,MAA2C;AAC1C,YAAI,YAAY,qBAAqB,YAAY,gBAAgB,GAAG,QAAQ,KAAK,GAAG;AAClF,YAAE,eAAe;AACjB;AAAA,QACF;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,mBAAmB,UAAU,UAAU,QAAQ;AAAA,IAClD;AACA,UAAM,iBAAa,wDAAkC,KAAK;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,CAAC,YAA8B;AACvC,qBAAW,UAAU;AACrB,cAAI,UAAW,UAAS,QAAQ;AAAA,QAClC;AAAA,QACA;AAAA,QACA,eAAa,oDAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,cAAW;AAAA,QACX;AAAA,QACA,iBAAe;AAAA,QACf,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QAGf,iBAAe,eAAe,KAAK,IAAI;AAAA,QACvC,kBAAgB,eAAe,KAAK,UAAU;AAAA;AAAA,IAChD;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/cjs/parts/TimeInputs/TimeInputs.js

@@ -67,7 +67,6 @@ const TimeInputs = () => {
     hourInputRef,
     minutesInputRef,
     meridiemInputRef,
-    ariaCurrentValueForInputs,
     latestInteractionRegion,
     currFocusDescriber,
     getProps,
@@ -95,7 +94,6 @@ const TimeInputs = () => {
             contextRef: hourInputRef,
             tabIndex,
             placeholder: "HH",
-            ariaCurrentValueForInputs,
             autoFocusHourInput,
             disabled,
             "aria-disabled": applyAriaDisabled,
@@ -117,7 +115,6 @@ const TimeInputs = () => {
             contextRef: minutesInputRef,
             tabIndex,
             placeholder: "MM",
-            ariaCurrentValueForInputs,
             disabled,
             "aria-disabled": applyAriaDisabled,
             applyAriaDisabled,
@@ -138,7 +135,6 @@ const TimeInputs = () => {
             contextRef: meridiemInputRef,
             tabIndex,
             placeholder: "AM",
-            ariaCurrentValueForInputs,
             disabled,
             "aria-disabled": applyAriaDisabled,
             applyAriaDisabled,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/TimeInputs/TimeInputs.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';\nimport { HHInput } from './HHInput.js';\nimport { MinutesInput } from './MinutesInput.js';\nimport { MeridiemInput } from './MeridiemInput.js';\nimport { useTimeInputs } from './useTimeInputs.js';\nimport { fixedValues } from '../config.js';\nimport { StyledColonSeparator, StyledSeparator, StyledFocusWithIn } from '../Styleds.js';\n\nexport const TimeInputs = (): JSX.Element => {\n  const {\n    autoFocusHourInput,\n    disabled,\n    applyAriaDisabled,\n    onHoursChange,\n    onMinutesChange,\n    onMeridiemChange,\n    onHoursBlur,\n    onMinutesBlur,\n    onMeridiemBlur,\n    onHoursFocus,\n    onMeridiemFocus,\n    onMinutesFocus,\n    onHoursKeyDown,\n    onMinutesKeyDown,\n    onMeridiemKeyDown,\n  } = useTimeInputs();\n\n  // we do this here so HHInput,MinutesInput, MeridiemInput can be pure components memoized via React.memo\n  const {\n    hours,\n    minutes,\n    meridiem,\n    hourInputRef,\n    minutesInputRef,\n    meridiemInputRef,\n    ariaCurrentValueForInputs,\n    latestInteractionRegion,\n    currFocusDescriber,\n    getProps,\n    props: { tabIndex, readOnly },\n  } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <HHInput\n          value={hours}\n          onChange={onHoursChange}\n          onBlur={onHoursBlur}\n          onFocus={onHoursFocus}\n          onKeyDown={onHoursKeyDown}\n          contextRef={hourInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"HH\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          autoFocusHourInput={autoFocusHourInput}\n          disabled={disabled}\n          aria-disabled={applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'hour-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledColonSeparator alignItems=\"center\">:</StyledColonSeparator>\n      <StyledFocusWithIn>\n        <MinutesInput\n          value={minutes}\n          onChange={onMinutesChange}\n          onBlur={onMinutesBlur}\n          onFocus={onMinutesFocus}\n          onKeyDown={onMinutesKeyDown}\n          contextRef={minutesInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          aria-disabled={applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'minute-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator> </StyledSeparator>\n      <StyledFocusWithIn>\n        <MeridiemInput\n          value={meridiem}\n          onChange={onMeridiemChange}\n          onBlur={onMeridiemBlur}\n          onFocus={onMeridiemFocus}\n          onKeyDown={onMeridiemKeyDown}\n          contextRef={meridiemInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"AM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          aria-disabled={applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'meridiem-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CnB;AA7CJ,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwB;AACxB,0BAA6B;AAC7B,2BAA8B;AAC9B,2BAA8B;AAC9B,oBAA4B;AAC5B,qBAAyE;AAElE,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;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,QAAI,oCAAc;AAGlB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,SAAS;AAAA,EAC9B,QAAI,yBAAW,kEAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,MACd;AAAA,MAEA;AAAA,oDAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,4CAAC,uCAAqB,YAAW,UAAS,eAAC;AAAA,QAC3C,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,4CAAC,kCAAgB,eAAC;AAAA,QAClB,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';\nimport { HHInput } from './HHInput.js';\nimport { MinutesInput } from './MinutesInput.js';\nimport { MeridiemInput } from './MeridiemInput.js';\nimport { useTimeInputs } from './useTimeInputs.js';\nimport { fixedValues } from '../config.js';\nimport { StyledColonSeparator, StyledSeparator, StyledFocusWithIn } from '../Styleds.js';\n\nexport const TimeInputs = (): JSX.Element => {\n  const {\n    autoFocusHourInput,\n    disabled,\n    applyAriaDisabled,\n    onHoursChange,\n    onMinutesChange,\n    onMeridiemChange,\n    onHoursBlur,\n    onMinutesBlur,\n    onMeridiemBlur,\n    onHoursFocus,\n    onMeridiemFocus,\n    onMinutesFocus,\n    onHoursKeyDown,\n    onMinutesKeyDown,\n    onMeridiemKeyDown,\n  } = useTimeInputs();\n\n  // we do this here so HHInput,MinutesInput, MeridiemInput can be pure components memoized via React.memo\n  const {\n    hours,\n    minutes,\n    meridiem,\n    hourInputRef,\n    minutesInputRef,\n    meridiemInputRef,\n    latestInteractionRegion,\n    currFocusDescriber,\n    getProps,\n    props: { tabIndex, readOnly },\n  } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <HHInput\n          value={hours}\n          onChange={onHoursChange}\n          onBlur={onHoursBlur}\n          onFocus={onHoursFocus}\n          onKeyDown={onHoursKeyDown}\n          contextRef={hourInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"HH\"\n          autoFocusHourInput={autoFocusHourInput}\n          disabled={disabled}\n          aria-disabled={applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'hour-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledColonSeparator alignItems=\"center\">:</StyledColonSeparator>\n      <StyledFocusWithIn>\n        <MinutesInput\n          value={minutes}\n          onChange={onMinutesChange}\n          onBlur={onMinutesBlur}\n          onFocus={onMinutesFocus}\n          onKeyDown={onMinutesKeyDown}\n          contextRef={minutesInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"MM\"\n          disabled={disabled}\n          aria-disabled={applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'minute-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator> </StyledSeparator>\n      <StyledFocusWithIn>\n        <MeridiemInput\n          value={meridiem}\n          onChange={onMeridiemChange}\n          onBlur={onMeridiemBlur}\n          onFocus={onMeridiemFocus}\n          onKeyDown={onMeridiemKeyDown}\n          contextRef={meridiemInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"AM\"\n          disabled={disabled}\n          aria-disabled={applyAriaDisabled}\n          applyAriaDisabled={applyAriaDisabled}\n          isFocused={latestInteractionRegion === 'time-inputs' && currFocusDescriber === 'meridiem-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4CnB;AA5CJ,mBAAkC;AAClC,qBAAqB;AACrB,yCAAgD;AAChD,qBAAwB;AACxB,0BAA6B;AAC7B,2BAA8B;AAC9B,2BAA8B;AAC9B,oBAA4B;AAC5B,qBAAyE;AAElE,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;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,QAAI,oCAAc;AAGlB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,SAAS;AAAA,EAC9B,QAAI,yBAAW,kEAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,QACZ,0BAAY;AAAA,MACd;AAAA,MAEA;AAAA,oDAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,4CAAC,uCAAqB,YAAW,UAAS,eAAC;AAAA,QAC3C,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,4CAAC,kCAAgB,eAAC;AAAA,QAClB,4CAAC,oCACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA,iBAAe;AAAA,YACf;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

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

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

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

package/dist/esm/parts/ControlledDateTimePickerContent.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Grid } from "@elliemae/ds-grid";
-import { omit } from "lodash-es";
 import { useContext } from "react";
 import { ControlledDateTimePickerDatatestid } from "../constants/index.js";
 import { ControlledDateTimePickerContext } from "../ControlledDateTimePickerCTX.js";
@@ -39,6 +38,7 @@ const ControlledDateTimePickerContent = () => {
   if (shouldPreserveClearableSpace) rightControlCols.push("28px");
   if (withAnyPicker) rightControlCols.push("auto");
   const onlyPicker = hideDate && hideTime;
+  const { tabIndex, autoFocus, ...globalAttrsWithoutFocus } = globalAttrs;
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
     StyledInputsWrapperGrid,
     {
@@ -53,7 +53,7 @@ const ControlledDateTimePickerContent = () => {
       onlyPicker,
       $readOnlyStyles: readOnly || applyAriaDisabled,
       ...styledsAttrs,
-      ...omit(globalAttrs, "tabIndex", "autoFocus"),
+      ...globalAttrsWithoutFocus,
       ...xstyledAttrs,
       children: [
         hideDate ? null : /* @__PURE__ */ jsx(DateInputs, {}),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/ControlledDateTimePickerContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA,YAAY,WAAW;AC8CnB,mBAoBuB,KAGjB,YAvBN;AA7CJ,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,kBAAkB;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,IAAI,WAAW,+BAA+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,gCAKE;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,mCAAmC;AAAA,MAChD,eAAe;AAAA,MACf;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG,KAAK,aAAa,YAAY,WAAW;AAAA,MAC5C,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,oBAAC,cAAW;AAAA,QAC9B,WAAW,OAAO,oBAAC,cAAW;AAAA,QAC9B,yBACC,qBAAC,QAAK,MAAM,kBACT;AAAA,yCAA+B,oBAAC,eAAY,IAAK;AAAA,UACjD,gBAAgB,oBAAC,gBAAa,IAAK;AAAA,WACtC,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { Grid } from '@elliemae/ds-grid';\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\n  const { tabIndex, autoFocus, ...globalAttrsWithoutFocus } = globalAttrs;\n\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        {...globalAttrsWithoutFocus}\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"],
+  "mappings": "AAAA,YAAY,WAAW;ACgDnB,mBAoBuB,KAGjB,YAvBN;AA/CJ,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B,SAAS,0CAA0C;AACnD,SAAS,uCAAuC;AAChD,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,kBAAkB;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,IAAI,WAAW,+BAA+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;AAE/B,QAAM,EAAE,UAAU,WAAW,GAAG,wBAAwB,IAAI;AAE5D,SACE,gCAKE;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,mCAAmC;AAAA,MAChD,eAAe;AAAA,MACf;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,mBAAW,OAAO,oBAAC,cAAW;AAAA,QAC9B,WAAW,OAAO,oBAAC,cAAW;AAAA,QAC9B,yBACC,qBAAC,QAAK,MAAM,kBACT;AAAA,yCAA+B,oBAAC,eAAY,IAAK;AAAA,UACjD,gBAAgB,oBAAC,gBAAa,IAAK;AAAA,WACtC,IACE;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;",
   "names": []
 }

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

@@ -24,7 +24,6 @@ const DDInput = React2.memo(
     contextRef,
     tabIndex,
     placeholder,
-    ariaCurrentValueForInputs,
     isFocused,
     getProps,
     readOnly
@@ -54,7 +53,7 @@ const DDInput = React2.memo(
         },
         tabIndex,
         placeholder,
-        "aria-label": `day input field, ${ariaCurrentValueForInputs}`,
+        "aria-label": "day",
         "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.DAY,
         disabled,
         "aria-disabled": applyAriaDisabled,
@@ -64,7 +63,7 @@ const DDInput = React2.memo(
         role: "spinbutton",
         "aria-valuemin": 1,
         "aria-valuemax": 31,
-        "aria-valuenow": dayNum === -1 ? void 0 : dayNum,
+        "aria-valuenow": dayNum === -1 ? 1 : dayNum,
         "aria-valuetext": dayNum === -1 ? "empty" : announcableCardinalDays[dayNum]
       }
     );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DateInputs/DDInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACgEjB;AA/DN,OAAOA,UAAS,mBAAmB;AAEnC,SAAS,0CAA0C;AAEnD,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,yCAAyC;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,UAAUA,OAAM;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,mBAAmB;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,SAAS,kCAAkC,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,mCAAmC,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,wBAAwB,MAAM;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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  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    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\"\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        // when empty, valuenow falls back to the min (not omitted) so VoiceOver honors\n        // aria-valuetext=\"empty\" instead of announcing a computed position percentage\n        aria-valuenow={dayNum === -1 ? 1 : dayNum}\n        aria-valuetext={dayNum === -1 ? 'empty' : announcableCardinalDays[dayNum]}\n      />\n    );\n  },\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8DjB;AA7DN,OAAOA,UAAS,mBAAmB;AAEnC,SAAS,0CAA0C;AAEnD,SAAS,uBAAuB;AAChC,SAAS,+BAA+B;AACxC,SAAS,yCAAyC;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;AAkBO,MAAM,UAAUA,OAAM;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,EACF,MAAmC;AACjC,UAAM,mBAAmB;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,SAAS,kCAAkC,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,cAAW;AAAA,QACX,eAAa,mCAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QAGf,iBAAe,WAAW,KAAK,IAAI;AAAA,QACnC,kBAAgB,WAAW,KAAK,UAAU,wBAAwB,MAAM;AAAA;AAAA,IAC1E;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

package/dist/esm/parts/DateInputs/DateInputs.js

@@ -35,7 +35,6 @@ const DateInputs = () => {
     monthInputRef,
     dayInputRef,
     yearInputRef,
-    ariaCurrentValueForInputs,
     latestInteractionRegion,
     currFocusDescriber,
     getProps,
@@ -65,7 +64,6 @@ const DateInputs = () => {
             tabIndex,
             autoFocusMonthInput,
             placeholder: "MM",
-            ariaCurrentValueForInputs,
             disabled,
             applyAriaDisabled,
             hasError,
@@ -86,7 +84,6 @@ const DateInputs = () => {
             contextRef: dayInputRef,
             tabIndex,
             placeholder: "DD",
-            ariaCurrentValueForInputs,
             disabled,
             applyAriaDisabled,
             hasError,
@@ -107,7 +104,6 @@ const DateInputs = () => {
             contextRef: yearInputRef,
             tabIndex,
             placeholder: "YYYY",
-            ariaCurrentValueForInputs,
             disabled,
             applyAriaDisabled,
             hasError,

package/dist/esm/parts/DateInputs/DateInputs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DateInputs/DateInputs.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';\nimport { MMInput } from './MMInput.js';\nimport { DDInput } from './DDInput.js';\nimport { YYYYInput } from './YYYYInput.js';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds.js';\nimport { useDateInputs } from './useDateInputs.js';\nimport { fixedValues } from '../config.js';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    innerRefMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n    applyAriaDisabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const {\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    ariaCurrentValueForInputs,\n    latestInteractionRegion,\n    currFocusDescriber,\n    getProps,\n    props: { tabIndex, hasError, readOnly },\n  } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          innerRef={innerRefMonthInput}\n          tabIndex={tabIndex}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          hasError={hasError}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"DD\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          hasError={hasError}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'day-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"YYYY\"\n          ariaCurrentValueForInputs={ariaCurrentValueForInputs}\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          hasError={hasError}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'year-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CnB,SAUI,KAVJ;AA7CJ,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AACrB,SAAS,uCAAuC;AAChD,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB,uBAAuB;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,SAAS;AAAA,EACxC,IAAI,WAAW,+BAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEA;AAAA,4BAAC,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,mBAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,oBAAC,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,mBAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,oBAAC,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ControlledDateTimePickerContext } from '../../ControlledDateTimePickerCTX.js';\nimport { MMInput } from './MMInput.js';\nimport { DDInput } from './DDInput.js';\nimport { YYYYInput } from './YYYYInput.js';\nimport { StyledFocusWithIn, StyledSeparator } from '../Styleds.js';\nimport { useDateInputs } from './useDateInputs.js';\nimport { fixedValues } from '../config.js';\n\nexport const DateInputs = (): JSX.Element => {\n  const {\n    month,\n    day,\n    year,\n    autoFocusMonthInput,\n    innerRefMonthInput,\n    onMonthChange,\n    onDayChange,\n    onYearChange,\n    onMonthBlur,\n    onDayBlur,\n    onYearBlur,\n    onMonthFocus,\n    onDayFocus,\n    onYearFocus,\n    onMonthKeyDown,\n    onDayKeyDown,\n    onYearKeyDown,\n    disabled,\n    applyAriaDisabled,\n  } = useDateInputs();\n  // we do this here so MMInput,DDInput,YYYYInput can be pure component memoized via React.memo\n  const {\n    monthInputRef,\n    dayInputRef,\n    yearInputRef,\n    latestInteractionRegion,\n    currFocusDescriber,\n    getProps,\n    props: { tabIndex, hasError, readOnly },\n  } = useContext(ControlledDateTimePickerContext);\n\n  return (\n    <Grid\n      cols={[\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.smallInputWidth,\n        fixedValues.separatorWidth,\n        fixedValues.largeInputWidth,\n      ]}\n    >\n      <StyledFocusWithIn>\n        <MMInput\n          onChange={onMonthChange}\n          onBlur={onMonthBlur}\n          onFocus={onMonthFocus}\n          onKeyDown={onMonthKeyDown}\n          value={month}\n          contextRef={monthInputRef}\n          innerRef={innerRefMonthInput}\n          tabIndex={tabIndex}\n          autoFocusMonthInput={autoFocusMonthInput}\n          placeholder=\"MM\"\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          hasError={hasError}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'month-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <DDInput\n          onChange={onDayChange}\n          onBlur={onDayBlur}\n          onFocus={onDayFocus}\n          onKeyDown={onDayKeyDown}\n          value={day}\n          contextRef={dayInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"DD\"\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          hasError={hasError}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'day-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n      <StyledSeparator alignItems=\"center\">/</StyledSeparator>\n      <StyledFocusWithIn>\n        <YYYYInput\n          onChange={onYearChange}\n          onBlur={onYearBlur}\n          onFocus={onYearFocus}\n          onKeyDown={onYearKeyDown}\n          value={year}\n          contextRef={yearInputRef}\n          tabIndex={tabIndex}\n          placeholder=\"YYYY\"\n          disabled={disabled}\n          applyAriaDisabled={applyAriaDisabled}\n          hasError={hasError}\n          isFocused={latestInteractionRegion === 'date-inputs' && currFocusDescriber === 'year-input'}\n          getProps={getProps}\n          readOnly={readOnly}\n        />\n      </StyledFocusWithIn>\n    </Grid>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC4CnB,SAUI,KAVJ;AA5CJ,SAAgB,kBAAkB;AAClC,SAAS,YAAY;AACrB,SAAS,uCAAuC;AAChD,SAAS,eAAe;AACxB,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB,uBAAuB;AACnD,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAErB,MAAM,aAAa,MAAmB;AAC3C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,SAAS;AAAA,EACxC,IAAI,WAAW,+BAA+B;AAE9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,QACJ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MAEA;AAAA,4BAAC,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,mBAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,oBAAC,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA,QACA,oBAAC,mBAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,oBAAC,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,WAAW;AAAA,YACX,OAAO;AAAA,YACP,YAAY;AAAA,YACZ;AAAA,YACA,aAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,4BAA4B,iBAAiB,uBAAuB;AAAA,YAC/E;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -27,7 +27,6 @@ const MMInput = React2.memo(
     innerRef,
     tabIndex,
     autoFocusMonthInput,
-    ariaCurrentValueForInputs,
     isFocused,
     getProps,
     readOnly
@@ -68,7 +67,7 @@ const MMInput = React2.memo(
         innerRef: currentRef,
         tabIndex,
         placeholder,
-        "aria-label": `month input field, ${ariaCurrentValueForInputs}`,
+        "aria-label": "month",
         "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.MONTH,
         disabled,
         "aria-disabled": applyAriaDisabled,
@@ -78,7 +77,7 @@ const MMInput = React2.memo(
         role: "spinbutton",
         "aria-valuemin": 1,
         "aria-valuemax": 12,
-        "aria-valuenow": monthNum === -1 ? void 0 : monthNum,
+        "aria-valuenow": monthNum === -1 ? 1 : monthNum,
         "aria-valuetext": monthNum === -1 ? "empty" : monthNames[monthNum - 1]
       }
     );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DateInputs/MMInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACsFjB;AAtFN,SAAS,uBAAuB;AAEhC,OAAOA,UAAS,aAAa,eAAe;AAE5C,SAAS,0CAA0C;AAEnD,SAAS,wBAAwB;AACjC,SAAS,yCAAyC;AAClD,SAAS,kBAAkB;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,UAAUA,OAAM;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,mBAAmB;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,YAAY;AAAA,MAChB,CAAC,YAA8B;AAC7B,QAAC,WAAwD,UAAU;AACnE,YAAI,UAAW,UAAS,QAAQ;AAAA,MAClC;AAAA,MACA,CAAC,YAAY,SAAS;AAAA,IACxB;AAEA,UAAM,aAAa,QAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,eAAO,gBAAgB,CAAC,WAAW,QAAQ,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,IACT,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,UAAM,WAAW,kCAAkC,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,mCAAmC,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,WAAW,WAAW,CAAC;AAAA;AAAA,IACrE;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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  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    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\"\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        // when empty, valuenow falls back to the min (not omitted) so VoiceOver honors\n        // aria-valuetext=\"empty\" instead of announcing a computed position percentage\n        aria-valuenow={monthNum === -1 ? 1 : monthNum}\n        aria-valuetext={monthNum === -1 ? 'empty' : monthNames[monthNum - 1]}\n      />\n    );\n  },\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoFjB;AApFN,SAAS,uBAAuB;AAEhC,OAAOA,UAAS,aAAa,eAAe;AAE5C,SAAS,0CAA0C;AAEnD,SAAS,wBAAwB;AACjC,SAAS,yCAAyC;AAClD,SAAS,kBAAkB;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;AAqBO,MAAM,UAAUA,OAAM;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,EACF,MAAmC;AACjC,UAAM,mBAAmB;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,YAAY;AAAA,MAChB,CAAC,YAA8B;AAC7B,QAAC,WAAwD,UAAU;AACnE,YAAI,UAAW,UAAS,QAAQ;AAAA,MAClC;AAAA,MACA,CAAC,YAAY,SAAS;AAAA,IACxB;AAEA,UAAM,aAAa,QAAQ,MAAM;AAC/B,UAAI,UAAU;AACZ,eAAO,gBAAgB,CAAC,WAAW,QAAQ,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,IACT,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,UAAM,WAAW,kCAAkC,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,cAAW;AAAA,QACX,eAAa,mCAAmC,YAAY;AAAA,QAC5D;AAAA,QACA,iBAAe;AAAA,QACf,gBAAc;AAAA,QACd,eAAe;AAAA,QACf;AAAA,QACA,MAAK;AAAA,QACL,iBAAe;AAAA,QACf,iBAAe;AAAA,QAGf,iBAAe,aAAa,KAAK,IAAI;AAAA,QACrC,kBAAgB,aAAa,KAAK,UAAU,WAAW,WAAW,CAAC;AAAA;AAAA,IACrE;AAAA,EAEJ;AACF;",
   "names": ["React"]
 }

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

@@ -24,7 +24,6 @@ const YYYYInput = React2.memo(
     placeholder,
     contextRef,
     tabIndex,
-    ariaCurrentValueForInputs,
     isFocused,
     getProps,
     readOnly
@@ -55,7 +54,7 @@ const YYYYInput = React2.memo(
         tabIndex,
         "data-testid": ControlledDateTimePickerDatatestid.DATE_INPUTS.YEAR,
         placeholder,
-        "aria-label": `year input field, ${ariaCurrentValueForInputs}`,
+        "aria-label": "year",
         disabled,
         "aria-disabled": applyAriaDisabled,
         "aria-invalid": hasError,
@@ -64,7 +63,7 @@ const YYYYInput = React2.memo(
         role: "spinbutton",
         "aria-valuemin": 0,
         "aria-valuemax": 9999,
-        "aria-valuenow": yearNum === -1 ? void 0 : yearNum,
+        "aria-valuenow": yearNum === -1 ? 0 : yearNum,
         "aria-valuetext": yearNum === -1 ? "empty" : fillStringWithPlaceHolders(`${yearNum}`, 4, "0")
       }
     );