@elliemae/ds-form-date-time-picker 3.16.4-rc.2 → 3.16.4

package/dist/types/ControlledDateTimePicker.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { DSControlledDateTimePickerT } from './propTypes.js';
+declare const DSControlledDateTimePicker: {
+    (props: DSControlledDateTimePickerT.Props): JSX.Element;
+    displayName: string;
+};
+declare const DSControlledDateTimePickerWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSControlledDateTimePickerT.Props>;
+export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };

package/dist/types/ControlledDateTimePickerCTX.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ControlledDateTimePickerContextT } from './config/useControlledDateTimePicker.js';
+/** Context for cross component communication */
+export declare const ControlledDateTimePickerContext: import("react").Context<ControlledDateTimePickerContextT>;
+export default ControlledDateTimePickerContext;

package/dist/types/ControlledDateTimePickerDatatestid.d.ts

@@ -0,0 +1,63 @@
+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 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/ControlledDateTimePickerTypes.d.ts

@@ -0,0 +1,20 @@
+export declare const CONTROLLED_DATE_TIME_PICKER_TYPES: {
+    readonly DATE_TIME: {
+        readonly FULL: "full-date-time";
+        readonly CONTROLLER_ONLY: "date-time-picker-controller-only";
+        readonly PICKER: "date-time-picker";
+        readonly INPUTS: "date-time-inputs";
+    };
+    readonly DATE: {
+        readonly FULL: "full-date";
+        readonly CONTROLLER_ONLY: "date-picker-controller-only";
+        readonly PICKER: "date-picker";
+        readonly INPUTS: "date-inputs";
+    };
+    readonly TIME: {
+        readonly FULL: "full-time";
+        readonly CONTROLLER_ONLY: "time-picker-controller-only";
+        readonly PICKER: "time-picker";
+        readonly INPUTS: "time-inputs";
+    };
+};

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

