@elliemae/ds-form-date-time-picker 3.80.0-next.1 → 3.80.0-next.10

package/dist/cjs/constants/index.js

@@ -70,7 +70,21 @@ const FORM_DATE_TIME_PICKER_SLOTS = {
   CONTROLLER_COMPONENT_CALENDAR: "calendar-controller-wrapper",
   CONTROLLER_COMPONENT_TIMEWHEEL: "timewheel-controller-wrapper",
   CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: "calendar-timewheel-controller-wrapper",
-  CLEAR_BUTTON: "clear-btn"
+  CLEAR_BUTTON: "clear-btn",
+  // PUI-18983 — slots added to close the compliance gap on directly-rendered styled elements
+  // that previously had no injection point. Names mirror their styled component, prefixed by area.
+  INPUTS_SEPARATOR: "inputs-separator",
+  TIME_INPUTS_COLON_SEPARATOR: "time-inputs-colon-separator",
+  CALENDAR_WRAPPER: "calendar-wrapper",
+  CALENDAR_HEADER: "calendar-header",
+  CALENDAR_BODY: "calendar-body",
+  CALENDAR_HEADER_WEEKLY_DAY_ITEM: "calendar-header-weekly-day-item",
+  TIMEWHEEL_WHEEL_LIST: "timewheel-wheel-list",
+  TIMEWHEEL_WHEELS_LEGEND: "timewheel-wheels-legend",
+  TIMEWHEEL_WHEEL_WRAPPER: "timewheel-wheel-wrapper",
+  TIMEWHEEL_WHEEL_LIST_ITEM: "timewheel-wheel-list-item",
+  INPUTS_FOCUS_WITHIN: "inputs-focus-within",
+  PICKER_ICONS_WRAPPER: "picker-icons-wrapper"
 };
 const PRE_EXISTING_DATA_TESTID = {
   // we are keeping the old names for backward compatibility...

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

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

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

@@ -84,7 +84,7 @@ const DateInputs = () => {
         import_config.fixedValues.largeInputWidth
       ],
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, { getOwnerProps: getProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_MMInput.MMInput,
           {
             onChange: onMonthChange,
@@ -105,8 +105,8 @@ const DateInputs = () => {
             readOnly
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, { alignItems: "center", children: "/" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, { alignItems: "center", getOwnerProps: getProps, children: "/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, { getOwnerProps: getProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_DDInput.DDInput,
           {
             onChange: onDayChange,
@@ -125,8 +125,8 @@ const DateInputs = () => {
             readOnly
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, { alignItems: "center", children: "/" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledSeparator, { alignItems: "center", getOwnerProps: getProps, children: "/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledFocusWithIn, { getOwnerProps: getProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_YYYYInput.YYYYInput,
           {
             onChange: onYearChange,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/DateInputs/DateInputs.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 { 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", "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,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAmD;AACnD,2BAA8B;AAC9B,oBAA4B;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,QAAI,oCAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,SAAS;AAAA,EACxC,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,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,4CAAC,kCAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,4CAAC,oCACC;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,4CAAC,kCAAgB,YAAW,UAAS,eAAC;AAAA,QACtC,4CAAC,oCACC;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;",
+  "sourcesContent": ["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 getOwnerProps={getProps}>\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\" getOwnerProps={getProps}>\n        /\n      </StyledSeparator>\n      <StyledFocusWithIn getOwnerProps={getProps}>\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\" getOwnerProps={getProps}>\n        /\n      </StyledSeparator>\n      <StyledFocusWithIn getOwnerProps={getProps}>\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", "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,qBAAwB;AACxB,uBAA0B;AAC1B,qBAAmD;AACnD,2BAA8B;AAC9B,oBAA4B;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,QAAI,oCAAc;AAElB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,EAAE,UAAU,UAAU,SAAS;AAAA,EACxC,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,oCAAkB,eAAe,UAChC;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,4CAAC,kCAAgB,YAAW,UAAS,eAAe,UAAU,eAE9D;AAAA,QACA,4CAAC,oCAAkB,eAAe,UAChC;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,4CAAC,kCAAgB,YAAW,UAAS,eAAe,UAAU,eAE9D;AAAA,QACA,4CAAC,oCAAkB,eAAe,UAChC;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/cjs/parts/Pickers/Calendar/CalendarBody.js

@@ -35,21 +35,25 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_constants = require("../../../constants/index.js");
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
 var import_CalendarMonthDays = require("./CalendarMonthDays.js");
 var import_CalendarWeekDays = require("./CalendarWeekDays.js");
 var import_Styleds = require("./Styleds.js");
-const CalendarBody = import_react.default.memo(({ weekRowsNum }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "span",
-  {
-    role: "grid",
-    "aria-label": "calendar",
-    "aria-colcount": 7,
-    "aria-rowcount": weekRowsNum,
-    "data-testid": import_constants.ControlledDateTimePickerDatatestid.CALENDAR.TABLE_WRAPPER,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWeekDays.CalendarWeekDays, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarMonthDays.CalendarMonthDays, {}) })
-    ]
-  }
-));
+const CalendarBody = import_react.default.memo(({ weekRowsNum }) => {
+  const { getProps } = import_react.default.useContext(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      role: "grid",
+      "aria-label": "calendar",
+      "aria-colcount": 7,
+      "aria-rowcount": weekRowsNum,
+      "data-testid": import_constants.ControlledDateTimePickerDatatestid.CALENDAR.TABLE_WRAPPER,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarWeekDays.CalendarWeekDays, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledBody, { getOwnerProps: getProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarMonthDays.CalendarMonthDays, {}) })
+      ]
+    }
+  );
+});
 //# sourceMappingURL=CalendarBody.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarBody.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { CalendarMonthDays } from './CalendarMonthDays.js';\nimport { CalendarWeekDays } from './CalendarWeekDays.js';\nimport { StyledBody } from './Styleds.js';\n\ninterface CalendarBodyPropsT {\n  weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => (\n  <span\n    role=\"grid\"\n    aria-label=\"calendar\"\n    aria-colcount={7}\n    aria-rowcount={weekRowsNum}\n    data-testid={ControlledDateTimePickerDatatestid.CALENDAR.TABLE_WRAPPER}\n  >\n    <CalendarWeekDays />\n    <StyledBody>\n      <CalendarMonthDays />\n    </StyledBody>\n  </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUrB;AAVF,mBAAkB;AAClB,uBAAmD;AACnD,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAKpB,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,MACpD;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,eAAa,oDAAmC,SAAS;AAAA,IAEzD;AAAA,kDAAC,4CAAiB;AAAA,MAClB,4CAAC,6BACC,sDAAC,8CAAkB,GACrB;AAAA;AAAA;AACF,CACD;",
+  "sourcesContent": ["import React from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { CalendarMonthDays } from './CalendarMonthDays.js';\nimport { CalendarWeekDays } from './CalendarWeekDays.js';\nimport { StyledBody } from './Styleds.js';\n\ninterface CalendarBodyPropsT {\n  weekRowsNum: number;\n}\nexport const CalendarBody = React.memo(({ weekRowsNum }: CalendarBodyPropsT) => {\n  const { getProps } = React.useContext(ControlledDateTimePickerContext);\n\n  return (\n    <span\n      role=\"grid\"\n      aria-label=\"calendar\"\n      aria-colcount={7}\n      aria-rowcount={weekRowsNum}\n      data-testid={ControlledDateTimePickerDatatestid.CALENDAR.TABLE_WRAPPER}\n    >\n      <CalendarWeekDays />\n      <StyledBody getOwnerProps={getProps}>\n        <CalendarMonthDays />\n      </StyledBody>\n    </span>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAdJ,mBAAkB;AAClB,uBAAmD;AACnD,yCAAgD;AAChD,+BAAkC;AAClC,8BAAiC;AACjC,qBAA2B;AAKpB,MAAM,eAAe,aAAAA,QAAM,KAAK,CAAC,EAAE,YAAY,MAA0B;AAC9E,QAAM,EAAE,SAAS,IAAI,aAAAA,QAAM,WAAW,kEAA+B;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,eAAa,oDAAmC,SAAS;AAAA,MAEzD;AAAA,oDAAC,4CAAiB;AAAA,QAClB,4CAAC,6BAAW,eAAe,UACzB,sDAAC,8CAAkB,GACrB;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;",
   "names": ["React"]
 }

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

@@ -53,7 +53,7 @@ const CalendarContent = ({ className = "" }) => {
       className,
       "data-testid": import_constants.ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR,
       getOwnerProps: getProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledCalendarWrapper, { $readOnlyStyles: readOnly || applyAriaDisabled, children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledCalendarWrapper, { $readOnlyStyles: readOnly || applyAriaDisabled, getOwnerProps: getProps, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarHead.CalendarHead, {}),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarBody.CalendarBody, { weekRowsNum: daysMatrixByWeekday.length }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CalendarFooter.CalendarFooter, {})

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarContent.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { CalendarBody } from './CalendarBody.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { CalendarFooter } from './CalendarFooter.js';\nimport { CalendarHead } from './CalendarHead.js';\nimport { StyledCalendarWrapper, StyledShadowWrapper } from './Styleds.js';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const {\n    getProps,\n    props: { readOnly, applyAriaDisabled },\n  } = useContext(ControlledDateTimePickerContext);\n  const { daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n      getOwnerProps={getProps}\n    >\n      <StyledCalendarWrapper $readOnlyStyles={readOnly || applyAriaDisabled}>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BjB;AA1BN,mBAA2B;AAC3B,uBAAmD;AACnD,yCAAgD;AAChD,0BAA6B;AAC7B,6BAAgC;AAChC,4BAA+B;AAC/B,0BAA6B;AAC7B,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,UAAU,kBAAkB;AAAA,EACvC,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,EAAE,oBAAoB,QAAI,yBAAW,sCAAe;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,oDAAmC,qBAAqB;AAAA,MACrE,eAAe;AAAA,MAEf,uDAAC,wCAAsB,iBAAiB,YAAY,mBAClD;AAAA,oDAAC,oCAAa;AAAA,QACd,4CAAC,oCAAa,aAAa,oBAAoB,QAAQ;AAAA,QACvD,4CAAC,wCAAe;AAAA,SAClB;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport { useContext } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { CalendarBody } from './CalendarBody.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { CalendarFooter } from './CalendarFooter.js';\nimport { CalendarHead } from './CalendarHead.js';\nimport { StyledCalendarWrapper, StyledShadowWrapper } from './Styleds.js';\n\n// ({ className = '' }: { className?: string })\n// <StyledShadowWrapper className={className}>\n// is required for styled-components, without this we can't styled(CalendarContent)...\n// https://stackoverflow.com/questions/52542817/styled-components-not-applying-style-to-custom-functional-react-component\nexport const CalendarContent = ({ className = '' }: { className?: string }): JSX.Element => {\n  const {\n    getProps,\n    props: { readOnly, applyAriaDisabled },\n  } = useContext(ControlledDateTimePickerContext);\n  const { daysMatrixByWeekday } = useContext(CalendarContext);\n\n  return (\n    <StyledShadowWrapper\n      className={className}\n      data-testid={ControlledDateTimePickerDatatestid.CONTROLLER_COMPONENT.CALENDAR}\n      getOwnerProps={getProps}\n    >\n      <StyledCalendarWrapper $readOnlyStyles={readOnly || applyAriaDisabled} getOwnerProps={getProps}>\n        <CalendarHead />\n        <CalendarBody weekRowsNum={daysMatrixByWeekday.length} />\n        <CalendarFooter />\n      </StyledCalendarWrapper>\n    </StyledShadowWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2BjB;AA1BN,mBAA2B;AAC3B,uBAAmD;AACnD,yCAAgD;AAChD,0BAA6B;AAC7B,6BAAgC;AAChC,4BAA+B;AAC/B,0BAA6B;AAC7B,qBAA2D;AAMpD,MAAM,kBAAkB,CAAC,EAAE,YAAY,GAAG,MAA2C;AAC1F,QAAM;AAAA,IACJ;AAAA,IACA,OAAO,EAAE,UAAU,kBAAkB;AAAA,EACvC,QAAI,yBAAW,kEAA+B;AAC9C,QAAM,EAAE,oBAAoB,QAAI,yBAAW,sCAAe;AAE1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,oDAAmC,qBAAqB;AAAA,MACrE,eAAe;AAAA,MAEf,uDAAC,wCAAsB,iBAAiB,YAAY,mBAAmB,eAAe,UACpF;AAAA,oDAAC,oCAAa;AAAA,QACd,4CAAC,oCAAa,aAAa,oBAAoB,QAAQ;AAAA,QACvD,4CAAC,wCAAe;AAAA,SAClB;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -105,7 +105,7 @@ const CalendarHead = () => {
     },
     [currFocusDescriber, latestInteractionRegion, nextYearBtnRef]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledHeader, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Styleds.StyledHeader, { getOwnerProps: getProps, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Styleds.StyledHeaderButton,
       {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarHead.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity, @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport { BUTTON_SIZES } from '@elliemae/ds-button-v2';\nimport { ChevronDoubleLeft, ChevronDoubleRight, ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { StyledHeader, StyledHeaderButton, StyledHeaderLabel } from './Styleds.js';\n\nconst useGetFormattedCurrentDate = () => {\n  const { currentMonth, currentYear } = useContext(CalendarContext);\n\n  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    handlePrevYear,\n    handlePrevMonth,\n    handleNextMonth,\n    handleNextYear,\n    handlePrevYearKeyDown,\n    handlePrevMonthKeyDown,\n    handleNextMonthKeyDown,\n    handleNextYearKeyDown,\n    onPrevYearFocus,\n    onPrevMonthFocus,\n    onNextMonthFocus,\n    onNextYearFocus,\n  } = useContext(CalendarContext);\n\n  const {\n    isControllerOnly,\n    autoFocusPrevMonthArrow,\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    latestInteractionRegion,\n    currFocusDescriber,\n    getProps,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const handlePrevYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevYearBtnRef],\n  );\n  const handlePrevMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef],\n  );\n  const handleNextMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef],\n  );\n  const handleNextYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextYearBtnRef],\n  );\n\n  return (\n    <StyledHeader>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={handlePrevYearRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 0}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n        type=\"button\"\n        getOwnerProps={getProps}\n      >\n        <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevMonth}\n        innerRef={handlePrevMonthRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        type=\"button\"\n        getOwnerProps={getProps}\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderLabel\n        aria-live=\"polite\"\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL}\n        getOwnerProps={getProps}\n      >\n        {currentFormatedDate}\n      </StyledHeaderLabel>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={handleNextMonthRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n        type=\"button\"\n        getOwnerProps={getProps}\n      >\n        <ChevronRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={handleNextYearRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n        type=\"button\"\n        getOwnerProps={getProps}\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable complexity, @typescript-eslint/no-unsafe-member-access,  @typescript-eslint/no-unsafe-assignment */\nimport { BUTTON_SIZES } from '@elliemae/ds-button-v2';\nimport { ChevronDoubleLeft, ChevronDoubleRight, ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { ControlledDateTimePickerDatatestid } from '../../../constants/index.js';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { getMonthNameByMonthNumber } from '../../../utils/dateHelpers.js';\nimport { CalendarContext } from './CalendarContext.js';\nimport { StyledHeader, StyledHeaderButton, StyledHeaderLabel } from './Styleds.js';\n\nconst useGetFormattedCurrentDate = () => {\n  const { currentMonth, currentYear } = useContext(CalendarContext);\n\n  const monthString = currentMonth >= 0 && currentMonth <= 11 ? `${getMonthNameByMonthNumber(currentMonth)} ` : '';\n\n  return useMemo(() => `${monthString}${currentYear}`, [monthString, currentYear]);\n};\nexport const CalendarHead = (): JSX.Element => {\n  const currentFormatedDate = useGetFormattedCurrentDate();\n  const {\n    handlePrevYear,\n    handlePrevMonth,\n    handleNextMonth,\n    handleNextYear,\n    handlePrevYearKeyDown,\n    handlePrevMonthKeyDown,\n    handleNextMonthKeyDown,\n    handleNextYearKeyDown,\n    onPrevYearFocus,\n    onPrevMonthFocus,\n    onNextMonthFocus,\n    onNextYearFocus,\n  } = useContext(CalendarContext);\n\n  const {\n    isControllerOnly,\n    autoFocusPrevMonthArrow,\n    prevYearBtnRef,\n    prevMonthBtnRef,\n    nextMonthBtnRef,\n    nextYearBtnRef,\n    latestInteractionRegion,\n    currFocusDescriber,\n    getProps,\n  } = useContext(ControlledDateTimePickerContext);\n\n  const handlePrevYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevYearBtnRef],\n  );\n  const handlePrevMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      prevMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-prev-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, prevMonthBtnRef],\n  );\n  const handleNextMonthRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextMonthBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-month')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextMonthBtnRef],\n  );\n  const handleNextYearRef = useCallback(\n    (ButtonDomNode: HTMLButtonElement) => {\n      nextYearBtnRef.current = ButtonDomNode;\n      if (latestInteractionRegion === 'calendar-head' && currFocusDescriber === 'calendar-next-year')\n        ButtonDomNode?.focus?.();\n    },\n    [currFocusDescriber, latestInteractionRegion, nextYearBtnRef],\n  );\n\n  return (\n    <StyledHeader getOwnerProps={getProps}>\n      <StyledHeaderButton\n        aria-label=\"previous year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevYear}\n        innerRef={handlePrevYearRef}\n        onKeyDown={handlePrevYearKeyDown}\n        onFocus={onPrevYearFocus}\n        tabIndex={isControllerOnly ? -1 : 0}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_YEAR}\n        type=\"button\"\n        getOwnerProps={getProps}\n      >\n        <ChevronDoubleLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        autoFocus={autoFocusPrevMonthArrow}\n        aria-label=\"previous month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handlePrevMonth}\n        innerRef={handlePrevMonthRef}\n        onKeyDown={handlePrevMonthKeyDown}\n        onFocus={onPrevMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.PREV_MONTH}\n        type=\"button\"\n        getOwnerProps={getProps}\n        // this is a tabstop for when the calendar is open\n      >\n        <ChevronLeft height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderLabel\n        aria-live=\"polite\"\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.HEADER_LABEL}\n        getOwnerProps={getProps}\n      >\n        {currentFormatedDate}\n      </StyledHeaderLabel>\n      <StyledHeaderButton\n        aria-label=\"next month\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextMonth}\n        innerRef={handleNextMonthRef}\n        onKeyDown={handleNextMonthKeyDown}\n        onFocus={onNextMonthFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_MONTH}\n        type=\"button\"\n        getOwnerProps={getProps}\n      >\n        <ChevronRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n      <StyledHeaderButton\n        aria-label=\"next year\"\n        buttonType=\"raw\"\n        size={BUTTON_SIZES.M}\n        onClick={handleNextYear}\n        innerRef={handleNextYearRef}\n        onKeyDown={handleNextYearKeyDown}\n        onFocus={onNextYearFocus}\n        data-testid={ControlledDateTimePickerDatatestid.CALENDAR.NEXT_YEAR}\n        type=\"button\"\n        getOwnerProps={getProps}\n      >\n        <ChevronDoubleRight height={14} width={14} fill=\"#25292f\" />\n      </StyledHeaderButton>\n    </StyledHeader>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -34,27 +34,32 @@ module.exports = __toCommonJS(CalendarWeekDays_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
+var import_ControlledDateTimePickerCTX = require("../../../ControlledDateTimePickerCTX.js");
 var import_Styleds = require("./Styleds.js");
-const CalendarWeekDays = import_react.default.memo(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "rowgroup", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  import_Styleds.StyledWeekDaysListWrapper,
-  {
-    role: "row",
-    cols: ["2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem"],
-    rows: ["1.6923rem"],
-    py: "xxxs",
-    px: "6px",
-    justifyContent: "space-between",
-    alignItems: "center",
-    isHeader: true,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 1, children: "sun" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 2, children: "mon" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 3, children: "tue" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 4, children: "wed" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 5, children: "thu" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 6, children: "fri" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 7, children: "sat" })
-    ]
-  }
-) }));
+const CalendarWeekDays = import_react.default.memo(() => {
+  const { getProps } = import_react.default.useContext(import_ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { role: "rowgroup", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_Styleds.StyledWeekDaysListWrapper,
+    {
+      role: "row",
+      cols: ["2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem", "2.4615rem"],
+      rows: ["1.6923rem"],
+      py: "xxxs",
+      px: "6px",
+      justifyContent: "space-between",
+      alignItems: "center",
+      isHeader: true,
+      getOwnerProps: getProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 1, getOwnerProps: getProps, children: "sun" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 2, getOwnerProps: getProps, children: "mon" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 3, getOwnerProps: getProps, children: "tue" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 4, getOwnerProps: getProps, children: "wed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 5, getOwnerProps: getProps, children: "thu" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 6, getOwnerProps: getProps, children: "fri" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Styleds.StyledWeekDaysHeaderItem, { role: "columnheader", "aria-colindex": 7, getOwnerProps: getProps, children: "sat" })
+      ]
+    }
+  ) });
+});
 //# sourceMappingURL=CalendarWeekDays.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/CalendarWeekDays.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds.js';\n\nexport const CalendarWeekDays = React.memo(() => (\n  <span role=\"rowgroup\">\n    <StyledWeekDaysListWrapper\n      role=\"row\"\n      cols={['2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem']}\n      rows={['1.6923rem']}\n      py=\"xxxs\"\n      px=\"6px\"\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      isHeader\n    >\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1}>\n        sun\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2}>\n        mon\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3}>\n        tue\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4}>\n        wed\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5}>\n        thu\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6}>\n        fri\n      </StyledWeekDaysHeaderItem>\n      <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7}>\n        sat\n      </StyledWeekDaysHeaderItem>\n    </StyledWeekDaysListWrapper>\n  </span>\n));\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKnB;AALJ,mBAAkB;AAClB,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MACzC,4CAAC,UAAK,MAAK,YACT;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,MAAM,CAAC,aAAa,aAAa,aAAa,aAAa,aAAa,aAAa,WAAW;AAAA,IAChG,MAAM,CAAC,WAAW;AAAA,IAClB,IAAG;AAAA,IACH,IAAG;AAAA,IACH,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,UAAQ;AAAA,IAER;AAAA,kDAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA,MACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,iBAEhE;AAAA;AAAA;AACF,GACF,CACD;",
