@elliemae/ds-form-date-time-picker 3.60.0-next.60 → 3.60.0-next.61

package/dist/cjs/constants/index.js

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSControlledDateTimePickerName = 'DSControlleddatetimepicker';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_SLOTS = {\n  CONTAINER: 'root',\n  // THE SLOT IS ABOUT \"DATE\" EVEN IF THE STRING SAYS \"time-...\"\n  //  When this was first defined there was a typo in the string, now we can't change because it is a deliverable and would impact application space.\n  DATE_INPUTS_MONTH: 'time-picker-month-input',\n  DATE_INPUTS_DAY: 'time-picker-day-input',\n  DATE_INPUTS_YEAR: 'time-picker-year-input',\n  // end of typo\n  TIME_INPUTS_HOUR: 'time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  CALENDAR_DAY_BUTTON: 'calendar-day',\n  CALENDAR_HEADER_LABEL: 'calendar-header-label',\n  CALENDAR_HEADER_BUTTON: 'calendar-header-buttons',\n  CALENDAR_HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  TIMEWHEEL_TIME_BUTTON: 'timewheel-time-button',\n  TIMEWHEEL_TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n  TIMEWHEEL_HEADER_LABEL: 'timewheel-header-label',\n  CONTEXTUAL_MENU_CALENDAR: 'calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  FOOTERS_CALENDAR: 'calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  CONTROLLER_COMPONENT_CALENDAR: 'calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  CLEAR_BUTTON: 'clear-btn',\n} as const;\n\nconst PRE_EXISTING_DATA_TESTID = {\n  // we are keeping the old names for backward compatibility...\n  CONTAINER: 'ds-controlled-date-time-picker-container',\n  DATE_INPUTS_MONTH: 'ds-controlled-date-time-picker-month-input',\n  DATE_INPUTS_DAY: 'ds-controlled-date-time-picker-day-input',\n  DATE_INPUTS_YEAR: 'ds-controlled-date-time-picker-year-input',\n  TIME_INPUTS_HOUR: 'ds-controlled-date-time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'ds-controlled-date-time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n  CALENDAR_TABLE_WRAPPER: 'ds-controlled-date-time-picker-calendar-table-wrapper',\n  CALENDAR_HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n  CALENDAR_PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n  CALENDAR_PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n  CALENDAR_DAY: 'ds-controlled-date-time-picker-calendar-day',\n  CALENDAR_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n  CALENDAR_START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n  CALENDAR_IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n  CALENDAR_END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n  CALENDAR_SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n  CALENDAR_SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n  CALENDAR_NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n  CALENDAR_NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n  TIMEWHEEL_HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n  TIMEWHEEL_PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n  TIMEWHEEL_HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n  TIMEWHEEL_CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n  TIMEWHEEL_NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n  TIMEWHEEL_PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n  TIMEWHEEL_MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n  TIMEWHEEL_CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n  TIMEWHEEL_NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n  TIMEWHEEL_PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n  TIMEWHEEL_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n  TIMEWHEEL_CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n  TIMEWHEEL_NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n  CONTEXTUAL_MENU_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n  FOOTERS_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSControlledDateTimePickerName, FORM_DATE_TIME_PICKER_SLOTS),\n  ...PRE_EXISTING_DATA_TESTID,\n};\n\n/* ******************************************************************************************\nThis component was created before the team had a convention for data-testid and slots.\n*********************************************************************************************\n    START OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\nexport const DSControlledDateTimePickerSlotsFlatten = FORM_DATE_TIME_PICKER_SLOTS;\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: FORM_DATE_TIME_PICKER_SLOTS.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    DAY_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_DAY_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_LABEL,\n    HEADER_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_BUTTON,\n    HEADER_WEEKLY_DAY_LIST: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_LIST,\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_BUTTON,\n    TIME_CHANGE_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_CHANGE_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_HEADER_LABEL,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CLEAR_BUTTON,\n};\nexport const ControlledDateTimePickerDatatestidFlattened = FORM_DATE_TIME_PICKER_DATA_TESTID;\nexport const ControlledDateTimePickerDatatestid = {\n  CONTAINER: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    TABLE_WRAPPER: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_TABLE_WRAPPER,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_HEADER_LABEL,\n    PREV_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_YEAR,\n    PREV_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_DAY,\n    FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_FOCUSED_DAY,\n    START_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_START_RANGE_DAY,\n    IN_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_IN_RANGE_DAY,\n    END_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_END_RANGE_DAY,\n    SELECTED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_DAY,\n    SELECTED_FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_FOCUSED_DAY,\n    NEXT_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_MONTH,\n    NEXT_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_YEAR,\n  },\n  TIMEWHEEL: {\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HEADER_LABEL,\n    PREV_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_HOUR,\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HOUR,\n    CURRENT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_HOUR,\n    NEXT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_HOUR,\n    PREV_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MINUTE,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MINUTE,\n    CURRENT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MINUTE,\n    NEXT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MINUTE,\n    PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,\n    CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,\n    NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_DATA_TESTID.CLEAR_BUTTON,\n} as const;\n/* ******************************************************************************************\n    END OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSControlledDateTimePickerName = 'DSControlleddatetimepicker';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_SLOTS = {\n  CONTAINER: 'root',\n  // THE SLOT IS ABOUT \"DATE\" EVEN IF THE STRING SAYS \"time-...\"\n  //  When this was first defined there was a typo in the string, now we can't change because it is a deliverable and would impact application space.\n  DATE_INPUTS_MONTH: 'time-picker-month-input',\n  DATE_INPUTS_DAY: 'time-picker-day-input',\n  DATE_INPUTS_YEAR: 'time-picker-year-input',\n  // end of typo\n  TIME_INPUTS_HOUR: 'time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-trigger-icon',\n  CALENDAR_DAY_BUTTON: 'calendar-day',\n  CALENDAR_HEADER_LABEL: 'calendar-header-label',\n  CALENDAR_HEADER_BUTTON: 'calendar-header-buttons',\n  CALENDAR_HEADER_WEEKLY_DAY_LIST: 'calendar-header-weekly-day-list',\n  TIMEWHEEL_TIME_BUTTON: 'timewheel-time-button',\n  TIMEWHEEL_TIME_CHANGE_BUTTON: 'timewheel-time-change-button',\n  TIMEWHEEL_HEADER_LABEL: 'timewheel-header-label',\n  CONTEXTUAL_MENU_CALENDAR: 'calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-content-wrapper',\n  FOOTERS_CALENDAR: 'calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'calendar-timewheel-context-footer',\n  CONTROLLER_COMPONENT_CALENDAR: 'calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'calendar-timewheel-controller-wrapper',\n  CLEAR_BUTTON: 'clear-btn',\n} as const;\n\nconst PRE_EXISTING_DATA_TESTID = {\n  // we are keeping the old names for backward compatibility...\n  CONTAINER: 'ds-controlled-date-time-picker-container',\n  DATE_INPUTS_MONTH: 'ds-controlled-date-time-picker-month-input',\n  DATE_INPUTS_DAY: 'ds-controlled-date-time-picker-day-input',\n  DATE_INPUTS_YEAR: 'ds-controlled-date-time-picker-year-input',\n  TIME_INPUTS_HOUR: 'ds-controlled-date-time-picker-hour-input',\n  TIME_INPUTS_MINUTE: 'ds-controlled-date-time-picker-minute-input',\n  TIME_INPUTS_MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input',\n  PICKER_ICONS_CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',\n  PICKER_ICONS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',\n  PICKER_ICONS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon',\n  CALENDAR_TABLE_WRAPPER: 'ds-controlled-date-time-picker-calendar-table-wrapper',\n  CALENDAR_HEADER_LABEL: 'ds-controlled-date-time-picker-calendar-header-label',\n  CALENDAR_PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',\n  CALENDAR_PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',\n  CALENDAR_DAY: 'ds-controlled-date-time-picker-calendar-day',\n  CALENDAR_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',\n  CALENDAR_START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',\n  CALENDAR_IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',\n  CALENDAR_END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',\n  CALENDAR_SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',\n  CALENDAR_SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',\n  CALENDAR_NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',\n  CALENDAR_NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year',\n  TIMEWHEEL_HEADER_LABEL: 'ds-controlled-date-time-picker-timewheel-header-label',\n  TIMEWHEEL_PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',\n  TIMEWHEEL_HOUR: 'ds-controlled-date-time-picker-timewheel-hour',\n  TIMEWHEEL_CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',\n  TIMEWHEEL_NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',\n  TIMEWHEEL_PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',\n  TIMEWHEEL_MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',\n  TIMEWHEEL_CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',\n  TIMEWHEEL_NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',\n  TIMEWHEEL_PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',\n  TIMEWHEEL_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',\n  TIMEWHEEL_CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',\n  TIMEWHEEL_NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem',\n  // MeridiemList renders a dual-layer pattern (see KNOWN_INTENTIONAL_DEVIATIONS.md DEV-001):\n  //   - A11y layer: invisible semantic listbox \u2014 the real focus target, owns CURRENT_MERIDIEM above.\n  //   - Visual layer: aria-hidden StyledTimeBtn elements \u2014 presentation only, no focus capability.\n  //\n  // CURRENT_MERIDIEM / MERIDIEM originally lived on the visual elements. When the a11y layer became\n  // the focus target, CURRENT_MERIDIEM moved to the listbox. The visual elements received\n  // -visual-element-suffixed testids to prevent DOM query duplication (getByTestId would otherwise\n  // return two elements with the same testid and throw in most automation frameworks).\n  //\n  // data-dimsum-slot on StyledTimeBtn (TIMEWHEEL_TIME_BUTTON) is unaffected \u2014 theming via slots is unchanged.\n  TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-meridiem-visual-element',\n  TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT: 'ds-controlled-date-time-picker-timewheel-current-meridiem-visual-element',\n  CONTEXTUAL_MENU_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',\n  CONTEXTUAL_MENU_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',\n  CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',\n  CONTROLLER_COMPONENT_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',\n  CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper',\n  FOOTERS_CALENDAR: 'ds-controlled-date-time-picker-calendar-context-footer',\n  FOOTERS_TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-footer',\n  FOOTERS_CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-footer',\n  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const FORM_DATE_TIME_PICKER_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSControlledDateTimePickerName, FORM_DATE_TIME_PICKER_SLOTS),\n  ...PRE_EXISTING_DATA_TESTID,\n};\n\n/* ******************************************************************************************\nThis component was created before the team had a convention for data-testid and slots.\n*********************************************************************************************\n    START OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\nexport const DSControlledDateTimePickerSlotsFlatten = FORM_DATE_TIME_PICKER_SLOTS;\nexport const DSControlledDateTimePickerSlots = {\n  CONTAINER: FORM_DATE_TIME_PICKER_SLOTS.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_SLOTS.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_SLOTS.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    DAY_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_DAY_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_LABEL,\n    HEADER_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_BUTTON,\n    HEADER_WEEKLY_DAY_LIST: FORM_DATE_TIME_PICKER_SLOTS.CALENDAR_HEADER_WEEKLY_DAY_LIST,\n  },\n  TIMEWHEEL: {\n    TIME_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_BUTTON,\n    TIME_CHANGE_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_TIME_CHANGE_BUTTON,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_SLOTS.TIMEWHEEL_HEADER_LABEL,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_SLOTS.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_SLOTS.CLEAR_BUTTON,\n};\nexport const ControlledDateTimePickerDatatestidFlattened = FORM_DATE_TIME_PICKER_DATA_TESTID;\nexport const ControlledDateTimePickerDatatestid = {\n  CONTAINER: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTAINER,\n  DATE_INPUTS: {\n    MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_DAY,\n    YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.DATE_INPUTS_YEAR,\n  },\n  TIME_INPUTS: {\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_HOUR,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MINUTE,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIME_INPUTS_MERIDIEM,\n  },\n  PICKER_ICONS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.PICKER_ICONS_CALENDAR_TIMEWHEEL,\n  },\n  CALENDAR: {\n    TABLE_WRAPPER: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_TABLE_WRAPPER,\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_HEADER_LABEL,\n    PREV_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_YEAR,\n    PREV_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_PREV_MONTH,\n    DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_DAY,\n    FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_FOCUSED_DAY,\n    START_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_START_RANGE_DAY,\n    IN_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_IN_RANGE_DAY,\n    END_RANGE_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_END_RANGE_DAY,\n    SELECTED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_DAY,\n    SELECTED_FOCUSED_DAY: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_SELECTED_FOCUSED_DAY,\n    NEXT_MONTH: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_MONTH,\n    NEXT_YEAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CALENDAR_NEXT_YEAR,\n  },\n  TIMEWHEEL: {\n    HEADER_LABEL: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HEADER_LABEL,\n    PREV_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_HOUR,\n    HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_HOUR,\n    CURRENT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_HOUR,\n    NEXT_HOUR: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_HOUR,\n    PREV_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MINUTE,\n    MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MINUTE,\n    CURRENT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MINUTE,\n    NEXT_MINUTE: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MINUTE,\n    PREV_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_PREV_MERIDIEM,\n    MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM,\n    CURRENT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM,\n    NEXT_MERIDIEM: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_NEXT_MERIDIEM,\n    MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_MERIDIEM_VISUAL_ELEMENT,\n    CURRENT_MERIDIEM_VISUAL_ELEMENT: FORM_DATE_TIME_PICKER_DATA_TESTID.TIMEWHEEL_CURRENT_MERIDIEM_VISUAL_ELEMENT,\n  },\n  CONTEXTUAL_MENU: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL,\n  },\n  CONTROLLER_COMPONENT: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL,\n  },\n  FOOTERS: {\n    CALENDAR: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR,\n    TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_TIMEWHEEL,\n    CALENDAR_TIMEWHEEL: FORM_DATE_TIME_PICKER_DATA_TESTID.FOOTERS_CALENDAR_TIMEWHEEL,\n  },\n  CLEAR_BUTTON: FORM_DATE_TIME_PICKER_DATA_TESTID.CLEAR_BUTTON,\n} as const;\n/* ******************************************************************************************\n    END OF LEGACY CODE (kept to avoid breaking changes)\n****************************************************************************************** */\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -163,28 +163,13 @@ const StyledDayBtn = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2
   border-color: transparent;
   line-height: 1;
   color: ${({ theme }) => theme.colors.neutral[800]};
-  &:hover {
-    ${({ theme, $readOnlyStyles }) => {
-  if ($readOnlyStyles) {
-    return import_ds_system.css`
-          cursor: not-allowed;
-          background-color: ${theme.colors.neutral["100"]};
-          color: ${theme.colors.neutral["700"]};
-        `;
-  }
-  return import_ds_system.css`
-        cursor: pointer;
-        background-color: ${theme.colors.brand["200"]};
-        color: ${theme.colors.brand[700]};
-      `;
-}}
-  }
-  &:focus {
-    ${focusBorder}
-  }
+  cursor: ${({ $readOnlyStyles }) => $readOnlyStyles ? "not-allowed" : "pointer"};
   display: flex;
   justify-content: center;
   align-items: center;
+  &:focus {
+    ${focusBorder}
+  }
 `;
 const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid, {
   name: import_constants.DSControlledDateTimePickerName,
@@ -196,40 +181,25 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
   ${({ isHeader, theme }) => isHeader ? `background: ${theme.colors.neutral["050"]}` : ""};
   ${({ isHeader }) => isHeader ? "text-transform: capitalize" : ""};
 
+  /* ─────────────────────────────────────────────────────────────────
+     SELECTED (valid) — defect fix: brand-600, was brand-700
+  ───────────────────────────────────────────────────────────────── */
   .dayWrapper.selectedDay,
   .dayWrapper.startRangeDay,
   .dayWrapper.endRangeDay {
-    ${StyledDayBtn} {
-      color: ${({ theme }) => theme.colors.neutral["000"]};
-      font-weight: ${({ theme }) => theme.fontWeights.semibold};
-    }
-    &:not(.disabledDay),
-    &:not(.outOfRangeDay) {
+    &:not(.disabledDay):not(.outOfRangeDay):not(.readOnly) {
       ${StyledDayBtn} {
-        background-color: ${({ theme }) => theme.colors.brand[700]};
+        background-color: ${({ theme }) => theme.colors.brand[600]};
+        color: ${({ theme }) => theme.colors.neutral["000"]};
+        font-weight: ${({ theme }) => theme.fontWeights.semibold};
       }
     }
 
+    /* selected invalid: danger-900 background */
     &.disabledDay,
     &.outOfRangeDay {
       ${StyledDayBtn} {
-        color: ${({ theme }) => theme.colors.neutral["000"]};
         background-color: ${({ theme }) => theme.colors.danger[900]};
-        &:before {
-          background-color: ${({ theme }) => theme.colors.neutral["000"]};
-        }
-      }
-    }
-
-    &.focusedDay {
-      ${StyledDayBtn} {
-        color: ${({ theme }) => theme.colors.neutral["000"]};
-        border-color: ${({ theme }) => theme.colors.neutral["000"]};
-      }
-    }
-
-    &.outOfRangeDay.focusedDay {
-      ${StyledDayBtn} {
         color: ${({ theme }) => theme.colors.neutral["000"]};
         &:before {
           background-color: ${({ theme }) => theme.colors.neutral["000"]};
@@ -238,27 +208,24 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
     }
   }
 
+  /* ─────────────────────────────────────────────────────────────────
+     INVALID (disabled / out-of-range) — base colour + diagonal
+  ───────────────────────────────────────────────────────────────── */
   .dayWrapper.disabledDay,
   .dayWrapper.outOfRangeDay {
     ${StyledDayBtn} {
+      cursor: not-allowed;
       color: ${({ theme }) => theme.colors.neutral[700]};
       ${diagonalLine}
       &:before {
         background-color: ${({ theme }) => theme.colors.neutral[500]};
       }
-      :hover {
-        color: ${({ theme }) => theme.colors.neutral[700]};
-      }
-    }
-    &.focusedDay {
-      ${StyledDayBtn} {
-        &:after {
-          border: 2px solid ${({ theme }) => theme.colors.danger[900]};
-        }
-      }
     }
   }
 
+  /* ─────────────────────────────────────────────────────────────────
+     FOCUS RING — always brand-700 regardless of day state
+  ───────────────────────────────────────────────────────────────── */
   .dayWrapper.focusedDay {
     ${StyledDayBtn} {
       ${focusBorder}
@@ -267,46 +234,120 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
       }
     }
 
-    &:not(.readOnly) {
+    /* focused valid not-readOnly: brand text */
+    &:not(.readOnly):not(.disabledDay):not(.outOfRangeDay):not(.selectedDay):not(.startRangeDay):not(.endRangeDay) {
       ${StyledDayBtn} {
         color: ${({ theme }) => theme.colors.brand[600]};
       }
     }
-    &.disabledDay,
-    &.outOfRangeDay {
+
+    /* focused invalid not-readOnly: brand text + brand diagonal */
+    &.disabledDay:not(.readOnly):not(.selectedDay):not(.startRangeDay):not(.endRangeDay),
+    &.outOfRangeDay:not(.readOnly):not(.selectedDay):not(.startRangeDay):not(.endRangeDay) {
       ${StyledDayBtn} {
-        color: ${({ theme }) => theme.colors.danger[900]};
+        color: ${({ theme }) => theme.colors.brand[600]};
         &:before {
-          background-color: ${({ theme }) => theme.colors.danger[900]};
+          background-color: ${({ theme }) => theme.colors.brand[600]};
         }
       }
     }
-    &.selectedDay {
+
+    /* focused selected: white text, white inner border (gap), blue outer ring from generic rule */
+    &.selectedDay,
+    &.startRangeDay,
+    &.endRangeDay {
       ${StyledDayBtn} {
         color: ${({ theme }) => theme.colors.neutral["000"]};
+        border-color: ${({ theme }) => theme.colors.neutral["000"]};
       }
     }
-  }
 
-  .dayWrapper.selectedDay.disabledDay.focusedDay {
-    ${StyledDayBtn} {
-      color: ${({ theme }) => theme.colors.neutral["000"]};
-      &:before {
-        background-color: ${({ theme }) => theme.colors.neutral["000"]};
+    /* focused valid selected (non-readOnly): brand-800 background matches hover */
+    &.selectedDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),
+    &.startRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),
+    &.endRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly) {
+      ${StyledDayBtn} {
+        background-color: ${({ theme }) => theme.colors.brand[800]};
       }
     }
-  }
 
-  .dayWrapper.readOnly {
-    ${StyledDayBtn} {
-      :hover {
-        cursor: not-allowed;
-        background-color: ${({ theme }) => theme.colors.neutral["100"]};
-        color: ${({ theme }) => theme.colors.neutral["700"]};
+    /* focused selected invalid: white text + white diagonal */
+    &.selectedDay.disabledDay,
+    &.selectedDay.outOfRangeDay,
+    &.startRangeDay.disabledDay,
+    &.startRangeDay.outOfRangeDay,
+    &.endRangeDay.disabledDay,
+    &.endRangeDay.outOfRangeDay {
+      ${StyledDayBtn} {
+        color: ${({ theme }) => theme.colors.neutral["000"]};
+        &:before {
+          background-color: ${({ theme }) => theme.colors.neutral["000"]};
+        }
       }
     }
   }
 
+  /* ─────────────────────────────────────────────────────────────────
+     HOVER BACKGROUNDS — new spec
+     Semi-bold on hover for all non-selected states.
+     Rules ordered low → high specificity so readOnly always wins.
+  ───────────────────────────────────────────────────────────────── */
+
+  /* valid, not selected, not readOnly */
+  .dayWrapper:not(.disabledDay):not(.outOfRangeDay):not(.readOnly):not(.selectedDay):not(.startRangeDay):not(
+      .endRangeDay
+    ) {
+    ${StyledDayBtn}:hover {
+      background-color: ${({ theme }) => theme.colors.brand[100]};
+      color: ${({ theme }) => theme.colors.brand[700]};
+      font-weight: ${({ theme }) => theme.fontWeights.semibold};
+    }
+  }
+
+  /* invalid, not selected, not readOnly */
+  .dayWrapper.disabledDay:not(.selectedDay):not(.readOnly),
+  .dayWrapper.outOfRangeDay:not(.selectedDay):not(.readOnly) {
+    ${StyledDayBtn}:hover {
+      /* TODO: danger[200] and danger[400] are currently the same token and both fail contrast
+         against common dimsum color combinations. Hardcoded until the theme token is fixed. */
+      background-color: #fffcfc; // this is hardcoded because danger 200 fails contrast, pending theme token fix
+      font-weight: ${({ theme }) => theme.fontWeights.semibold};
+    }
+  }
+
+  /* selected valid, not readOnly */
+  .dayWrapper.selectedDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),
+  .dayWrapper.startRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),
+  .dayWrapper.endRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly) {
+    ${StyledDayBtn}:hover {
+      background-color: ${({ theme }) => theme.colors.brand[800]};
+    }
+  }
+
+  /* selected invalid, not readOnly */
+  .dayWrapper.selectedDay.disabledDay:not(.readOnly),
+  .dayWrapper.selectedDay.outOfRangeDay:not(.readOnly),
+  .dayWrapper.startRangeDay.disabledDay:not(.readOnly),
+  .dayWrapper.startRangeDay.outOfRangeDay:not(.readOnly),
+  .dayWrapper.endRangeDay.disabledDay:not(.readOnly),
+  .dayWrapper.endRangeDay.outOfRangeDay:not(.readOnly) {
+    ${StyledDayBtn}:hover {
+      background-color: ${({ theme }) => theme.colors.danger[950]};
+    }
+  }
+
+  /* readOnly, not selected (any validity) — wins over all non-readOnly hover rules */
+  .dayWrapper.readOnly:not(.selectedDay):not(.startRangeDay):not(.endRangeDay) {
+    ${StyledDayBtn}:hover {
+      background-color: ${({ theme }) => theme.colors.neutral[100]};
+      color: ${({ theme }) => theme.colors.neutral[700]};
+      font-weight: ${({ theme }) => theme.fontWeights.semibold};
+    }
+  }
+
+  /* ─────────────────────────────────────────────────────────────────
+     READONLY REST STATES
+  ───────────────────────────────────────────────────────────────── */
   .dayWrapper.selectedDay.readOnly {
     ${StyledDayBtn} {
       background-color: ${({ theme }) => theme.colors.neutral["500"]};
@@ -315,9 +356,9 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
       &:before {
         background-color: ${({ theme }) => theme.colors.neutral["000"]};
       }
-      :hover {
+      /* (0,6,0) beats DSButtonV2's .liKnyT:hover { background: transparent } at (0,2,0) */
+      &:hover {
         background-color: ${({ theme }) => theme.colors.neutral["700"]};
-        color: ${({ theme }) => theme.colors.neutral["000"]};
       }
       :focus {
         background-color: ${({ theme }) => theme.colors.neutral["700"]};
@@ -332,9 +373,6 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
       &:before {
         background-color: ${({ theme }) => theme.colors.neutral[700]};
       }
-      :hover {
-        background-color: ${({ theme }) => theme.colors.neutral[100]};
-      }
     }
     &.focusedDay {
       ${StyledDayBtn} {
@@ -357,7 +395,7 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
       &:before {
         background-color: ${({ theme }) => theme.colors.neutral["000"]};
       }
-      :hover {
+      &:hover {
         background-color: ${({ theme }) => theme.colors.neutral["700"]};
       }
       :focus {
@@ -366,6 +404,9 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
     }
   }
 
+  /* ─────────────────────────────────────────────────────────────────
+     NOT CURRENT MONTH
+  ───────────────────────────────────────────────────────────────── */
   .dayWrapper.notCurrentMonth {
     ${StyledDayBtn} {
       color: ${({ theme }) => theme.colors.neutral[500]};
@@ -401,6 +442,9 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
     }
   }
 
+  /* ─────────────────────────────────────────────────────────────────
+     RANGE DAYS
+  ───────────────────────────────────────────────────────────────── */
   .dayWrapper.inRangeDay {
     ${backgroundDateRange.inRange}
     &.disabledDay,
@@ -414,7 +458,9 @@ const StyledWeekDaysListWrapper = (0, import_ds_system.styled)(import_ds_grid.Gr
       }
       &.focusedDay {
         ${StyledDayBtn} {
-          border-color: ${({ theme }) => theme.colors.neutral["000"]};
+          &:after {
+            border-color: ${({ theme }) => theme.colors.neutral["000"]};
+          }
         }
       }
     }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/parts/Pickers/Calendar/Styleds.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { css, styled } from '@elliemae/ds-system';\nimport { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from '../../../constants/index.js';\n\nconst diagonalLine = css`\n  &:before {\n    position: absolute;\n    content: '';\n    top: 48%;\n    left: -2px;\n    height: 1px;\n    width: calc(100% + 4px);\n    transform: rotate(45deg);\n    background-color: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\nconst focusBorder = css`\n  &:after {\n    position: absolute;\n    content: '';\n    top: -4px;\n    left: -4px;\n    width: calc(100% + 8px);\n    height: calc(100% + 8px);\n    border-radius: 50%;\n  }\n`;\n\nconst backgroundDateRange = {\n  inRange: css`\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    box-shadow: 4px 0 0 0 ${({ theme }) => theme.colors.brand[200]};\n  `,\n  startRange: css`\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    border-radius: 50% 0 0 50%;\n    box-shadow: 4px 0 0 0 ${({ theme }) => theme.colors.brand[200]};\n  `,\n  endRange: css`\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    border-radius: 0 50% 50% 0;\n  `,\n};\n\nexport const StyledIconTriggerButton = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.PICKER_ICONS.CALENDAR,\n})`\n  color: ${({ theme }) => theme.colors.brand['800']};\n  width: 2rem;\n  height: 2rem;\n`;\n\nexport const StyledShadowWrapper = styled('div', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CONTROLLER_COMPONENT.CALENDAR,\n})``;\n\nexport const StyledCalendarWrapper = styled.div<{ $readOnlyStyles?: boolean }>`\n  display: grid;\n  min-width: 260px;\n  background-color: ${({ theme, $readOnlyStyles }) =>\n    $readOnlyStyles ? theme.colors.neutral['050'] : theme.colors.neutral['000']};\n  grid-template-rows: auto auto;\n`;\n\nexport const StyledHeader = styled.section`\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  display: grid;\n  padding: ${({ theme }) => theme.space.xxxs};\n  grid-template-columns: min-content min-content 1fr min-content min-content;\n  grid-template-rows: 1fr;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background: ${({ theme }) => theme.colors.neutral['050']};\n`;\n\nexport const StyledHeaderLabel = styled('h3', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.HEADER_LABEL,\n})`\n  font-size: 1rem;\n`;\n\nexport const StyledHeaderButton = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.HEADER_BUTTON,\n})`\n  position: relative;\n  width: 2.1538rem;\n  height: 2.1538rem;\n  &:focus {\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n  &:hover {\n    background: ${({ theme }) => theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledBody = styled.section`\n  padding: ${({ theme }) => theme.space.xxxs};\n`;\n\nexport const StyledDayBtn = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.DAY_BUTTON,\n})<{ $readOnlyStyles?: boolean }>`\n  height: 2.4615rem;\n  width: 2.4615rem;\n  border-radius: 50%;\n  position: relative;\n  border-width: 2px;\n  border-style: solid;\n  border-color: transparent;\n  line-height: 1;\n  color: ${({ theme }) => theme.colors.neutral[800]};\n  &:hover {\n    ${({ theme, $readOnlyStyles }) => {\n      if ($readOnlyStyles) {\n        return css`\n          cursor: not-allowed;\n          background-color: ${theme.colors.neutral['100']};\n          color: ${theme.colors.neutral['700']};\n        `;\n      }\n      return css`\n        cursor: pointer;\n        background-color: ${theme.colors.brand['200']};\n        color: ${theme.colors.brand[700]};\n      `;\n    }}\n  }\n  &:focus {\n    ${focusBorder}\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledWeekDaysListWrapper = styled(Grid, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.HEADER_WEEKLY_DAY_LIST,\n})<{ isHeader?: boolean }>`\n  font-size: ${({ theme }) => theme.fontSizes.label[400]};\n  text-align: center;\n  justify-items: center;\n  ${({ isHeader, theme }) => (isHeader ? `background: ${theme.colors.neutral['050']}` : '')};\n  ${({ isHeader }) => (isHeader ? 'text-transform: capitalize' : '')};\n\n  .dayWrapper.selectedDay,\n  .dayWrapper.startRangeDay,\n  .dayWrapper.endRangeDay {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral['000']};\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n    }\n    &:not(.disabledDay),\n    &:not(.outOfRangeDay) {\n      ${StyledDayBtn} {\n        background-color: ${({ theme }) => theme.colors.brand[700]};\n      }\n    }\n\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        background-color: ${({ theme }) => theme.colors.danger[900]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        border-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n\n    &.outOfRangeDay.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.disabledDay,\n  .dayWrapper.outOfRangeDay {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral[700]};\n      ${diagonalLine}\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n      :hover {\n        color: ${({ theme }) => theme.colors.neutral[700]};\n      }\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        &:after {\n          border: 2px solid ${({ theme }) => theme.colors.danger[900]};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.focusedDay {\n    ${StyledDayBtn} {\n      ${focusBorder}\n      &:after {\n        border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      }\n    }\n\n    &:not(.readOnly) {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.brand[600]};\n      }\n    }\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.danger[900]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.danger[900]};\n        }\n      }\n    }\n    &.selectedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n  }\n\n  .dayWrapper.selectedDay.disabledDay.focusedDay {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral['000']};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n  }\n\n  .dayWrapper.readOnly {\n    ${StyledDayBtn} {\n      :hover {\n        cursor: not-allowed;\n        background-color: ${({ theme }) => theme.colors.neutral['100']};\n        color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n    }\n  }\n\n  .dayWrapper.selectedDay.readOnly {\n    ${StyledDayBtn} {\n      background-color: ${({ theme }) => theme.colors.neutral['500']};\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n      color: ${({ theme }) => theme.colors.neutral['000']};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n      :hover {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n      :focus {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n    }\n  }\n\n  .dayWrapper.disabledDay.readOnly,\n  .dayWrapper.outOfRangeDay.readOnly {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral[700]};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral[700]};\n      }\n      :hover {\n        background-color: ${({ theme }) => theme.colors.neutral[100]};\n      }\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral[700]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral[700]};\n        }\n        &:after {\n          border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.selectedDay.disabledDay.readOnly,\n  .dayWrapper.selectedDay.outOfRangeDay.readOnly {\n    ${StyledDayBtn} {\n      background-color: ${({ theme }) => theme.colors.neutral['500']};\n      color: ${({ theme }) => theme.colors.neutral['000']};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n      :hover {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n      :focus {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n    }\n  }\n\n  .dayWrapper.notCurrentMonth {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.brand[600]};\n      }\n\n      &.disabledDay,\n      &.outOfRangeDay {\n        ${StyledDayBtn} {\n          color: ${({ theme }) => theme.colors.brand[600]};\n        }\n\n        &.inRangeDay,\n        &.startRangeDay,\n        &.endRangeDay {\n          ${StyledDayBtn} {\n            color: ${({ theme }) => theme.colors.neutral['000']};\n          }\n        }\n      }\n    }\n\n    &.selectedDay,\n    &.startRangeDay,\n    &.endRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n  }\n\n  .dayWrapper.inRangeDay {\n    ${backgroundDateRange.inRange}\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        background-color: ${({ theme }) => theme.colors.danger[900]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n      &.focusedDay {\n        ${StyledDayBtn} {\n          border-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.startRangeDay {\n    &.inRangeImproperDay {\n      ${backgroundDateRange.startRange}\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.endRangeDay {\n    &.inRangeImproperDay {\n      ${backgroundDateRange.endRange}\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.endRangeDay.startRangeDay {\n    background-color: transparent;\n    box-shadow: none;\n  }\n`;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nexport const StyledWeekDaysHeaderItem = styled.div`\n  min-width: 2.4615rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const CalendarFooterMessage = styled('div', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.FOOTERS.CALENDAR,\n})<{ $readOnlyStyles?: boolean }>`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  background-color: ${({ theme, $readOnlyStyles }) =>\n    $readOnlyStyles ? theme.colors.neutral['050'] : theme.colors.neutral['000']};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { css, styled } from '@elliemae/ds-system';\nimport { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from '../../../constants/index.js';\n\n// Diagonal line for disabled / out-of-range days \u2014 neutral-500, position only.\nconst diagonalLine = css`\n  &:before {\n    position: absolute;\n    content: '';\n    top: 48%;\n    left: -2px;\n    height: 1px;\n    width: calc(100% + 4px);\n    transform: rotate(45deg);\n    background-color: ${({ theme }) => theme.colors.neutral[500]};\n  }\n`;\n\n// Focus ring frame \u2014 shape only. Colour is always brand-700, injected in StyledWeekDaysListWrapper\n// under .focusedDay so a single rule governs the ring colour regardless of day state.\nconst focusBorder = css`\n  &:after {\n    position: absolute;\n    content: '';\n    top: -4px;\n    left: -4px;\n    width: calc(100% + 8px);\n    height: calc(100% + 8px);\n    border-radius: 50%;\n  }\n`;\n\nconst backgroundDateRange = {\n  inRange: css`\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    box-shadow: 4px 0 0 0 ${({ theme }) => theme.colors.brand[200]};\n  `,\n  startRange: css`\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    border-radius: 50% 0 0 50%;\n    box-shadow: 4px 0 0 0 ${({ theme }) => theme.colors.brand[200]};\n  `,\n  endRange: css`\n    background-color: ${({ theme }) => theme.colors.brand[200]};\n    border-radius: 0 50% 50% 0;\n  `,\n};\n\nexport const StyledIconTriggerButton = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.PICKER_ICONS.CALENDAR,\n})`\n  color: ${({ theme }) => theme.colors.brand['800']};\n  width: 2rem;\n  height: 2rem;\n`;\n\nexport const StyledShadowWrapper = styled('div', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CONTROLLER_COMPONENT.CALENDAR,\n})``;\n\nexport const StyledCalendarWrapper = styled.div<{ $readOnlyStyles?: boolean }>`\n  display: grid;\n  min-width: 260px;\n  background-color: ${({ theme, $readOnlyStyles }) =>\n    $readOnlyStyles ? theme.colors.neutral['050'] : theme.colors.neutral['000']};\n  grid-template-rows: auto auto;\n`;\n\nexport const StyledHeader = styled.section`\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n  display: grid;\n  padding: ${({ theme }) => theme.space.xxxs};\n  grid-template-columns: min-content min-content 1fr min-content min-content;\n  grid-template-rows: 1fr;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background: ${({ theme }) => theme.colors.neutral['050']};\n`;\n\nexport const StyledHeaderLabel = styled('h3', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.HEADER_LABEL,\n})`\n  font-size: 1rem;\n`;\n\nexport const StyledHeaderButton = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.HEADER_BUTTON,\n})`\n  position: relative;\n  width: 2.1538rem;\n  height: 2.1538rem;\n  &:focus {\n    &:after {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      border-radius: 2px;\n      pointer-events: none;\n    }\n  }\n  &:hover {\n    background: ${({ theme }) => theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledBody = styled.section`\n  padding: ${({ theme }) => theme.space.xxxs};\n`;\n\n// StyledDayBtn owns shape, cursor, and the focus ring frame.\n// Hover colours live in StyledWeekDaysListWrapper using parent-class selectors whose\n// specificity (\u22650,6,0) beats DSButtonV2's internal transparent hover at (0,2,0).\nexport const StyledDayBtn = styled(DSButtonV2, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.DAY_BUTTON,\n})<{ $readOnlyStyles?: boolean }>`\n  height: 2.4615rem;\n  width: 2.4615rem;\n  border-radius: 50%;\n  position: relative;\n  border-width: 2px;\n  border-style: solid;\n  border-color: transparent;\n  line-height: 1;\n  color: ${({ theme }) => theme.colors.neutral[800]};\n  cursor: ${({ $readOnlyStyles }) => ($readOnlyStyles ? 'not-allowed' : 'pointer')};\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:focus {\n    ${focusBorder}\n  }\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const StyledWeekDaysListWrapper = styled(Grid, {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.CALENDAR.HEADER_WEEKLY_DAY_LIST,\n})<{ isHeader?: boolean }>`\n  font-size: ${({ theme }) => theme.fontSizes.label[400]};\n  text-align: center;\n  justify-items: center;\n  ${({ isHeader, theme }) => (isHeader ? `background: ${theme.colors.neutral['050']}` : '')};\n  ${({ isHeader }) => (isHeader ? 'text-transform: capitalize' : '')};\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     SELECTED (valid) \u2014 defect fix: brand-600, was brand-700\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n  .dayWrapper.selectedDay,\n  .dayWrapper.startRangeDay,\n  .dayWrapper.endRangeDay {\n    &:not(.disabledDay):not(.outOfRangeDay):not(.readOnly) {\n      ${StyledDayBtn} {\n        background-color: ${({ theme }) => theme.colors.brand[600]};\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        font-weight: ${({ theme }) => theme.fontWeights.semibold};\n      }\n    }\n\n    /* selected invalid: danger-900 background */\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        background-color: ${({ theme }) => theme.colors.danger[900]};\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     INVALID (disabled / out-of-range) \u2014 base colour + diagonal\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n  .dayWrapper.disabledDay,\n  .dayWrapper.outOfRangeDay {\n    ${StyledDayBtn} {\n      cursor: not-allowed;\n      color: ${({ theme }) => theme.colors.neutral[700]};\n      ${diagonalLine}\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral[500]};\n      }\n    }\n  }\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     FOCUS RING \u2014 always brand-700 regardless of day state\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n  .dayWrapper.focusedDay {\n    ${StyledDayBtn} {\n      ${focusBorder}\n      &:after {\n        border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n      }\n    }\n\n    /* focused valid not-readOnly: brand text */\n    &:not(.readOnly):not(.disabledDay):not(.outOfRangeDay):not(.selectedDay):not(.startRangeDay):not(.endRangeDay) {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.brand[600]};\n      }\n    }\n\n    /* focused invalid not-readOnly: brand text + brand diagonal */\n    &.disabledDay:not(.readOnly):not(.selectedDay):not(.startRangeDay):not(.endRangeDay),\n    &.outOfRangeDay:not(.readOnly):not(.selectedDay):not(.startRangeDay):not(.endRangeDay) {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.brand[600]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.brand[600]};\n        }\n      }\n    }\n\n    /* focused selected: white text, white inner border (gap), blue outer ring from generic rule */\n    &.selectedDay,\n    &.startRangeDay,\n    &.endRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        border-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n\n    /* focused valid selected (non-readOnly): brand-800 background matches hover */\n    &.selectedDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),\n    &.startRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),\n    &.endRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly) {\n      ${StyledDayBtn} {\n        background-color: ${({ theme }) => theme.colors.brand[800]};\n      }\n    }\n\n    /* focused selected invalid: white text + white diagonal */\n    &.selectedDay.disabledDay,\n    &.selectedDay.outOfRangeDay,\n    &.startRangeDay.disabledDay,\n    &.startRangeDay.outOfRangeDay,\n    &.endRangeDay.disabledDay,\n    &.endRangeDay.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     HOVER BACKGROUNDS \u2014 new spec\n     Semi-bold on hover for all non-selected states.\n     Rules ordered low \u2192 high specificity so readOnly always wins.\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n  /* valid, not selected, not readOnly */\n  .dayWrapper:not(.disabledDay):not(.outOfRangeDay):not(.readOnly):not(.selectedDay):not(.startRangeDay):not(\n      .endRangeDay\n    ) {\n    ${StyledDayBtn}:hover {\n      background-color: ${({ theme }) => theme.colors.brand[100]};\n      color: ${({ theme }) => theme.colors.brand[700]};\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n    }\n  }\n\n  /* invalid, not selected, not readOnly */\n  .dayWrapper.disabledDay:not(.selectedDay):not(.readOnly),\n  .dayWrapper.outOfRangeDay:not(.selectedDay):not(.readOnly) {\n    ${StyledDayBtn}:hover {\n      /* TODO: danger[200] and danger[400] are currently the same token and both fail contrast\n         against common dimsum color combinations. Hardcoded until the theme token is fixed. */\n      background-color: #fffcfc; // this is hardcoded because danger 200 fails contrast, pending theme token fix\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n    }\n  }\n\n  /* selected valid, not readOnly */\n  .dayWrapper.selectedDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),\n  .dayWrapper.startRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly),\n  .dayWrapper.endRangeDay:not(.disabledDay):not(.outOfRangeDay):not(.readOnly) {\n    ${StyledDayBtn}:hover {\n      background-color: ${({ theme }) => theme.colors.brand[800]};\n    }\n  }\n\n  /* selected invalid, not readOnly */\n  .dayWrapper.selectedDay.disabledDay:not(.readOnly),\n  .dayWrapper.selectedDay.outOfRangeDay:not(.readOnly),\n  .dayWrapper.startRangeDay.disabledDay:not(.readOnly),\n  .dayWrapper.startRangeDay.outOfRangeDay:not(.readOnly),\n  .dayWrapper.endRangeDay.disabledDay:not(.readOnly),\n  .dayWrapper.endRangeDay.outOfRangeDay:not(.readOnly) {\n    ${StyledDayBtn}:hover {\n      background-color: ${({ theme }) => theme.colors.danger[950]};\n    }\n  }\n\n  /* readOnly, not selected (any validity) \u2014 wins over all non-readOnly hover rules */\n  .dayWrapper.readOnly:not(.selectedDay):not(.startRangeDay):not(.endRangeDay) {\n    ${StyledDayBtn}:hover {\n      background-color: ${({ theme }) => theme.colors.neutral[100]};\n      color: ${({ theme }) => theme.colors.neutral[700]};\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n    }\n  }\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     READONLY REST STATES\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n  .dayWrapper.selectedDay.readOnly {\n    ${StyledDayBtn} {\n      background-color: ${({ theme }) => theme.colors.neutral['500']};\n      font-weight: ${({ theme }) => theme.fontWeights.semibold};\n      color: ${({ theme }) => theme.colors.neutral['000']};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n      /* (0,6,0) beats DSButtonV2's .liKnyT:hover { background: transparent } at (0,2,0) */\n      &:hover {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n      :focus {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n    }\n  }\n\n  .dayWrapper.disabledDay.readOnly,\n  .dayWrapper.outOfRangeDay.readOnly {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral[700]};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral[700]};\n      }\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral[700]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral[700]};\n        }\n        &:after {\n          border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.selectedDay.disabledDay.readOnly,\n  .dayWrapper.selectedDay.outOfRangeDay.readOnly {\n    ${StyledDayBtn} {\n      background-color: ${({ theme }) => theme.colors.neutral['500']};\n      color: ${({ theme }) => theme.colors.neutral['000']};\n      &:before {\n        background-color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n      &:hover {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n      :focus {\n        background-color: ${({ theme }) => theme.colors.neutral['700']};\n      }\n    }\n  }\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     NOT CURRENT MONTH\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n  .dayWrapper.notCurrentMonth {\n    ${StyledDayBtn} {\n      color: ${({ theme }) => theme.colors.neutral[500]};\n    }\n\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.brand[600]};\n      }\n\n      &.disabledDay,\n      &.outOfRangeDay {\n        ${StyledDayBtn} {\n          color: ${({ theme }) => theme.colors.brand[600]};\n        }\n\n        &.inRangeDay,\n        &.startRangeDay,\n        &.endRangeDay {\n          ${StyledDayBtn} {\n            color: ${({ theme }) => theme.colors.neutral['000']};\n          }\n        }\n      }\n    }\n\n    &.selectedDay,\n    &.startRangeDay,\n    &.endRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n  }\n\n  /* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     RANGE DAYS\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n  .dayWrapper.inRangeDay {\n    ${backgroundDateRange.inRange}\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        background-color: ${({ theme }) => theme.colors.danger[900]};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n      &.focusedDay {\n        ${StyledDayBtn} {\n          &:after {\n            border-color: ${({ theme }) => theme.colors.neutral['000']};\n          }\n        }\n      }\n    }\n  }\n\n  .dayWrapper.startRangeDay {\n    &.inRangeImproperDay {\n      ${backgroundDateRange.startRange}\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.endRangeDay {\n    &.inRangeImproperDay {\n      ${backgroundDateRange.endRange}\n    }\n    &.focusedDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n      }\n    }\n    &.disabledDay,\n    &.outOfRangeDay {\n      ${StyledDayBtn} {\n        color: ${({ theme }) => theme.colors.neutral['000']};\n        &:before {\n          background-color: ${({ theme }) => theme.colors.neutral['000']};\n        }\n      }\n    }\n  }\n\n  .dayWrapper.endRangeDay.startRangeDay {\n    background-color: transparent;\n    box-shadow: none;\n  }\n`;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nexport const StyledWeekDaysHeaderItem = styled.div`\n  min-width: 2.4615rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const CalendarFooterMessage = styled('div', {\n  name: DSControlledDateTimePickerName,\n  slot: DSControlledDateTimePickerSlots.FOOTERS.CALENDAR,\n})<{ $readOnlyStyles?: boolean }>`\n  border-top: solid 1px ${({ theme }) => theme.colors.neutral[300]};\n  margin: 0 ${({ theme }) => theme.space.xxs2};\n  padding: ${({ theme }) => theme.space.xxs2} 0;\n  color: ${({ theme }) => theme.colors.danger[900]};\n  font-size: ${({ theme }) => theme.fontSizes.microText[200]};\n  text-align: right;\n  background-color: ${({ theme, $readOnlyStyles }) =>\n    $readOnlyStyles ? theme.colors.neutral['050'] : theme.colors.neutral['000']};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/Pickers/TimeWheel/HoursList.js

@@ -98,7 +98,7 @@ const HoursList = () => {
         innerRef: prevHourBtnRef,
         "data-testid": import_constants.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
         "aria-disabled": readOnly || applyAriaDisabled,
-        applyAriaDisabled,
+        applyAriaDisabled: applyAriaDisabled || readOnly,
         getOwnerProps: getProps,
         tabIndex: -1,
         type: "button",
@@ -120,7 +120,8 @@ const HoursList = () => {
         "aria-valuemin": 1,
         "aria-valuemax": 12,
         "aria-label": `${hourString} hours`,
-        "aria-disabled": isNotAValidSelection || readOnly || applyAriaDisabled,
+        "aria-disabled": readOnly || applyAriaDisabled,
+        "aria-invalid": isNotAValidSelection,
         "aria-readonly": readOnly || applyAriaDisabled,
         onKeyDown: isTheItemVisuallyInTheCenter ? handleCurrHourOnKeyDown : void 0,
         innerRef: isTheItemVisuallyInTheCenter ? handleCurrYearRef : void 0
@@ -156,7 +157,7 @@ const HoursList = () => {
         tabIndex: -1,
         "data-testid": import_constants.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR,
         "aria-disabled": readOnly || applyAriaDisabled,
-        applyAriaDisabled,
+        applyAriaDisabled: applyAriaDisabled || readOnly,
         getOwnerProps: getProps,
         type: "button",
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, { color: arrowColor })