@elliemae/ds-form-date-time-picker 3.17.0-next.9 → 3.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/propTypes.js.map +2 -2
- package/dist/esm/propTypes.js.map +2 -2
- package/dist/types/ControlledDateTimePicker.d.ts +8 -0
- package/dist/types/ControlledDateTimePickerCTX.d.ts +5 -0
- package/dist/types/ControlledDateTimePickerDatatestid.d.ts +63 -0
- package/dist/types/ControlledDateTimePickerTypes.d.ts +20 -0
- package/dist/types/config/useChangeHandlers.d.ts +27 -0
- package/dist/types/config/useControlledDateTimePicker.d.ts +16 -0
- package/dist/types/config/useFocusTracker.d.ts +38 -0
- package/dist/types/config/useGetDestructuredValues.d.ts +30 -0
- package/dist/types/config/useGetFlags.d.ts +30 -0
- package/dist/types/config/useGetPropsBasedOnType.d.ts +28 -0
- package/dist/types/config/useGetPropsWithDefault.d.ts +2 -0
- package/dist/types/config/useGetReferences.d.ts +33 -0
- package/dist/types/config/useGlobalKeyHandlers.d.ts +18 -0
- package/dist/types/config/useRelevantValueFromProps.d.ts +10 -0
- package/dist/types/config/useValidateProps.d.ts +2 -0
- package/dist/types/exported-related/theming.d.ts +37 -0
- package/dist/types/index.d.ts +9 -0
- package/dist/types/parts/ClearButton/ClearButton.d.ts +2 -0
- package/dist/types/parts/ClearButton/useClearButton.d.ts +11 -0
- package/dist/types/parts/ControlledDateTimePickerContent.d.ts +2 -0
- package/dist/types/parts/DateInputs/DDInput.d.ts +17 -0
- package/dist/types/parts/DateInputs/DateInputs.d.ts +2 -0
- package/dist/types/parts/DateInputs/MMInput.d.ts +19 -0
- package/dist/types/parts/DateInputs/YYYYInput.d.ts +17 -0
- package/dist/types/parts/DateInputs/useDateInputs.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/Calendar.d.ts +5 -0
- package/dist/types/parts/Pickers/Calendar/CalendarBody.d.ts +6 -0
- package/dist/types/parts/Pickers/Calendar/CalendarContent.d.ts +4 -0
- package/dist/types/parts/Pickers/Calendar/CalendarContext.d.ts +6 -0
- package/dist/types/parts/Pickers/Calendar/CalendarDaysList.d.ts +9 -0
- package/dist/types/parts/Pickers/Calendar/CalendarFooter.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/CalendarHead.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/CalendarIconTrigger.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/CalendarMonthDays.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/CalendarWeekDays.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/CalendarWrapper.d.ts +2 -0
- package/dist/types/parts/Pickers/Calendar/Day.d.ts +9 -0
- package/dist/types/parts/Pickers/Calendar/Styleds.d.ts +21 -0
- package/dist/types/parts/Pickers/Calendar/useConfigCalendarCTX.d.ts +14 -0
- package/dist/types/parts/Pickers/Calendar/useCurrentDisplayedMonthYearLogic.d.ts +15 -0
- package/dist/types/parts/Pickers/Calendar/useFocusLogic.d.ts +14 -0
- package/dist/types/parts/Pickers/Calendar/useKeyboardHandlers.d.ts +19 -0
- package/dist/types/parts/Pickers/Calendar/usePopperTriggerLogic.d.ts +16 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheel.d.ts +1 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContent.d.ts +2 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.d.ts +6 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelFooter.d.ts +2 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.d.ts +2 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.d.ts +2 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts +7 -0
- package/dist/types/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.d.ts +14 -0
- package/dist/types/parts/Pickers/PickersIcons.d.ts +2 -0
- package/dist/types/parts/Pickers/TimeWheel/HoursList.d.ts +2 -0
- package/dist/types/parts/Pickers/TimeWheel/MeridiemList.d.ts +3 -0
- package/dist/types/parts/Pickers/TimeWheel/MinutesList.d.ts +3 -0
- package/dist/types/parts/Pickers/TimeWheel/TimeWheel.d.ts +5 -0
- package/dist/types/parts/Pickers/TimeWheel/TimeWheelContent.d.ts +2 -0
- package/dist/types/parts/Pickers/TimeWheel/TimeWheelContext.d.ts +6 -0
- package/dist/types/parts/Pickers/TimeWheel/TimeWheelFooter.d.ts +2 -0
- package/dist/types/parts/Pickers/TimeWheel/TimeWheelIconTrigger.d.ts +2 -0
- package/dist/types/parts/Pickers/TimeWheel/TimeWheelWrapper.d.ts +2 -0
- package/dist/types/parts/Pickers/TimeWheel/useConfigTimePickerCTX.d.ts +5 -0
- package/dist/types/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.d.ts +17 -0
- package/dist/types/parts/Pickers/TimeWheel/useKeyboardHandlers.d.ts +13 -0
- package/dist/types/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts +12 -0
- package/dist/types/parts/Styleds.d.ts +13 -0
- package/dist/types/parts/TimeInputs/HHInput.d.ts +18 -0
- package/dist/types/parts/TimeInputs/MeridiemInput.d.ts +17 -0
- package/dist/types/parts/TimeInputs/MinutesInput.d.ts +17 -0
- package/dist/types/parts/TimeInputs/TimeInputs.d.ts +2 -0
- package/dist/types/parts/TimeInputs/useTimeInputs.d.ts +22 -0
- package/dist/types/parts/config.d.ts +5 -0
- package/dist/types/propTypes.d.ts +105 -0
- package/dist/types/sharedTypes.d.ts +95 -0
- package/dist/types/tests/custom-props/customProps.d.ts +397 -0
- package/dist/types/tests/custom-props/date-time-picker.date-custom-props.test.d.ts +1 -0
- package/dist/types/tests/custom-props/date-time-picker.date-time-custom-props.test.d.ts +1 -0
- package/dist/types/tests/custom-props/date-time-picker.time-custom-props.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.auto-advance.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.clear-button.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.keyboard-focus.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.keyboard.data-entry-typing.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.keyboard.fill-with-now.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.keyboard.regressive-backspace.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.keyboard.shortcut-clear.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.manual-delete-values.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.onChange-meta-info.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.types-button.test.d.ts +1 -0
- package/dist/types/tests/date-time-picker.types-dom.test.d.ts +1 -0
- package/dist/types/utils/constants.d.ts +38 -0
- package/dist/types/utils/dateHelpers.d.ts +40 -0
- package/dist/types/utils/dateTimeHelpers.d.ts +8 -0
- package/dist/types/utils/hooks/useGetDayFromDateString.d.ts +1 -0
- package/dist/types/utils/hooks/useGetMonthYearFromDateStringOrEmptyStartingMonth.d.ts +5 -0
- package/dist/types/utils/hooks/useGetStartingFocusedDay.d.ts +8 -0
- package/dist/types/utils/hooks/useOnClickOutside.d.ts +1 -0
- package/dist/types/utils/numberHelpers.d.ts +1 -0
- package/dist/types/utils/stringHelpers.d.ts +36 -0
- package/dist/types/utils/timeHelpers.d.ts +2 -0
- package/dist/types/utils/typeGuards.d.ts +4 -0
- package/package.json +9 -9
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { DSControlledDateTimePickerT } from './propTypes.js';
|
|
3
|
+
export declare namespace DSControlledDateTimePickerInternalsT {
|
|
4
|
+
type DateDay = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
|
|
5
|
+
type DateMonth = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
|
|
6
|
+
interface MetaMonthDay {
|
|
7
|
+
day: Date;
|
|
8
|
+
dayAsString: string;
|
|
9
|
+
isPrevMonthDay: boolean;
|
|
10
|
+
isNextMonthDay: boolean;
|
|
11
|
+
isCurrMonthDay: boolean;
|
|
12
|
+
isHidden: boolean;
|
|
13
|
+
dayBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
14
|
+
}
|
|
15
|
+
type OnKeyDown<HTMLT = HTMLInputElement> = (e: React.KeyboardEvent<HTMLT>) => void;
|
|
16
|
+
type OnChangeFunc = (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
17
|
+
type OnDSBtnClick = (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement> | React.KeyboardEvent) => void;
|
|
18
|
+
type HandleOnChangeFunc = (newVal: string, e: DSControlledDateTimePickerT.OnInternalValuesChangeEvent, metaInfo?: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo) => void;
|
|
19
|
+
type OnBlurFunc = (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
20
|
+
type OnFocusFunc = (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
21
|
+
interface UseDateInputsR {
|
|
22
|
+
month: string;
|
|
23
|
+
day: string;
|
|
24
|
+
year: string;
|
|
25
|
+
autoFocusMonthInput: boolean;
|
|
26
|
+
innerRefMonthInput?: React.MutableRefObject<HTMLInputElement | HTMLButtonElement | null>;
|
|
27
|
+
disabled: boolean;
|
|
28
|
+
onMonthChange: OnChangeFunc;
|
|
29
|
+
onDayChange: OnChangeFunc;
|
|
30
|
+
onYearChange: OnChangeFunc;
|
|
31
|
+
onMonthFocus: OnFocusFunc;
|
|
32
|
+
onDayFocus: OnFocusFunc;
|
|
33
|
+
onYearFocus: OnFocusFunc;
|
|
34
|
+
onMonthBlur: OnBlurFunc;
|
|
35
|
+
onDayBlur: OnBlurFunc;
|
|
36
|
+
onYearBlur: OnBlurFunc;
|
|
37
|
+
onMonthKeyDown: OnKeyDown;
|
|
38
|
+
onDayKeyDown: OnKeyDown;
|
|
39
|
+
onYearKeyDown: OnKeyDown;
|
|
40
|
+
}
|
|
41
|
+
interface InputsReferences {
|
|
42
|
+
monthInputRef: React.RefObject<HTMLInputElement>;
|
|
43
|
+
dayInputRef: React.RefObject<HTMLInputElement>;
|
|
44
|
+
yearInputRef: React.RefObject<HTMLInputElement>;
|
|
45
|
+
hourInputRef: React.RefObject<HTMLInputElement>;
|
|
46
|
+
minutesInputRef: React.RefObject<HTMLInputElement>;
|
|
47
|
+
meridiemInputRef: React.RefObject<HTMLInputElement>;
|
|
48
|
+
clearButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
49
|
+
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
50
|
+
}
|
|
51
|
+
interface CalendarReferences {
|
|
52
|
+
prevYearBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
53
|
+
prevMonthBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
54
|
+
nextMonthBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
55
|
+
nextYearBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
56
|
+
calendarDaysWrapperRef: React.MutableRefObject<HTMLDivElement>;
|
|
57
|
+
}
|
|
58
|
+
interface TimewheelReferences {
|
|
59
|
+
prevHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
60
|
+
currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
61
|
+
nextHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
62
|
+
prevMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
63
|
+
currMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
64
|
+
nextMinutesBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
65
|
+
prevMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
66
|
+
currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
67
|
+
nextMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
68
|
+
}
|
|
69
|
+
interface InternalPrecalculatedFlags {
|
|
70
|
+
isControllerOnly: boolean;
|
|
71
|
+
shouldPreserveClearableSpace: boolean;
|
|
72
|
+
isWithTimeWheelToo: boolean;
|
|
73
|
+
isWithCalendarToo: boolean;
|
|
74
|
+
isWithDateInputs: boolean;
|
|
75
|
+
isWithDateInputsOnly: boolean;
|
|
76
|
+
isWithTimeInputs: boolean;
|
|
77
|
+
isWithTimeInputsOnly: boolean;
|
|
78
|
+
autoFocusMonthInput: boolean;
|
|
79
|
+
autoFocusHourInput: boolean;
|
|
80
|
+
autoFocusPrevMonthArrow: boolean;
|
|
81
|
+
autoFocusHourTimeWheel: boolean;
|
|
82
|
+
hideDate: boolean;
|
|
83
|
+
hideTime: boolean;
|
|
84
|
+
hideDateTimePicker: boolean;
|
|
85
|
+
hideDatePicker: boolean;
|
|
86
|
+
hideTimePicker: boolean;
|
|
87
|
+
withAnyInputs: boolean;
|
|
88
|
+
withAnyPicker: boolean;
|
|
89
|
+
withClearBtn: boolean;
|
|
90
|
+
withAnyRightController: boolean;
|
|
91
|
+
isDateSelector: boolean;
|
|
92
|
+
isTimeSelector: boolean;
|
|
93
|
+
isDateTimeSelector: boolean;
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -0,0 +1,397 @@
|
|
|
1
|
+
export const customPropsForFullDateTimePickerWhenClosed: {
|
|
2
|
+
"ds-controlled-date-time-picker-calendar-timewheel-trigger-icon": {
|
|
3
|
+
'data-foo': string;
|
|
4
|
+
'aria-label': string;
|
|
5
|
+
ignoredProp: string;
|
|
6
|
+
};
|
|
7
|
+
"ds-controlled-date-time-picker-hour-input": {
|
|
8
|
+
'data-foo': string;
|
|
9
|
+
'aria-label': string;
|
|
10
|
+
ignoredProp: string;
|
|
11
|
+
};
|
|
12
|
+
"ds-controlled-date-time-picker-minute-input": {
|
|
13
|
+
'data-foo': string;
|
|
14
|
+
'aria-label': string;
|
|
15
|
+
ignoredProp: string;
|
|
16
|
+
};
|
|
17
|
+
"ds-controlled-date-time-picker-meridiem-input": {
|
|
18
|
+
'data-foo': string;
|
|
19
|
+
'aria-label': string;
|
|
20
|
+
ignoredProp: string;
|
|
21
|
+
};
|
|
22
|
+
"ds-controlled-date-time-picker-month-input": {
|
|
23
|
+
'data-foo': string;
|
|
24
|
+
'aria-label': string;
|
|
25
|
+
ignoredProp: string;
|
|
26
|
+
};
|
|
27
|
+
"ds-controlled-date-time-picker-day-input": {
|
|
28
|
+
'data-foo': string;
|
|
29
|
+
'aria-label': string;
|
|
30
|
+
ignoredProp: string;
|
|
31
|
+
};
|
|
32
|
+
"ds-controlled-date-time-picker-year-input": {
|
|
33
|
+
'data-foo': string;
|
|
34
|
+
'aria-label': string;
|
|
35
|
+
ignoredProp: string;
|
|
36
|
+
};
|
|
37
|
+
"ds-controlled-date-time-picker-container": {
|
|
38
|
+
'data-foo': string;
|
|
39
|
+
'aria-label': string;
|
|
40
|
+
ignoredProp: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
export const customPropsForFullDateTimePickerWhenOpen: {
|
|
44
|
+
"ds-controlled-date-time-picker-timewheel-header-label": {
|
|
45
|
+
'data-foo': string;
|
|
46
|
+
'aria-label': string;
|
|
47
|
+
ignoredProp: string;
|
|
48
|
+
};
|
|
49
|
+
"ds-controlled-date-time-picker-timewheel-prev-hour": {
|
|
50
|
+
'data-foo': string;
|
|
51
|
+
'aria-label': string;
|
|
52
|
+
ignoredProp: string;
|
|
53
|
+
};
|
|
54
|
+
"ds-controlled-date-time-picker-timewheel-hour": {
|
|
55
|
+
'data-foo': string;
|
|
56
|
+
'aria-label': string;
|
|
57
|
+
ignoredProp: string;
|
|
58
|
+
};
|
|
59
|
+
"ds-controlled-date-time-picker-timewheel-current-hour": {
|
|
60
|
+
'data-foo': string;
|
|
61
|
+
'aria-label': string;
|
|
62
|
+
ignoredProp: string;
|
|
63
|
+
};
|
|
64
|
+
"ds-controlled-date-time-picker-timewheel-next-hour": {
|
|
65
|
+
'data-foo': string;
|
|
66
|
+
'aria-label': string;
|
|
67
|
+
ignoredProp: string;
|
|
68
|
+
};
|
|
69
|
+
"ds-controlled-date-time-picker-timewheel-prev-minute": {
|
|
70
|
+
'data-foo': string;
|
|
71
|
+
'aria-label': string;
|
|
72
|
+
ignoredProp: string;
|
|
73
|
+
};
|
|
74
|
+
"ds-controlled-date-time-picker-timewheel-minute": {
|
|
75
|
+
'data-foo': string;
|
|
76
|
+
'aria-label': string;
|
|
77
|
+
ignoredProp: string;
|
|
78
|
+
};
|
|
79
|
+
"ds-controlled-date-time-picker-timewheel-current-minute": {
|
|
80
|
+
'data-foo': string;
|
|
81
|
+
'aria-label': string;
|
|
82
|
+
ignoredProp: string;
|
|
83
|
+
};
|
|
84
|
+
"ds-controlled-date-time-picker-timewheel-next-minute": {
|
|
85
|
+
'data-foo': string;
|
|
86
|
+
'aria-label': string;
|
|
87
|
+
ignoredProp: string;
|
|
88
|
+
};
|
|
89
|
+
"ds-controlled-date-time-picker-timewheel-prev-meridiem": {
|
|
90
|
+
'data-foo': string;
|
|
91
|
+
'aria-label': string;
|
|
92
|
+
ignoredProp: string;
|
|
93
|
+
};
|
|
94
|
+
"ds-controlled-date-time-picker-timewheel-meridiem": {
|
|
95
|
+
'data-foo': string;
|
|
96
|
+
'aria-label': string;
|
|
97
|
+
ignoredProp: string;
|
|
98
|
+
};
|
|
99
|
+
"ds-controlled-date-time-picker-timewheel-current-meridiem": {
|
|
100
|
+
'data-foo': string;
|
|
101
|
+
'aria-label': string;
|
|
102
|
+
ignoredProp: string;
|
|
103
|
+
};
|
|
104
|
+
"ds-controlled-date-time-picker-timewheel-next-meridiem": {
|
|
105
|
+
'data-foo': string;
|
|
106
|
+
'aria-label': string;
|
|
107
|
+
ignoredProp: string;
|
|
108
|
+
};
|
|
109
|
+
"ds-controlled-date-time-picker-calendar-header-label": {
|
|
110
|
+
'data-foo': string;
|
|
111
|
+
'aria-label': string;
|
|
112
|
+
ignoredProp: string;
|
|
113
|
+
};
|
|
114
|
+
"ds-controlled-date-time-picker-calendar-prev-year": {
|
|
115
|
+
'data-foo': string;
|
|
116
|
+
'aria-label': string;
|
|
117
|
+
ignoredProp: string;
|
|
118
|
+
};
|
|
119
|
+
"ds-controlled-date-time-picker-calendar-prev-month": {
|
|
120
|
+
'data-foo': string;
|
|
121
|
+
'aria-label': string;
|
|
122
|
+
ignoredProp: string;
|
|
123
|
+
};
|
|
124
|
+
"ds-controlled-date-time-picker-calendar-day": {
|
|
125
|
+
'data-foo': string;
|
|
126
|
+
'aria-label': string;
|
|
127
|
+
ignoredProp: string;
|
|
128
|
+
};
|
|
129
|
+
"ds-controlled-date-time-picker-calendar-next-month": {
|
|
130
|
+
'data-foo': string;
|
|
131
|
+
'aria-label': string;
|
|
132
|
+
ignoredProp: string;
|
|
133
|
+
};
|
|
134
|
+
"ds-controlled-date-time-picker-calendar-next-year": {
|
|
135
|
+
'data-foo': string;
|
|
136
|
+
'aria-label': string;
|
|
137
|
+
ignoredProp: string;
|
|
138
|
+
};
|
|
139
|
+
"ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper": {
|
|
140
|
+
'data-foo': string;
|
|
141
|
+
'aria-label': string;
|
|
142
|
+
ignoredProp: string;
|
|
143
|
+
};
|
|
144
|
+
"ds-controlled-date-time-picker-calendar-timewheel-trigger-icon": {
|
|
145
|
+
'data-foo': string;
|
|
146
|
+
'aria-label': string;
|
|
147
|
+
ignoredProp: string;
|
|
148
|
+
};
|
|
149
|
+
"ds-controlled-date-time-picker-hour-input": {
|
|
150
|
+
'data-foo': string;
|
|
151
|
+
'aria-label': string;
|
|
152
|
+
ignoredProp: string;
|
|
153
|
+
};
|
|
154
|
+
"ds-controlled-date-time-picker-minute-input": {
|
|
155
|
+
'data-foo': string;
|
|
156
|
+
'aria-label': string;
|
|
157
|
+
ignoredProp: string;
|
|
158
|
+
};
|
|
159
|
+
"ds-controlled-date-time-picker-meridiem-input": {
|
|
160
|
+
'data-foo': string;
|
|
161
|
+
'aria-label': string;
|
|
162
|
+
ignoredProp: string;
|
|
163
|
+
};
|
|
164
|
+
"ds-controlled-date-time-picker-month-input": {
|
|
165
|
+
'data-foo': string;
|
|
166
|
+
'aria-label': string;
|
|
167
|
+
ignoredProp: string;
|
|
168
|
+
};
|
|
169
|
+
"ds-controlled-date-time-picker-day-input": {
|
|
170
|
+
'data-foo': string;
|
|
171
|
+
'aria-label': string;
|
|
172
|
+
ignoredProp: string;
|
|
173
|
+
};
|
|
174
|
+
"ds-controlled-date-time-picker-year-input": {
|
|
175
|
+
'data-foo': string;
|
|
176
|
+
'aria-label': string;
|
|
177
|
+
ignoredProp: string;
|
|
178
|
+
};
|
|
179
|
+
"ds-controlled-date-time-picker-container": {
|
|
180
|
+
'data-foo': string;
|
|
181
|
+
'aria-label': string;
|
|
182
|
+
ignoredProp: string;
|
|
183
|
+
};
|
|
184
|
+
};
|
|
185
|
+
export const customPropsForFullDatePickerWhenClosed: {
|
|
186
|
+
"ds-controlled-date-time-picker-calendar-trigger-icon": {
|
|
187
|
+
'data-foo': string;
|
|
188
|
+
'aria-label': string;
|
|
189
|
+
ignoredProp: string;
|
|
190
|
+
};
|
|
191
|
+
"ds-controlled-date-time-picker-month-input": {
|
|
192
|
+
'data-foo': string;
|
|
193
|
+
'aria-label': string;
|
|
194
|
+
ignoredProp: string;
|
|
195
|
+
};
|
|
196
|
+
"ds-controlled-date-time-picker-day-input": {
|
|
197
|
+
'data-foo': string;
|
|
198
|
+
'aria-label': string;
|
|
199
|
+
ignoredProp: string;
|
|
200
|
+
};
|
|
201
|
+
"ds-controlled-date-time-picker-year-input": {
|
|
202
|
+
'data-foo': string;
|
|
203
|
+
'aria-label': string;
|
|
204
|
+
ignoredProp: string;
|
|
205
|
+
};
|
|
206
|
+
"ds-controlled-date-time-picker-container": {
|
|
207
|
+
'data-foo': string;
|
|
208
|
+
'aria-label': string;
|
|
209
|
+
ignoredProp: string;
|
|
210
|
+
};
|
|
211
|
+
};
|
|
212
|
+
export const customPropsForFullDatePickerWhenOpen: {
|
|
213
|
+
"ds-controlled-date-time-picker-calendar-header-label": {
|
|
214
|
+
'data-foo': string;
|
|
215
|
+
'aria-label': string;
|
|
216
|
+
ignoredProp: string;
|
|
217
|
+
};
|
|
218
|
+
"ds-controlled-date-time-picker-calendar-prev-year": {
|
|
219
|
+
'data-foo': string;
|
|
220
|
+
'aria-label': string;
|
|
221
|
+
ignoredProp: string;
|
|
222
|
+
};
|
|
223
|
+
"ds-controlled-date-time-picker-calendar-prev-month": {
|
|
224
|
+
'data-foo': string;
|
|
225
|
+
'aria-label': string;
|
|
226
|
+
ignoredProp: string;
|
|
227
|
+
};
|
|
228
|
+
"ds-controlled-date-time-picker-calendar-day": {
|
|
229
|
+
'data-foo': string;
|
|
230
|
+
'aria-label': string;
|
|
231
|
+
ignoredProp: string;
|
|
232
|
+
};
|
|
233
|
+
"ds-controlled-date-time-picker-calendar-next-month": {
|
|
234
|
+
'data-foo': string;
|
|
235
|
+
'aria-label': string;
|
|
236
|
+
ignoredProp: string;
|
|
237
|
+
};
|
|
238
|
+
"ds-controlled-date-time-picker-calendar-next-year": {
|
|
239
|
+
'data-foo': string;
|
|
240
|
+
'aria-label': string;
|
|
241
|
+
ignoredProp: string;
|
|
242
|
+
};
|
|
243
|
+
"ds-controlled-date-time-picker-calendar-context-content-wrapper": {
|
|
244
|
+
'data-foo': string;
|
|
245
|
+
'aria-label': string;
|
|
246
|
+
ignoredProp: string;
|
|
247
|
+
};
|
|
248
|
+
"ds-controlled-date-time-picker-calendar-trigger-icon": {
|
|
249
|
+
'data-foo': string;
|
|
250
|
+
'aria-label': string;
|
|
251
|
+
ignoredProp: string;
|
|
252
|
+
};
|
|
253
|
+
"ds-controlled-date-time-picker-month-input": {
|
|
254
|
+
'data-foo': string;
|
|
255
|
+
'aria-label': string;
|
|
256
|
+
ignoredProp: string;
|
|
257
|
+
};
|
|
258
|
+
"ds-controlled-date-time-picker-day-input": {
|
|
259
|
+
'data-foo': string;
|
|
260
|
+
'aria-label': string;
|
|
261
|
+
ignoredProp: string;
|
|
262
|
+
};
|
|
263
|
+
"ds-controlled-date-time-picker-year-input": {
|
|
264
|
+
'data-foo': string;
|
|
265
|
+
'aria-label': string;
|
|
266
|
+
ignoredProp: string;
|
|
267
|
+
};
|
|
268
|
+
"ds-controlled-date-time-picker-container": {
|
|
269
|
+
'data-foo': string;
|
|
270
|
+
'aria-label': string;
|
|
271
|
+
ignoredProp: string;
|
|
272
|
+
};
|
|
273
|
+
};
|
|
274
|
+
export const customPropsForFullTimePickerWhenClosed: {
|
|
275
|
+
"ds-controlled-date-time-picker-timewheel-trigger-icon": {
|
|
276
|
+
'data-foo': string;
|
|
277
|
+
'aria-label': string;
|
|
278
|
+
ignoredProp: string;
|
|
279
|
+
};
|
|
280
|
+
"ds-controlled-date-time-picker-hour-input": {
|
|
281
|
+
'data-foo': string;
|
|
282
|
+
'aria-label': string;
|
|
283
|
+
ignoredProp: string;
|
|
284
|
+
};
|
|
285
|
+
"ds-controlled-date-time-picker-minute-input": {
|
|
286
|
+
'data-foo': string;
|
|
287
|
+
'aria-label': string;
|
|
288
|
+
ignoredProp: string;
|
|
289
|
+
};
|
|
290
|
+
"ds-controlled-date-time-picker-meridiem-input": {
|
|
291
|
+
'data-foo': string;
|
|
292
|
+
'aria-label': string;
|
|
293
|
+
ignoredProp: string;
|
|
294
|
+
};
|
|
295
|
+
"ds-controlled-date-time-picker-container": {
|
|
296
|
+
'data-foo': string;
|
|
297
|
+
'aria-label': string;
|
|
298
|
+
ignoredProp: string;
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
export const customPropsForFullTimePickerWhenOpen: {
|
|
302
|
+
"ds-controlled-date-time-picker-timewheel-header-label": {
|
|
303
|
+
'data-foo': string;
|
|
304
|
+
'aria-label': string;
|
|
305
|
+
ignoredProp: string;
|
|
306
|
+
};
|
|
307
|
+
"ds-controlled-date-time-picker-timewheel-prev-hour": {
|
|
308
|
+
'data-foo': string;
|
|
309
|
+
'aria-label': string;
|
|
310
|
+
ignoredProp: string;
|
|
311
|
+
};
|
|
312
|
+
"ds-controlled-date-time-picker-timewheel-hour": {
|
|
313
|
+
'data-foo': string;
|
|
314
|
+
'aria-label': string;
|
|
315
|
+
ignoredProp: string;
|
|
316
|
+
};
|
|
317
|
+
"ds-controlled-date-time-picker-timewheel-current-hour": {
|
|
318
|
+
'data-foo': string;
|
|
319
|
+
'aria-label': string;
|
|
320
|
+
ignoredProp: string;
|
|
321
|
+
};
|
|
322
|
+
"ds-controlled-date-time-picker-timewheel-next-hour": {
|
|
323
|
+
'data-foo': string;
|
|
324
|
+
'aria-label': string;
|
|
325
|
+
ignoredProp: string;
|
|
326
|
+
};
|
|
327
|
+
"ds-controlled-date-time-picker-timewheel-prev-minute": {
|
|
328
|
+
'data-foo': string;
|
|
329
|
+
'aria-label': string;
|
|
330
|
+
ignoredProp: string;
|
|
331
|
+
};
|
|
332
|
+
"ds-controlled-date-time-picker-timewheel-minute": {
|
|
333
|
+
'data-foo': string;
|
|
334
|
+
'aria-label': string;
|
|
335
|
+
ignoredProp: string;
|
|
336
|
+
};
|
|
337
|
+
"ds-controlled-date-time-picker-timewheel-current-minute": {
|
|
338
|
+
'data-foo': string;
|
|
339
|
+
'aria-label': string;
|
|
340
|
+
ignoredProp: string;
|
|
341
|
+
};
|
|
342
|
+
"ds-controlled-date-time-picker-timewheel-next-minute": {
|
|
343
|
+
'data-foo': string;
|
|
344
|
+
'aria-label': string;
|
|
345
|
+
ignoredProp: string;
|
|
346
|
+
};
|
|
347
|
+
"ds-controlled-date-time-picker-timewheel-prev-meridiem": {
|
|
348
|
+
'data-foo': string;
|
|
349
|
+
'aria-label': string;
|
|
350
|
+
ignoredProp: string;
|
|
351
|
+
};
|
|
352
|
+
"ds-controlled-date-time-picker-timewheel-meridiem": {
|
|
353
|
+
'data-foo': string;
|
|
354
|
+
'aria-label': string;
|
|
355
|
+
ignoredProp: string;
|
|
356
|
+
};
|
|
357
|
+
"ds-controlled-date-time-picker-timewheel-current-meridiem": {
|
|
358
|
+
'data-foo': string;
|
|
359
|
+
'aria-label': string;
|
|
360
|
+
ignoredProp: string;
|
|
361
|
+
};
|
|
362
|
+
"ds-controlled-date-time-picker-timewheel-next-meridiem": {
|
|
363
|
+
'data-foo': string;
|
|
364
|
+
'aria-label': string;
|
|
365
|
+
ignoredProp: string;
|
|
366
|
+
};
|
|
367
|
+
"ds-controlled-date-time-picker-timewheel-context-content-wrapper": {
|
|
368
|
+
'data-foo': string;
|
|
369
|
+
'aria-label': string;
|
|
370
|
+
ignoredProp: string;
|
|
371
|
+
};
|
|
372
|
+
"ds-controlled-date-time-picker-timewheel-trigger-icon": {
|
|
373
|
+
'data-foo': string;
|
|
374
|
+
'aria-label': string;
|
|
375
|
+
ignoredProp: string;
|
|
376
|
+
};
|
|
377
|
+
"ds-controlled-date-time-picker-hour-input": {
|
|
378
|
+
'data-foo': string;
|
|
379
|
+
'aria-label': string;
|
|
380
|
+
ignoredProp: string;
|
|
381
|
+
};
|
|
382
|
+
"ds-controlled-date-time-picker-minute-input": {
|
|
383
|
+
'data-foo': string;
|
|
384
|
+
'aria-label': string;
|
|
385
|
+
ignoredProp: string;
|
|
386
|
+
};
|
|
387
|
+
"ds-controlled-date-time-picker-meridiem-input": {
|
|
388
|
+
'data-foo': string;
|
|
389
|
+
'aria-label': string;
|
|
390
|
+
ignoredProp: string;
|
|
391
|
+
};
|
|
392
|
+
"ds-controlled-date-time-picker-container": {
|
|
393
|
+
'data-foo': string;
|
|
394
|
+
'aria-label': string;
|
|
395
|
+
ignoredProp: string;
|
|
396
|
+
};
|
|
397
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
export declare const weekDays: readonly ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
|
|
2
|
+
export declare const monthNames: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
3
|
+
export declare const announcableCardinalDays: {
|
|
4
|
+
readonly 1: "first";
|
|
5
|
+
readonly 2: "second";
|
|
6
|
+
readonly 3: "third";
|
|
7
|
+
readonly 4: "fourth";
|
|
8
|
+
readonly 5: "fifth";
|
|
9
|
+
readonly 6: "sixth";
|
|
10
|
+
readonly 7: "seventh";
|
|
11
|
+
readonly 8: "eighth";
|
|
12
|
+
readonly 9: "ninth";
|
|
13
|
+
readonly 10: "tenth";
|
|
14
|
+
readonly 11: "eleventh";
|
|
15
|
+
readonly 12: "twelfth";
|
|
16
|
+
readonly 13: "thirteenth";
|
|
17
|
+
readonly 14: "fourteenth";
|
|
18
|
+
readonly 15: "fifteenth";
|
|
19
|
+
readonly 16: "sixteenth";
|
|
20
|
+
readonly 17: "seventeenth";
|
|
21
|
+
readonly 18: "eighteenth";
|
|
22
|
+
readonly 19: "ninteenth";
|
|
23
|
+
readonly 20: "twentieth";
|
|
24
|
+
readonly 21: "twentie first";
|
|
25
|
+
readonly 22: "twentie second";
|
|
26
|
+
readonly 23: "twentie third";
|
|
27
|
+
readonly 24: "twentie fourth";
|
|
28
|
+
readonly 25: "twentie fifth";
|
|
29
|
+
readonly 26: "twentie sixth";
|
|
30
|
+
readonly 27: "twentie seventh";
|
|
31
|
+
readonly 28: "twentie eighth";
|
|
32
|
+
readonly 29: "twentie ninth";
|
|
33
|
+
readonly 30: "thirtieth";
|
|
34
|
+
readonly 31: "thirty first";
|
|
35
|
+
};
|
|
36
|
+
export declare const defaultMetaInfo: {
|
|
37
|
+
isAutomaticFillTrigger: boolean;
|
|
38
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { DSControlledDateTimePickerT } from '../propTypes.js';
|
|
2
|
+
import type { DSControlledDateTimePickerInternalsT } from '../sharedTypes.js';
|
|
3
|
+
export declare const getDateValuesFromDate: (day: Date) => DateValuesT;
|
|
4
|
+
export declare const getDateStringFromDay: (day: Date) => string;
|
|
5
|
+
export declare const getTimeStringFromDay: (day: Date) => string;
|
|
6
|
+
export declare const getMonthNameByMonthNumber: (monthNumber: number) => string;
|
|
7
|
+
export declare const isSameDateMoment: (dateA: Date, dateB: Date) => boolean;
|
|
8
|
+
export declare const compareTwoDatesDayEquality: (dayA: Date, dayB: Date) => boolean;
|
|
9
|
+
export declare const getLastDayOfMonth: (month: DSControlledDateTimePickerInternalsT.DateMonth, year: number) => Date;
|
|
10
|
+
export declare const isValidDayForTheMonth: (month: DSControlledDateTimePickerInternalsT.DateMonth, year: number, day: DSControlledDateTimePickerInternalsT.DateDay) => boolean;
|
|
11
|
+
export declare const getDayFromDateString: (dateString: string) => Date | null;
|
|
12
|
+
export declare const isValidDayForTheMonthDateString: (dateString: string) => boolean;
|
|
13
|
+
export declare const getValidationDateStringMetaInfo: (dateString: string, getIsOutOfRangeDay?: (day: string) => boolean, getIsDisabledDay?: (day: string) => boolean) => Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>;
|
|
14
|
+
export declare const isLeapYear: (year: number) => boolean;
|
|
15
|
+
export declare const getHowManyDaysInMonth: (year: number, month: number) => number;
|
|
16
|
+
export declare const dateIsLeapYear: (date: Date) => boolean;
|
|
17
|
+
export declare const dateGetDaysInMonth: (date: Date) => number;
|
|
18
|
+
export declare const dateAddMonths: (date: Date, value: number) => Date;
|
|
19
|
+
export declare const dateAddYear: (date: Date, value: number) => Date;
|
|
20
|
+
interface DateValuesT {
|
|
21
|
+
month: DSControlledDateTimePickerInternalsT.DateMonth;
|
|
22
|
+
year: number;
|
|
23
|
+
day?: DSControlledDateTimePickerInternalsT.DateDay;
|
|
24
|
+
}
|
|
25
|
+
interface DateSumValuesT {
|
|
26
|
+
monthsToSum?: number;
|
|
27
|
+
yearsToSum?: number;
|
|
28
|
+
daysToSum?: number;
|
|
29
|
+
}
|
|
30
|
+
export declare const sumFromDateValues: ({ month, year, day }: DateValuesT, { monthsToSum, yearsToSum, daysToSum }: DateSumValuesT) => DateValuesT;
|
|
31
|
+
export declare const sumValuesToDate: (day: Date, sumValues: DateSumValuesT) => Date;
|
|
32
|
+
export declare const subtractYears: (date: Date, howManyMore?: number) => Date;
|
|
33
|
+
export declare const subtractMonths: (date: Date, howManyMore?: number) => Date;
|
|
34
|
+
export declare const sumMonths: (date: Date, howManyMore?: number) => Date;
|
|
35
|
+
export declare const sumYears: (date: Date, howManyMore?: number) => Date;
|
|
36
|
+
export declare const getDaysInMonth: (month: number, year: number) => Date[];
|
|
37
|
+
export declare const getLastXDaysFromPreviousMonth: (month: number, year: number, howMany: number) => Date[];
|
|
38
|
+
export declare const getFirstXDaysFromNextMonth: (month: number, year: number, howMany: number) => Date[];
|
|
39
|
+
export declare const getFiveBySevenCurrentMonthDaysMatrix: (month: number, year: number) => DSControlledDateTimePickerInternalsT.MetaMonthDay[];
|
|
40
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { DSControlledDateTimePickerT } from '../propTypes.js';
|
|
2
|
+
interface Validators {
|
|
3
|
+
getIsOutOfRangeDay: (day: string) => boolean;
|
|
4
|
+
getIsDisabledDay: (day: string) => boolean;
|
|
5
|
+
getIsDisabledTime: (val: string) => boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const getValidationDateTimeStringMetaInfo: (dateString: string, timeString: string, validators: Validators) => Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useGetDayFromDateString: () => Date | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useOnClickOutside: (ref: HTMLElement | null, handler: NoopishFunc<MouseEvent | TouchEvent>) => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const convertToPositiveNumberIfPossible: (numberString: string) => number;
|