+  "sourcesContent": ["import React from 'react';\nimport { ControlledDateTimePickerContext } from '../../../ControlledDateTimePickerCTX.js';\nimport { StyledWeekDaysListWrapper, StyledWeekDaysHeaderItem } from './Styleds.js';\n\nexport const CalendarWeekDays = React.memo(() => {\n  const { getProps } = React.useContext(ControlledDateTimePickerContext);\n\n  return (\n    <span role=\"rowgroup\">\n      <StyledWeekDaysListWrapper\n        role=\"row\"\n        cols={['2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem', '2.4615rem']}\n        rows={['1.6923rem']}\n        py=\"xxxs\"\n        px=\"6px\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        isHeader\n        getOwnerProps={getProps}\n      >\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={1} getOwnerProps={getProps}>\n          sun\n        </StyledWeekDaysHeaderItem>\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={2} getOwnerProps={getProps}>\n          mon\n        </StyledWeekDaysHeaderItem>\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={3} getOwnerProps={getProps}>\n          tue\n        </StyledWeekDaysHeaderItem>\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={4} getOwnerProps={getProps}>\n          wed\n        </StyledWeekDaysHeaderItem>\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={5} getOwnerProps={getProps}>\n          thu\n        </StyledWeekDaysHeaderItem>\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={6} getOwnerProps={getProps}>\n          fri\n        </StyledWeekDaysHeaderItem>\n        <StyledWeekDaysHeaderItem role=\"columnheader\" aria-colindex={7} getOwnerProps={getProps}>\n          sat\n        </StyledWeekDaysHeaderItem>\n      </StyledWeekDaysListWrapper>\n    </span>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSjB;AATN,mBAAkB;AAClB,yCAAgD;AAChD,qBAAoE;AAE7D,MAAM,mBAAmB,aAAAA,QAAM,KAAK,MAAM;AAC/C,QAAM,EAAE,SAAS,IAAI,aAAAA,QAAM,WAAW,kEAA+B;AAErE,SACE,4CAAC,UAAK,MAAK,YACT;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAM,CAAC,aAAa,aAAa,aAAa,aAAa,aAAa,aAAa,WAAW;AAAA,MAChG,MAAM,CAAC,WAAW;AAAA,MAClB,IAAG;AAAA,MACH,IAAG;AAAA,MACH,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,UAAQ;AAAA,MACR,eAAe;AAAA,MAEf;AAAA,oDAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA,QACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA,QACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA,QACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA,QACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA,QACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA,QACA,4CAAC,2CAAyB,MAAK,gBAAe,iBAAe,GAAG,eAAe,UAAU,iBAEzF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;",
   "names": ["React"]
 }

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