@@ -0,0 +1,27 @@
+import type { useRelevantValueFromProps } from './useRelevantValueFromProps.js';
+import type { useGetDestructuredValues } from './useGetDestructuredValues.js';
+import type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';
+import type { useGetReferences } from './useGetReferences.js';
+import type { useFocusTracker } from './useFocusTracker.js';
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+import type { DSControlledDateTimePickerInternalsT } from '../sharedTypes.js';
+interface Config {
+    relevantValues: ReturnType<typeof useRelevantValueFromProps>;
+    destructuredValues: ReturnType<typeof useGetDestructuredValues>;
+    propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;
+    DOMRefs: ReturnType<typeof useGetReferences>;
+    focusTrackers: ReturnType<typeof useFocusTracker>;
+}
+export declare const useChangeHandlers: ({ relevantValues, destructuredValues, propsBasedOnType, focusTrackers }: Config) => {
+    handleChangeComposedDateTimeString: (newDateString: string, newTimeString: string, metaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo) => void;
+    handleChangeComposedDateString: (newDateString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => void;
+    handleChangeComposedTimeString: (newTimeString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => void;
+    handleChangeMonth: DSControlledDateTimePickerT.OnInternalInputsChange;
+    handleChangeDay: DSControlledDateTimePickerT.OnInternalInputsChange;
+    handleChangeYear: DSControlledDateTimePickerT.OnInternalInputsChange;
+    handleChangeHours: DSControlledDateTimePickerT.OnInternalInputsChange;
+    handleChangeMinutes: DSControlledDateTimePickerT.OnInternalInputsChange;
+    handleChangeMeridiem: DSControlledDateTimePickerT.OnInternalInputsChange;
+    handleClearAll: DSControlledDateTimePickerInternalsT.OnDSBtnClick;
+};
+export {};

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

@@ -0,0 +1,16 @@
+import { useFocusTracker } from './useFocusTracker.js';
+import { useGetFlags } from './useGetFlags.js';
+import { useGetReferences } from './useGetReferences.js';
+import { useRelevantValueFromProps } from './useRelevantValueFromProps.js';
+import { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';
+import { useGetDestructuredValues } from './useGetDestructuredValues.js';
+import { useChangeHandlers } from './useChangeHandlers.js';
+import { useGlobalKeyHandlers } from './useGlobalKeyHandlers.js';
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+export type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> & ReturnType<typeof useFocusTracker> & ReturnType<typeof useGetReferences> & ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useRelevantValueFromProps> & ReturnType<typeof useGetDestructuredValues> & ReturnType<typeof useChangeHandlers> & ReturnType<typeof useGlobalKeyHandlers> & {
+    props: DSControlledDateTimePickerT.InternalProps;
+    ariaCurrentValueForInputs: string;
+    globalAttrs: Record<string, unknown>;
+    xstyledAttrs: Record<string, unknown>;
+};
+export declare const useControlledDateTimePicker: (props: DSControlledDateTimePickerT.Props) => ControlledDateTimePickerContextT;

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import type { useGetReferences } from './useGetReferences.js';
+import type { useGetFlags } from './useGetFlags.js';
+type LatestInteractionRegion = 'calendar-days' | 'calendar-head' | 'timewheel' | 'date-inputs' | 'time-inputs' | 'clear-btn' | 'picker-icon' | '';
+type CurrFocusDescriber = 'first-segment' | 'month-input' | 'day-input' | 'year-input' | 'hour-input' | 'minute-input' | 'meridiem-input' | 'last-segment' | 'clear-btn' | 'date-picker-icon' | 'time-picker-icon' | 'datetime-picker-icon' | 'calendar-prev-month' | 'calendar-next-month' | 'calendar-prev-year' | 'calendar-next-year' | 'calendar-metafocused-day' | 'timewheel-curr-hour' | 'timewheel-curr-minute' | 'timewheel-curr-meridiem' | '';
+interface Config {
+    DOMRefs: ReturnType<typeof useGetReferences>;
+    flags: ReturnType<typeof useGetFlags>;
+}
+export declare const useFocusTracker: ({ DOMRefs, flags }: Config) => {
+    latestInteractionRegion: LatestInteractionRegion;
+    setLatestInteractionRegion: import("react").Dispatch<import("react").SetStateAction<LatestInteractionRegion>>;
+    currFocusDescriber: CurrFocusDescriber;
+    setCurrFocusDescriber: import("react").Dispatch<import("react").SetStateAction<CurrFocusDescriber>>;
+    trackFocusResetter: () => void;
+    trackFocusMonthInput: () => void;
+    trackFocusDayInput: () => void;
+    trackFocusYearInput: () => void;
+    trackFocusHourInput: () => void;
+    trackFocusMinuteInput: () => void;
+    trackFocusMeridiemInput: () => void;
+    trackFocusClearBtn: () => void;
+    trackFocusDatePickerIcon: () => void;
+    trackFocusTimePickerIcon: () => void;
+    trackFocusDatetimePickerIcon: () => void;
+    trackFocusCalendarPrevMonth: () => void;
+    trackFocusCalendarNextMonth: () => void;
+    trackFocusCalendarPrevYear: () => void;
+    trackFocusCalendarNextYear: () => void;
+    trackFocusCalendarMetafocusedDay: () => void;
+    trackFocusTimewheelCurrHour: () => void;
+    trackFocusTimewheelCurrMinute: () => void;
+    trackFocusTimewheelCurrMeridiem: () => void;
+    trackFocusPicker: () => void;
+    trackFocusFirstSegment: () => void;
+    trackFocusLastSegment: () => void;
+};
+export {};

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

@@ -0,0 +1,30 @@
+import type { useGetFlags } from './useGetFlags.js';
+import type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';
+type UseGetDestructuredDateValues = (config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>) => {
+    month: string;
+    day: string;
+    year: string;
+    monthNum: number;
+    dayNum: number;
+    yearNum: number;
+    announcedMonth: string;
+    announcedDay: string;
+    announcedYear: string;
+    announcedDateValues: string;
+};
+export declare const useGetDestructuredDateValues: UseGetDestructuredDateValues;
+type UseGetDestructuredTimeValues = (config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>) => {
+    hours: string;
+    minutes: string;
+    meridiem: string;
+    hoursNum: number;
+    minutesNum: number;
+    announcedHours: string;
+    announcedMinutes: string;
+    announcedMeridiem: string;
+    announcedTimeValues: string;
+};
+export declare const useGetDestructuredTimeValues: UseGetDestructuredTimeValues;
+type UseGetDestructuredValues = (config: ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useGetFlags>) => ReturnType<typeof useGetDestructuredDateValues> & ReturnType<typeof useGetDestructuredTimeValues>;
+export declare const useGetDestructuredValues: UseGetDestructuredValues;
+export {};

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+export declare const useGetFlags: (props: DSControlledDateTimePickerT.InternalProps) => {
+    isDateSelector: boolean;
+    hideTime: boolean;
+    hideDateTimePicker: boolean;
+    hideTimePicker: boolean;
+    isTimeSelector: boolean;
+    isDateTimeSelector: boolean;
+    isWithCalendarToo: boolean;
+    isWithTimeWheelToo: boolean;
+    isWithTimeInputs: boolean;
+    isWithTimeInputsOnly: boolean;
+    autoFocusHourTimeWheel: boolean;
+    autoFocusHourInput: boolean;
+    hideDate: boolean;
+    hideDatePicker: boolean;
+    isControllerOnly: boolean;
+    withAnyInputs: boolean;
+    withAnyPicker: boolean;
+    withClearBtn: boolean;
+    isWithDateInputs: boolean;
+    isWithDateInputsOnly: boolean;
+    autoFocusMonthInput: boolean;
+    autoFocusPrevMonthArrow: boolean;
+    innerRefMonthInput: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | undefined;
+    innerRefPrevMonthArrow: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement | null> | undefined;
+    shouldPreserveClearableSpace: boolean;
+    withAnyRightController: boolean;
+};

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

@@ -0,0 +1,28 @@
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+export declare const useGetPropsBasedOnType: (propsWithDefaults: DSControlledDateTimePickerT.InternalProps) => {
+    getIsDisabledDay: BooleanGetter<string>;
+    getIsOutOfRangeDay: BooleanGetter<string>;
+    getIsStartRangeDay: BooleanGetter<string> | (() => void);
+    getIsDayInRange: BooleanGetter<string> | (() => void);
+    getIsEndRangeDay: BooleanGetter<string> | (() => void);
+    appOnDateChange: DSControlledDateTimePickerT.OnDateChange;
+    appOnMonthChange: DSControlledDateTimePickerT.AppOnInputChange;
+    appOnDayChange: DSControlledDateTimePickerT.AppOnInputChange;
+    appOnYearChange: DSControlledDateTimePickerT.AppOnInputChange;
+    appDate: string;
+    getIsDisabledTime: BooleanGetter<string>;
+    appOnTimeChange: DSControlledDateTimePickerT.OnTimeChange;
+    appOnHourChange: DSControlledDateTimePickerT.AppOnInputChange;
+    appOnMinuteChange: DSControlledDateTimePickerT.AppOnInputChange;
+    appOnMeridiemChange: DSControlledDateTimePickerT.AppOnInputChange;
+    appTime: string;
+    appDateTime: string;
+    appOnDateTimeChange: DSControlledDateTimePickerT.OnDateTimeChange;
+    emptyPickerStartingMonth: string;
+    onCalendarOpenFocusedDay: string | undefined;
+    minutesInterval: number;
+    onTimeWheelOpenStartingTime: string;
+    isDate: boolean;
+    isTime: boolean;
+    isDateTime: boolean;
+};

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

@@ -0,0 +1,2 @@
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+export declare const useGetDatePickerWithDefaultsProps: (props: DSControlledDateTimePickerT.Props) => DSControlledDateTimePickerT.InternalProps;

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

@@ -0,0 +1,33 @@
+/// <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' | '';
+export declare const useGetReferences: ({ isWithDateInputs, isWithTimeInputs, isDateSelector, isTimeSelector, isDateTimeSelector, withAnyPicker, withClearBtn, }: ReturnType<typeof useGetFlags>) => {
+    monthInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    dayInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    yearInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    hourInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    minutesInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    meridiemInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    clearButtonRef: import("react").MutableRefObject<HTMLButtonElement>;
+    pickerButtonRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevYearBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevMonthBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextMonthBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextYearBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    calendarDaysWrapperRef: import("react").MutableRefObject<HTMLDivElement>;
+    prevHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    firstSegmentRef: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement>;
+    lastSegmentRef: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement>;
+    firstSegment: FirstSegment;
+    lastSegment: LastSegment;
+};
+export {};

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

@@ -0,0 +1,18 @@
+import type { useChangeHandlers } from './useChangeHandlers.js';
+import type { useGetPropsBasedOnType } from './useGetPropsBasedOnType.js';
+import type { useGetReferences } from './useGetReferences.js';
+import type { useGetFlags } from './useGetFlags.js';
+import type { useFocusTracker } from './useFocusTracker.js';
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+interface Config {
+    propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;
+    changeHandlers: ReturnType<typeof useChangeHandlers>;
+    DOMRefs: ReturnType<typeof useGetReferences>;
+    flags: ReturnType<typeof useGetFlags>;
+    focusTrackers: ReturnType<typeof useFocusTracker>;
+}
+export declare const useGlobalKeyHandlers: ({ propsBasedOnType, changeHandlers, focusTrackers, flags }: Config) => {
+    onFillWithCurrentDateKeys: (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, metaInfo?: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => void;
+    onGlobalKeyDown: (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>) => void;
+};
+export {};

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { DSControlledDateTimePickerT } from '../propTypes.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>>;
+};

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

@@ -0,0 +1,2 @@
+import type { DSControlledDateTimePickerT } from '../propTypes.js';
+export declare const useValidateProps: (props: DSControlledDateTimePickerT.Props) => void;

package/dist/types/exported-related/theming.d.ts

@@ -0,0 +1,37 @@
+export declare const DSControlledDateTimePickerName = "DSControlledDateTimePicker";
+export declare const DSControlledDateTimePickerSlots: {
+    CONTAINER: string;
+    INPUT: string;
+    PICKER_ICONS: {
+        CALENDAR: string;
+        TIMEWHEEL: string;
+        CALENDAR_TIMEWHEEL: string;
+    };
+    CALENDAR: {
+        DAY_BUTTON: string;
+        HEADER_LABEL: string;
+        HEADER_BUTTON: string;
+        HEADER_WEEKLY_DAY_LIST: string;
+    };
+    TIMEWHEEL: {
+        TIME_BUTTON: string;
+        TIME_CHANGE_BUTTON: string;
+        HEADER_LABEL: string;
+    };
+    CONTEXTUAL_MENU: {
+        CALENDAR: string;
+        TIMEWHEEL: string;
+        CALENDAR_TIMEWHEEL: string;
+    };
+    FOOTERS: {
+        CALENDAR: string;
+        TIMEWHEEL: string;
+        CALENDAR_TIMEWHEEL: string;
+    };
+    CONTROLLER_COMPONENT: {
+        CALENDAR: string;
+        TIMEWHEEL: string;
+        CALENDAR_TIMEWHEEL: string;
+    };
+    CLEAR_BUTTON: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker } from './ControlledDateTimePicker.js';
+export { ControlledDateTimePickerDatatestid } from './ControlledDateTimePickerDatatestid.js';
+export { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes.js';
+export { deconstructValuesFromDateString, prependStringWithPlaceHolders } from './utils/stringHelpers.js';
+export { getValidationDateTimeStringMetaInfo } from './utils/dateTimeHelpers.js';
+export { getValidationDateStringMetaInfo, getDateStringFromDay, getDayFromDateString, getDateValuesFromDate, } from './utils/dateHelpers.js';
+export { getValidationTimeStringMetaInfo } from './utils/timeHelpers.js';
+export { DSControlledDateTimePickerName, DSControlledDateTimePickerSlots } from './exported-related/theming.js';
+export { type DSControlledDateTimePickerT } from './propTypes.js';

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+interface UseOnClearClickR {
+    onClearClick: DSControlledDateTimePickerInternalsT.OnDSBtnClick;
+    onClearButtonKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown<HTMLButtonElement>;
+    clearButtonRef: React.MutableRefObject<HTMLButtonElement | null>;
+    withAnyPicker: boolean;
+    withClearBtn: boolean;
+}
+export declare const useClearButton: () => UseOnClearClickR;
+export {};

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+interface DDInputsPropsT {
+    onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;
+    onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;
+    onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;
+    onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;
+    value: string;
+    disabled: boolean;
+    placeholder: string;
+    ariaCurrentValueForInputs: string;
+    contextRef: React.MutableRefObject<HTMLInputElement | null>;
+    isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
+}
+export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, isFocused, ariaAndDataProps, }: DDInputsPropsT) => JSX.Element>;
+export {};

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+interface MMInputsPropsT {
+    onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;
+    onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;
+    onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;
+    onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;
+    autoFocusMonthInput: boolean;
+    value: string;
+    disabled: boolean;
+    contextRef: React.MutableRefObject<HTMLInputElement | null>;
+    placeholder: string;
+    ariaCurrentValueForInputs: string;
+    isFocused: boolean;
+    innerRef?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;
+    ariaAndDataProps?: AriaAndDataProps;
+}
+export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, innerRef, autoFocusMonthInput, ariaCurrentValueForInputs, isFocused, ariaAndDataProps, }: MMInputsPropsT) => JSX.Element>;
+export {};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+interface YYYYInputsPropsT {
+    onChange: DSControlledDateTimePickerInternalsT.OnChangeFunc;
+    onBlur: DSControlledDateTimePickerInternalsT.OnBlurFunc;
+    onFocus: DSControlledDateTimePickerInternalsT.OnFocusFunc;
+    onKeyDown: DSControlledDateTimePickerInternalsT.OnKeyDown;
+    value: string;
+    disabled: boolean;
+    contextRef: React.MutableRefObject<HTMLInputElement | null>;
+    placeholder: string;
+    ariaCurrentValueForInputs: string;
+    isFocused: boolean;
+    ariaAndDataProps?: AriaAndDataProps;
+}
+export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, isFocused, ariaAndDataProps, }: YYYYInputsPropsT) => JSX.Element>;
+export {};

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

