@elliemae/ds-form-date-time-picker 3.53.0-alpha.1 → 3.53.0-alpha.3

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';
 export declare const useGetFlags: (props: DSControlledDateTimePickerT.InternalProps) => {
     hideDatePicker: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { useGetFlags } from './useGetFlags.js';
 type FirstSegment = 'month-input' | 'hour-input' | 'date-picker-icon' | 'time-picker-icon' | 'datetime-picker-icon' | '';
 type LastSegment = 'year-input' | 'meridiem-input' | 'clear-btn' | 'date-picker-icon' | 'time-picker-icon' | 'datetime-picker-icon' | '';
@@ -17,13 +16,13 @@ export declare const useGetReferences: ({ isWithDateInputs, isWithTimeInputs, is
     nextYearBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
     calendarDaysWrapperRef: import("react").MutableRefObject<HTMLDivElement>;
     prevHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
-    currHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currHourBtnRef: import("react").MutableRefObject<HTMLDivElement>;
     nextHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
     prevMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
-    currMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currMinutesBtnRef: import("react").MutableRefObject<HTMLDivElement>;
     nextMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
     prevMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
-    currMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currMeridiemBtnRef: import("react").MutableRefObject<HTMLDivElement>;
     nextMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
     firstSegmentRef: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement>;
     lastSegmentRef: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement>;

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

@@ -1,10 +1,7 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerT } from '../react-desc-prop-types.js';
 export declare const useRelevantValueFromProps: (props: DSControlledDateTimePickerT.InternalProps) => {
     dateStringFromProps: string;
     timeStringFromProps: string;
-    tempDateString: string;
-    setTempDateString: import("react").Dispatch<import("react").SetStateAction<string>>;
-    tempTimeString: string;
-    setTimeString: import("react").Dispatch<import("react").SetStateAction<string>>;
+    tempDateStringRef: import("react").MutableRefObject<string>;
+    tempTimeStringRef: import("react").MutableRefObject<string>;
 };

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

@@ -0,0 +1,274 @@
+export declare const DSControlledDateTimePickerName = "DSControlleddatetimepicker";
+export declare const FORM_DATE_TIME_PICKER_SLOTS: {
+    readonly CONTAINER: "root";
+    readonly DATE_INPUTS_MONTH: "time-picker-month-input";
+    readonly DATE_INPUTS_DAY: "time-picker-day-input";
+    readonly DATE_INPUTS_YEAR: "time-picker-year-input";
+    readonly TIME_INPUTS_HOUR: "time-picker-hour-input";
+    readonly TIME_INPUTS_MINUTE: "time-picker-minute-input";
+    readonly TIME_INPUTS_MERIDIEM: "time-picker-meridiem-input";
+    readonly PICKER_ICONS_CALENDAR: "calendar-trigger-icon";
+    readonly PICKER_ICONS_TIMEWHEEL: "timewheel-trigger-icon";
+    readonly PICKER_ICONS_CALENDAR_TIMEWHEEL: "calendar-timewheel-trigger-icon";
+    readonly CALENDAR_DAY_BUTTON: "calendar-day";
+    readonly CALENDAR_HEADER_LABEL: "calendar-header-label";
+    readonly CALENDAR_HEADER_BUTTON: "calendar-header-buttons";
+    readonly CALENDAR_HEADER_WEEKLY_DAY_LIST: "calendar-header-weekly-day-list";
+    readonly TIMEWHEEL_TIME_BUTTON: "timewheel-time-button";
+    readonly TIMEWHEEL_TIME_CHANGE_BUTTON: "timewheel-time-change-button";
+    readonly TIMEWHEEL_HEADER_LABEL: "timewheel-header-label";
+    readonly CONTEXTUAL_MENU_CALENDAR: "calendar-context-content-wrapper";
+    readonly CONTEXTUAL_MENU_TIMEWHEEL: "timewheel-context-content-wrapper";
+    readonly CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: "calendar-timewheel-context-content-wrapper";
+    readonly FOOTERS_CALENDAR: "calendar-context-footer";
+    readonly FOOTERS_TIMEWHEEL: "timewheel-context-footer";
+    readonly FOOTERS_CALENDAR_TIMEWHEEL: "calendar-timewheel-context-footer";
+    readonly CONTROLLER_COMPONENT_CALENDAR: "calendar-controller-wrapper";
+    readonly CONTROLLER_COMPONENT_TIMEWHEEL: "timewheel-controller-wrapper";
+    readonly CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: "calendar-timewheel-controller-wrapper";
+    readonly CLEAR_BUTTON: "clear-btn";
+};
+export declare const FORM_DATE_TIME_PICKER_DATA_TESTID: {
+    CONTAINER: "ds-controlled-date-time-picker-container";
+    DATE_INPUTS_MONTH: "ds-controlled-date-time-picker-month-input";
+    DATE_INPUTS_DAY: "ds-controlled-date-time-picker-day-input";
+    DATE_INPUTS_YEAR: "ds-controlled-date-time-picker-year-input";
+    TIME_INPUTS_HOUR: "ds-controlled-date-time-picker-hour-input";
+    TIME_INPUTS_MINUTE: "ds-controlled-date-time-picker-minute-input";
+    TIME_INPUTS_MERIDIEM: "ds-controlled-date-time-picker-meridiem-input";
+    PICKER_ICONS_CALENDAR: "ds-controlled-date-time-picker-calendar-trigger-icon";
+    PICKER_ICONS_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-trigger-icon";
+    PICKER_ICONS_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon";
+    CALENDAR_TABLE_WRAPPER: "ds-controlled-date-time-picker-calendar-table-wrapper";
+    CALENDAR_HEADER_LABEL: "ds-controlled-date-time-picker-calendar-header-label";
+    CALENDAR_PREV_YEAR: "ds-controlled-date-time-picker-calendar-prev-year";
+    CALENDAR_PREV_MONTH: "ds-controlled-date-time-picker-calendar-prev-month";
+    CALENDAR_DAY: "ds-controlled-date-time-picker-calendar-day";
+    CALENDAR_FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-focused-day";
+    CALENDAR_START_RANGE_DAY: "ds-controlled-date-time-picker-calendar-start-range-day";
+    CALENDAR_IN_RANGE_DAY: "ds-controlled-date-time-picker-calendar-in-range-day";
+    CALENDAR_END_RANGE_DAY: "ds-controlled-date-time-picker-calendar-end-range-day";
+    CALENDAR_SELECTED_DAY: "ds-controlled-date-time-picker-calendar-selected-day";
+    CALENDAR_SELECTED_FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-selected-focused-day";
+    CALENDAR_NEXT_MONTH: "ds-controlled-date-time-picker-calendar-next-month";
+    CALENDAR_NEXT_YEAR: "ds-controlled-date-time-picker-calendar-next-year";
+    TIMEWHEEL_HEADER_LABEL: "ds-controlled-date-time-picker-timewheel-header-label";
+    TIMEWHEEL_PREV_HOUR: "ds-controlled-date-time-picker-timewheel-prev-hour";
+    TIMEWHEEL_HOUR: "ds-controlled-date-time-picker-timewheel-hour";
+    TIMEWHEEL_CURRENT_HOUR: "ds-controlled-date-time-picker-timewheel-current-hour";
+    TIMEWHEEL_NEXT_HOUR: "ds-controlled-date-time-picker-timewheel-next-hour";
+    TIMEWHEEL_PREV_MINUTE: "ds-controlled-date-time-picker-timewheel-prev-minute";
+    TIMEWHEEL_MINUTE: "ds-controlled-date-time-picker-timewheel-minute";
+    TIMEWHEEL_CURRENT_MINUTE: "ds-controlled-date-time-picker-timewheel-current-minute";
+    TIMEWHEEL_NEXT_MINUTE: "ds-controlled-date-time-picker-timewheel-next-minute";
+    TIMEWHEEL_PREV_MERIDIEM: "ds-controlled-date-time-picker-timewheel-prev-meridiem";
+    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";
+    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";
+    CONTROLLER_COMPONENT_CALENDAR: "ds-controlled-date-time-picker-calendar-controller-wrapper";
+    CONTROLLER_COMPONENT_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-controller-wrapper";
+    CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper";
+    FOOTERS_CALENDAR: "ds-controlled-date-time-picker-calendar-context-footer";
+    FOOTERS_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-footer";
+    FOOTERS_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-footer";
+    CLEAR_BUTTON: "ds-controlled-date-time-picker-clear-btn";
+    CALENDAR_DAY_BUTTON: "ds-controlleddatetimepicker-calendar-day";
+    CALENDAR_HEADER_BUTTON: "ds-controlleddatetimepicker-calendar-header-buttons";
+    CALENDAR_HEADER_WEEKLY_DAY_LIST: "ds-controlleddatetimepicker-calendar-header-weekly-day-list";
+    TIMEWHEEL_TIME_BUTTON: "ds-controlleddatetimepicker-timewheel-time-button";
+    TIMEWHEEL_TIME_CHANGE_BUTTON: "ds-controlleddatetimepicker-timewheel-time-change-button";
+};
+export declare const DSControlledDateTimePickerSlotsFlatten: {
+    readonly CONTAINER: "root";
+    readonly DATE_INPUTS_MONTH: "time-picker-month-input";
+    readonly DATE_INPUTS_DAY: "time-picker-day-input";
+    readonly DATE_INPUTS_YEAR: "time-picker-year-input";
+    readonly TIME_INPUTS_HOUR: "time-picker-hour-input";
+    readonly TIME_INPUTS_MINUTE: "time-picker-minute-input";
+    readonly TIME_INPUTS_MERIDIEM: "time-picker-meridiem-input";
+    readonly PICKER_ICONS_CALENDAR: "calendar-trigger-icon";
+    readonly PICKER_ICONS_TIMEWHEEL: "timewheel-trigger-icon";
+    readonly PICKER_ICONS_CALENDAR_TIMEWHEEL: "calendar-timewheel-trigger-icon";
+    readonly CALENDAR_DAY_BUTTON: "calendar-day";
+    readonly CALENDAR_HEADER_LABEL: "calendar-header-label";
+    readonly CALENDAR_HEADER_BUTTON: "calendar-header-buttons";
+    readonly CALENDAR_HEADER_WEEKLY_DAY_LIST: "calendar-header-weekly-day-list";
+    readonly TIMEWHEEL_TIME_BUTTON: "timewheel-time-button";
+    readonly TIMEWHEEL_TIME_CHANGE_BUTTON: "timewheel-time-change-button";
+    readonly TIMEWHEEL_HEADER_LABEL: "timewheel-header-label";
+    readonly CONTEXTUAL_MENU_CALENDAR: "calendar-context-content-wrapper";
+    readonly CONTEXTUAL_MENU_TIMEWHEEL: "timewheel-context-content-wrapper";
+    readonly CONTEXTUAL_MENU_CALENDAR_TIMEWHEEL: "calendar-timewheel-context-content-wrapper";
+    readonly FOOTERS_CALENDAR: "calendar-context-footer";
+    readonly FOOTERS_TIMEWHEEL: "timewheel-context-footer";
+    readonly FOOTERS_CALENDAR_TIMEWHEEL: "calendar-timewheel-context-footer";
+    readonly CONTROLLER_COMPONENT_CALENDAR: "calendar-controller-wrapper";
+    readonly CONTROLLER_COMPONENT_TIMEWHEEL: "timewheel-controller-wrapper";
+    readonly CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: "calendar-timewheel-controller-wrapper";
+    readonly CLEAR_BUTTON: "clear-btn";
+};
+export declare const DSControlledDateTimePickerSlots: {
+    CONTAINER: "root";
+    DATE_INPUTS: {
+        MONTH: "time-picker-month-input";
+        DAY: "time-picker-day-input";
+        YEAR: "time-picker-year-input";
+    };
+    TIME_INPUTS: {
+        HOUR: "time-picker-hour-input";
+        MINUTE: "time-picker-minute-input";
+        MERIDIEM: "time-picker-meridiem-input";
+    };
+    PICKER_ICONS: {
+        CALENDAR: "calendar-trigger-icon";
+        TIMEWHEEL: "timewheel-trigger-icon";
+        CALENDAR_TIMEWHEEL: "calendar-timewheel-trigger-icon";
+    };
+    CALENDAR: {
+        DAY_BUTTON: "calendar-day";
+        HEADER_LABEL: "calendar-header-label";
+        HEADER_BUTTON: "calendar-header-buttons";
+        HEADER_WEEKLY_DAY_LIST: "calendar-header-weekly-day-list";
+    };
+    TIMEWHEEL: {
+        TIME_BUTTON: "timewheel-time-button";
+        TIME_CHANGE_BUTTON: "timewheel-time-change-button";
+        HEADER_LABEL: "timewheel-header-label";
+    };
+    CONTEXTUAL_MENU: {
+        CALENDAR: "calendar-context-content-wrapper";
+        TIMEWHEEL: "timewheel-context-content-wrapper";
+        CALENDAR_TIMEWHEEL: "calendar-timewheel-context-content-wrapper";
+    };
+    FOOTERS: {
+        CALENDAR: "calendar-context-footer";
+        TIMEWHEEL: "timewheel-context-footer";
+        CALENDAR_TIMEWHEEL: "calendar-timewheel-context-footer";
+    };
+    CONTROLLER_COMPONENT: {
+        CALENDAR: "calendar-controller-wrapper";
+        TIMEWHEEL: "timewheel-controller-wrapper";
+        CALENDAR_TIMEWHEEL: "calendar-timewheel-controller-wrapper";
+    };
+    CLEAR_BUTTON: "clear-btn";
+};
+export declare const ControlledDateTimePickerDatatestidFlattened: {
+    CONTAINER: "ds-controlled-date-time-picker-container";
+    DATE_INPUTS_MONTH: "ds-controlled-date-time-picker-month-input";
+    DATE_INPUTS_DAY: "ds-controlled-date-time-picker-day-input";
+    DATE_INPUTS_YEAR: "ds-controlled-date-time-picker-year-input";
+    TIME_INPUTS_HOUR: "ds-controlled-date-time-picker-hour-input";
+    TIME_INPUTS_MINUTE: "ds-controlled-date-time-picker-minute-input";
+    TIME_INPUTS_MERIDIEM: "ds-controlled-date-time-picker-meridiem-input";
+    PICKER_ICONS_CALENDAR: "ds-controlled-date-time-picker-calendar-trigger-icon";
+    PICKER_ICONS_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-trigger-icon";
+    PICKER_ICONS_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon";
+    CALENDAR_TABLE_WRAPPER: "ds-controlled-date-time-picker-calendar-table-wrapper";
+    CALENDAR_HEADER_LABEL: "ds-controlled-date-time-picker-calendar-header-label";
+    CALENDAR_PREV_YEAR: "ds-controlled-date-time-picker-calendar-prev-year";
+    CALENDAR_PREV_MONTH: "ds-controlled-date-time-picker-calendar-prev-month";
+    CALENDAR_DAY: "ds-controlled-date-time-picker-calendar-day";
+    CALENDAR_FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-focused-day";
+    CALENDAR_START_RANGE_DAY: "ds-controlled-date-time-picker-calendar-start-range-day";
+    CALENDAR_IN_RANGE_DAY: "ds-controlled-date-time-picker-calendar-in-range-day";
+    CALENDAR_END_RANGE_DAY: "ds-controlled-date-time-picker-calendar-end-range-day";
+    CALENDAR_SELECTED_DAY: "ds-controlled-date-time-picker-calendar-selected-day";
+    CALENDAR_SELECTED_FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-selected-focused-day";
+    CALENDAR_NEXT_MONTH: "ds-controlled-date-time-picker-calendar-next-month";
+    CALENDAR_NEXT_YEAR: "ds-controlled-date-time-picker-calendar-next-year";
+    TIMEWHEEL_HEADER_LABEL: "ds-controlled-date-time-picker-timewheel-header-label";
+    TIMEWHEEL_PREV_HOUR: "ds-controlled-date-time-picker-timewheel-prev-hour";
+    TIMEWHEEL_HOUR: "ds-controlled-date-time-picker-timewheel-hour";
+    TIMEWHEEL_CURRENT_HOUR: "ds-controlled-date-time-picker-timewheel-current-hour";
+    TIMEWHEEL_NEXT_HOUR: "ds-controlled-date-time-picker-timewheel-next-hour";
+    TIMEWHEEL_PREV_MINUTE: "ds-controlled-date-time-picker-timewheel-prev-minute";
+    TIMEWHEEL_MINUTE: "ds-controlled-date-time-picker-timewheel-minute";
+    TIMEWHEEL_CURRENT_MINUTE: "ds-controlled-date-time-picker-timewheel-current-minute";
+    TIMEWHEEL_NEXT_MINUTE: "ds-controlled-date-time-picker-timewheel-next-minute";
+    TIMEWHEEL_PREV_MERIDIEM: "ds-controlled-date-time-picker-timewheel-prev-meridiem";
+    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";
+    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";
+    CONTROLLER_COMPONENT_CALENDAR: "ds-controlled-date-time-picker-calendar-controller-wrapper";
+    CONTROLLER_COMPONENT_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-controller-wrapper";
+    CONTROLLER_COMPONENT_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper";
+    FOOTERS_CALENDAR: "ds-controlled-date-time-picker-calendar-context-footer";
+    FOOTERS_TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-footer";
+    FOOTERS_CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-footer";
+    CLEAR_BUTTON: "ds-controlled-date-time-picker-clear-btn";
+    CALENDAR_DAY_BUTTON: "ds-controlleddatetimepicker-calendar-day";
+    CALENDAR_HEADER_BUTTON: "ds-controlleddatetimepicker-calendar-header-buttons";
+    CALENDAR_HEADER_WEEKLY_DAY_LIST: "ds-controlleddatetimepicker-calendar-header-weekly-day-list";
+    TIMEWHEEL_TIME_BUTTON: "ds-controlleddatetimepicker-timewheel-time-button";
+    TIMEWHEEL_TIME_CHANGE_BUTTON: "ds-controlleddatetimepicker-timewheel-time-change-button";
+};
+export declare const ControlledDateTimePickerDatatestid: {
+    readonly CONTAINER: "ds-controlled-date-time-picker-container";
+    readonly DATE_INPUTS: {
+        readonly MONTH: "ds-controlled-date-time-picker-month-input";
+        readonly DAY: "ds-controlled-date-time-picker-day-input";
+        readonly YEAR: "ds-controlled-date-time-picker-year-input";
+    };
+    readonly TIME_INPUTS: {
+        readonly HOUR: "ds-controlled-date-time-picker-hour-input";
+        readonly MINUTE: "ds-controlled-date-time-picker-minute-input";
+        readonly MERIDIEM: "ds-controlled-date-time-picker-meridiem-input";
+    };
+    readonly PICKER_ICONS: {
+        readonly CALENDAR: "ds-controlled-date-time-picker-calendar-trigger-icon";
+        readonly TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-trigger-icon";
+        readonly CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon";
+    };
+    readonly CALENDAR: {
+        readonly TABLE_WRAPPER: "ds-controlled-date-time-picker-calendar-table-wrapper";
+        readonly HEADER_LABEL: "ds-controlled-date-time-picker-calendar-header-label";
+        readonly PREV_YEAR: "ds-controlled-date-time-picker-calendar-prev-year";
+        readonly PREV_MONTH: "ds-controlled-date-time-picker-calendar-prev-month";
+        readonly DAY: "ds-controlled-date-time-picker-calendar-day";
+        readonly FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-focused-day";
+        readonly START_RANGE_DAY: "ds-controlled-date-time-picker-calendar-start-range-day";
+        readonly IN_RANGE_DAY: "ds-controlled-date-time-picker-calendar-in-range-day";
+        readonly END_RANGE_DAY: "ds-controlled-date-time-picker-calendar-end-range-day";
+        readonly SELECTED_DAY: "ds-controlled-date-time-picker-calendar-selected-day";
+        readonly SELECTED_FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-selected-focused-day";
+        readonly NEXT_MONTH: "ds-controlled-date-time-picker-calendar-next-month";
+        readonly NEXT_YEAR: "ds-controlled-date-time-picker-calendar-next-year";
+    };
+    readonly TIMEWHEEL: {
+        readonly HEADER_LABEL: "ds-controlled-date-time-picker-timewheel-header-label";
+        readonly PREV_HOUR: "ds-controlled-date-time-picker-timewheel-prev-hour";
+        readonly HOUR: "ds-controlled-date-time-picker-timewheel-hour";
+        readonly CURRENT_HOUR: "ds-controlled-date-time-picker-timewheel-current-hour";
+        readonly NEXT_HOUR: "ds-controlled-date-time-picker-timewheel-next-hour";
+        readonly PREV_MINUTE: "ds-controlled-date-time-picker-timewheel-prev-minute";
+        readonly MINUTE: "ds-controlled-date-time-picker-timewheel-minute";
+        readonly CURRENT_MINUTE: "ds-controlled-date-time-picker-timewheel-current-minute";
+        readonly NEXT_MINUTE: "ds-controlled-date-time-picker-timewheel-next-minute";
+        readonly PREV_MERIDIEM: "ds-controlled-date-time-picker-timewheel-prev-meridiem";
+        readonly MERIDIEM: "ds-controlled-date-time-picker-timewheel-meridiem";
+        readonly CURRENT_MERIDIEM: "ds-controlled-date-time-picker-timewheel-current-meridiem";
+        readonly NEXT_MERIDIEM: "ds-controlled-date-time-picker-timewheel-next-meridiem";
+    };
+    readonly CONTEXTUAL_MENU: {
+        readonly CALENDAR: "ds-controlled-date-time-picker-calendar-context-content-wrapper";
+        readonly TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-content-wrapper";
+        readonly CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper";
+    };
+    readonly CONTROLLER_COMPONENT: {
+        readonly CALENDAR: "ds-controlled-date-time-picker-calendar-controller-wrapper";
+        readonly TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-controller-wrapper";
+        readonly CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper";
+    };
+    readonly FOOTERS: {
+        readonly CALENDAR: "ds-controlled-date-time-picker-calendar-context-footer";
+        readonly TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-footer";
+        readonly CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-footer";
+    };
+    readonly CLEAR_BUTTON: "ds-controlled-date-time-picker-clear-btn";
+};

package/dist/types/index.d.ts

@@ -1,10 +1,8 @@
-export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker.js';
-export { ControlledDateTimePickerDatatestid, ControlledDateTimePickerDatatestidFlattened, } from './ControlledDateTimePickerDatatestid.js';
-export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes.js';
-export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers.js';
-export { isValidDateString, isValidTimeString } from './utils/stringHelpers.js';
+export { ControlledDateTimePickerDatatestid, ControlledDateTimePickerDatatestidFlattened, DSControlledDateTimePickerName, DSControlledDateTimePickerSlots, DSControlledDateTimePickerSlotsFlatten, } from './constants/index.js';
+export { DSControlledDateTimePicker, DSControlledDateTimePickerWithSchema } from './ControlledDateTimePicker.js';
+export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './constants/ControlledDateTimePickerTypes.js';
+export { type DSControlledDateTimePickerT } from './react-desc-prop-types.js';
+export { getDateStringFromDay, getDateValuesFromDate, getDayFromDateString, getValidationDateStringMetaInfo, } from './utils/dateHelpers.js';
 export { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';
-export { getValidationDateStringMetaInfo, getDateStringFromDay, getDayFromDateString, getDateValuesFromDate, } from './utils/dateHelpers.js';
+export { deconstructValuesFromDateString, isValidDateString, isValidTimeString, prependStringWithPlaceHolders, } from './utils/stringHelpers.js';
 export { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';
-export { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots, DSControlledDateTimePickerSlotsFlatten, } from './ControlledDateTimePickerDefinitions.js';
-export { type DSControlledDateTimePickerT } from './react-desc-prop-types.js';

package/dist/types/parts/ClearButton/ClearButton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ClearButton: () => JSX.Element;

package/dist/types/parts/ClearButton/useClearButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
 interface UseOnClearClickR {
     onClearClick: DSControlledDateTimePickerInternalsT.OnDSBtnClick;

package/dist/types/parts/ControlledDateTimePickerContent.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ControlledDateTimePickerContent: () => JSX.Element;

package/dist/types/parts/DateInputs/DDInput.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
-import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+import React from 'react';
 import type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
 interface DDInputsPropsT {
     onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;
     onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;

package/dist/types/parts/DateInputs/DateInputs.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DateInputs: () => JSX.Element;

package/dist/types/parts/DateInputs/MMInput.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
-import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+import React from 'react';
 import type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
 interface MMInputsPropsT {
     onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;
     onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;

package/dist/types/parts/DateInputs/YYYYInput.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
-import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+import React from 'react';
 import type { ControlledDateTimePickerContextT } from '../../config/useControlledDateTimePicker.js';
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
 interface YYYYInputsPropsT {
     onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;
     onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;

package/dist/types/parts/Pickers/Calendar/Calendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WrappedCalendarContext: ({ children }: {
     children: JSX.Element;
 }) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Pickers/Calendar/CalendarContent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CalendarContent: ({ className }: {
     className?: string;
 }) => JSX.Element;

package/dist/types/parts/Pickers/Calendar/CalendarContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CalendarContextT } from './useConfigCalendarCTX.js';
 export declare const defaultCalendarContext: CalendarContextT;
 /** Context for cross component communication */

package/dist/types/parts/Pickers/Calendar/CalendarHead.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarHead: () => JSX.Element;

package/dist/types/parts/Pickers/Calendar/CalendarIconTrigger.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarIconTrigger: () => JSX.Element;

package/dist/types/parts/Pickers/Calendar/CalendarMonthDays.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarMonthDays: () => JSX.Element;

package/dist/types/parts/Pickers/Calendar/CalendarWrapper.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWrapper: () => JSX.Element | null;

package/dist/types/parts/Pickers/Calendar/Day.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';
 interface CalendarDayPropsT {
     metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;

package/dist/types/parts/Pickers/Calendar/Styleds.d.ts

@@ -1,20 +1,19 @@
-/// <reference types="react" />
 export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
 export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"section">, never>;
 export declare const StyledHeaderLabel: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"h3">, never>;
 export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"section", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"section">, never>;
 export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
 export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
-    isHeader?: boolean | undefined;
+    isHeader?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/Pickers/Calendar/useConfigCalendarCTX.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic.js';
 import { useFocusLogic } from './useFocusLogic.js';

package/dist/types/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';
 interface UseCurrentDisplayedMonthYearLogicT {
     currentMonth: DSControlledDateTimePickerInternalsT.DateMonth;

package/dist/types/parts/Pickers/Calendar/useKeyboardHandlers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';
 import type { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic.js';
 import type { useFocusLogic } from './useFocusLogic.js';

package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWithTimeWheelContent: () => JSX.Element;

package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CalendarWithTimeWheelContextT } from './useConfigCalendarWithTimeWheelCTX.js';
 export declare const defaultCalendarWithTimeWheelContext: CalendarWithTimeWheelContextT;
 /** Context for cross component communication */

package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CalendarWithTimeWheelIconTrigger: () => JSX.Element;

package/dist/types/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
 export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledCalendar: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
+    className?: string;
 }) => JSX.Element, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<({ className }: {
-    className?: string | undefined;
+    className?: string;
 }) => JSX.Element>, never>;
 export declare const CalendarWithTimeWheelFooterMessage: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/parts/Pickers/PickersIcons.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const PickersIcons: () => JSX.Element;

package/dist/types/parts/Pickers/TimeWheel/HoursList.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const HoursList: () => JSX.Element;

package/dist/types/parts/Pickers/TimeWheel/MeridiemList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const MeridiemList: () => JSX.Element;
 export default MeridiemList;

package/dist/types/parts/Pickers/TimeWheel/MinutesList.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const MinutesList: () => JSX.Element;
 export default MinutesList;

package/dist/types/parts/Pickers/TimeWheel/Styleds.d.ts

@@ -1,7 +1,9 @@
-/// <reference types="react" />
 interface StyledWheelListItemPropsT {
     isCurrentListItem?: boolean;
     selected?: boolean;
+    isDisabled?: boolean;
+    readOnly?: boolean;
+    applyAriaDisabled?: boolean;
 }
 interface StyledTimePickerContainerT {
     showShadow?: boolean;
@@ -13,16 +15,12 @@ export declare const StyledTimePickerContainer: import("styled-components").Styl
 export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, {
-    isCurrentListItem: boolean;
-    selected: boolean;
-    isDisabled: boolean;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
+export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, StyledWheelListItemPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledWheelListItemPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
 export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    readOnlyStyles?: boolean | undefined;
+    readOnlyStyles?: boolean;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export {};

package/dist/types/parts/Pickers/TimeWheel/TimeWheel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WrappedTimeWheelContext: ({ children }: {
     children: JSX.Element;
 }) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/Pickers/TimeWheel/TimeWheelContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { TimeWheelContextT } from './useConfigTimePickerCTX.js';
 export declare const defaultTimePickerContext: TimeWheelContextT;
 /** Context for cross component communication */

package/dist/types/parts/Pickers/TimeWheel/TimeWheelIconTrigger.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const TimeWheelIconTrigger: () => JSX.Element;

package/dist/types/parts/Pickers/TimeWheel/useKeyboardHandlers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { useCurrentDisplayedWheelsLogic } from './useCurrentDisplayedWheelsLogic.js';
 interface UseKeyboardHandlersArgs {
     currentDisplayedTimeWheelLogic: ReturnType<typeof useCurrentDisplayedWheelsLogic>;

package/dist/types/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 interface PopperTriggerLogicT {
     referenceElement: HTMLButtonElement | null;