@@ -97,13 +97,19 @@ const StyledShadowWrapper = (0, import_ds_system.styled)("div", {
   name: import_constants.DSControlledDateTimePickerName,
   slot: import_constants.DSControlledDateTimePickerSlots.CONTROLLER_COMPONENT.CALENDAR
 })``;
-const StyledCalendarWrapper = import_ds_system.styled.div`
+const StyledCalendarWrapper = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSControlledDateTimePickerName,
+  slot: import_constants.FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_WRAPPER
+})`
   display: grid;
   min-width: 260px;
   background-color: ${({ theme, $readOnlyStyles }) => $readOnlyStyles ? theme.colors.neutral["050"] : theme.colors.neutral["000"]};
   grid-template-rows: auto auto;
 `;
-const StyledHeader = import_ds_system.styled.section`
+const StyledHeader = (0, import_ds_system.styled)("section", {
+  name: import_constants.DSControlledDateTimePickerName,
+  slot: import_constants.FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER
+})`
   * {
     margin: 0;
     padding: 0;
@@ -148,7 +154,10 @@ const StyledHeaderButton = (0, import_ds_system.styled)(import_ds_button_v2.DSBu
     background: ${({ theme }) => theme.colors.brand[200]};
   }
 `;
-const StyledBody = import_ds_system.styled.section`
+const StyledBody = (0, import_ds_system.styled)("section", {
+  name: import_constants.DSControlledDateTimePickerName,
+  slot: import_constants.FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_BODY
+})`
   padding: ${({ theme }) => theme.space.xxxs};
 `;
 const StyledDayBtn = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2, {
@@ -537,7 +546,10 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
     box-shadow: none;
   }
 `;
-const StyledWeekDaysHeaderItem = import_ds_system.styled.div`
+const StyledWeekDaysHeaderItem = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSControlledDateTimePickerName,
+  slot: import_constants.FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_ITEM
+})`
   min-width: 2.4615rem;
   display: flex;
   justify-content: center;