@@ -0,0 +1,2 @@
+import type { DSControlledDateTimePickerInternalsT } from '../../sharedTypes.js';
+export declare const useDateInputs: () => DSControlledDateTimePickerInternalsT.UseDateInputsR;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const WrappedCalendarContext: ({ children }: {
+    children: JSX.Element;
+}) => JSX.Element;
+export declare const Calendar: () => JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface CalendarBodyPropsT {
+    weekRowsNum: number;
+}
+export declare const CalendarBody: React.MemoExoticComponent<({ weekRowsNum }: CalendarBodyPropsT) => JSX.Element>;
+export {};

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';
+export declare const CalendarDaysList: React.MemoExoticComponent<({ invisibleFirstDay, daysMatrixByWeekday, invisibleLastDay, innerRef }: CalendarDaysListPropsT) => JSX.Element>;
+export interface CalendarDaysListPropsT {
+    invisibleFirstDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;
+    daysMatrixByWeekday: DSControlledDateTimePickerInternalsT.MetaMonthDay[][];
+    invisibleLastDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;
+    innerRef: React.RefObject<HTMLDivElement>;
+}

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarFooter: React.ComponentType;

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalendarWeekDays: React.MemoExoticComponent<() => JSX.Element>;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';
+interface CalendarDayPropsT {
+    metaDay: DSControlledDateTimePickerInternalsT.MetaMonthDay;
+    colIndex?: number;
+    isInvisible?: boolean;
+}
+export declare const Day: ({ metaDay, colIndex, isInvisible }: CalendarDayPropsT) => JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledShadowWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledHeaderLabel: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;
+export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, {
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("@elliemae/ds-system").Theme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}, never>;
+export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("@elliemae/ds-system").Theme, object, never>;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic.js';
+import { useFocusLogic } from './useFocusLogic.js';
+import { usePopperTriggerLogic } from './usePopperTriggerLogic.js';
+import { useKeyboardHandlers } from './useKeyboardHandlers.js';
+export type CalendarContextT = ReturnType<typeof useCurrentDisplayedMonthYearLogic> & ReturnType<typeof useFocusLogic> & ReturnType<typeof usePopperTriggerLogic> & ReturnType<typeof useKeyboardHandlers> & {
+    showCalendar: boolean;
+    setShowCalendar: StateSetter<boolean>;
+    onPrevYearFocus: React.FocusEventHandler;
+    onPrevMonthFocus: React.FocusEventHandler;
+    onNextMonthFocus: React.FocusEventHandler;
+    onNextYearFocus: React.FocusEventHandler;
+};
+export declare const useConfigCalendarCTX: () => CalendarContextT;

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

@@ -0,0 +1,15 @@
+import type { DSControlledDateTimePickerInternalsT } from '../../../sharedTypes.js';
+interface UseCurrentDisplayedMonthYearLogicT {
+    currentMonth: DSControlledDateTimePickerInternalsT.DateMonth;
+    currentYear: number;
+    daysArray: DSControlledDateTimePickerInternalsT.MetaMonthDay[];
+    invisibleFirstDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;
+    daysMatrixByWeekday: DSControlledDateTimePickerInternalsT.MetaMonthDay[][];
+    invisibleLastDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;
+    handlePrevMonth: () => void;
+    handlePrevYear: () => void;
+    handleNextMonth: () => void;
+    handleNextYear: () => void;
+}
+export declare const useCurrentDisplayedMonthYearLogic: () => UseCurrentDisplayedMonthYearLogicT;
+export {};