@elliemae/ds-controlled-form 2.0.0-next.7 → 2.0.0-rc.10
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/cjs/controlled-checkbox/ControlledCheckbox.js +11 -4
- package/cjs/controlled-checkbox/config/useValidateProps.js +2 -2
- package/cjs/controlled-checkbox/propTypes.js +5 -4
- package/cjs/controlled-checkbox/styles.js +84 -48
- package/cjs/controlled-checkbox/utils/setMultipleRefs.js +4 -0
- package/cjs/controlled-checkbox/utils/styleHelpers.js +13 -7
- package/cjs/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +1 -18
- package/cjs/controlled-date-range-picker/config/useControlledDateRangePicker.js +19 -3
- package/cjs/controlled-date-range-picker/config/useRangePickerLogic.js +20 -12
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js +7 -0
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeContent.js +29 -8
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js +7 -0
- package/cjs/controlled-date-range-picker/parts/ControlledDateRangeToDate.js +7 -0
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerCTX.js +12 -1
- package/cjs/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +5 -0
- package/cjs/controlled-date-time-picker/config/useControlledDateTimePicker.js +154 -13
- package/cjs/controlled-date-time-picker/config/useGetDestructuredValues.js +19 -16
- package/cjs/controlled-date-time-picker/parts/ClearButton/ClearButton.js +5 -6
- package/cjs/controlled-date-time-picker/parts/ClearButton/useClearButton.js +15 -3
- package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +35 -14
- package/cjs/controlled-date-time-picker/parts/DateInputs/DDInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js +8 -4
- package/cjs/controlled-date-time-picker/parts/DateInputs/MMInput.js +16 -12
- package/cjs/controlled-date-time-picker/parts/DateInputs/YYYYInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/DateInputs/useDateInputs.js +101 -33
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js +10 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +1 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js +33 -28
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js +10 -17
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js +10 -11
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js +5 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +20 -10
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +326 -117
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +8 -43
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +47 -21
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +59 -58
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +25 -13
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +2 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +10 -11
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +5 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js +55 -25
- package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +18 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js +7 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js +1 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js +7 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js +11 -7
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +201 -80
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js +4 -3
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js +2 -1
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +10 -11
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js +5 -0
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +6 -61
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +8 -5
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +64 -141
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +11 -7
- package/cjs/controlled-date-time-picker/parts/Styleds.js +70 -26
- package/cjs/controlled-date-time-picker/parts/TimeInputs/HHInput.js +16 -12
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js +15 -11
- package/cjs/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +8 -5
- package/cjs/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +95 -173
- package/cjs/controlled-date-time-picker/propTypes.js +1 -0
- package/cjs/controlled-date-time-picker/utils/constants.js +16 -0
- package/cjs/controlled-date-time-picker/utils/dateHelpers.js +34 -16
- package/cjs/controlled-date-time-picker/utils/dateTimeHelpers.js +5 -0
- package/cjs/controlled-date-time-picker/utils/stringHelpers.js +23 -14
- package/cjs/controlled-date-time-picker/utils/timeHelpers.js +2 -1
- package/cjs/controlled-toggle/ControlledToggle.js +21 -15
- package/cjs/controlled-toggle/styles.js +138 -69
- package/cjs/controlled-toggle/utils/addTooltipOnReadOnly.js +2 -2
- package/cjs/controlled-toggle/utils/styleHelpers.js +15 -9
- package/esm/controlled-checkbox/ControlledCheckbox.js +11 -4
- package/esm/controlled-checkbox/config/useValidateProps.js +2 -2
- package/esm/controlled-checkbox/propTypes.js +5 -4
- package/esm/controlled-checkbox/styles.js +84 -48
- package/esm/controlled-checkbox/utils/setMultipleRefs.js +4 -0
- package/esm/controlled-checkbox/utils/styleHelpers.js +13 -7
- package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js +1 -18
- package/esm/controlled-date-range-picker/config/useControlledDateRangePicker.js +15 -3
- package/esm/controlled-date-range-picker/config/useRangePickerLogic.js +20 -12
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeCalendar.js +7 -0
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeContent.js +28 -8
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeFromDate.js +7 -0
- package/esm/controlled-date-range-picker/parts/ControlledDateRangeToDate.js +7 -0
- package/esm/controlled-date-time-picker/ControlledDateTimePickerCTX.js +12 -1
- package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js +5 -0
- package/esm/controlled-date-time-picker/config/useControlledDateTimePicker.js +156 -15
- package/esm/controlled-date-time-picker/config/useGetDestructuredValues.js +19 -16
- package/esm/controlled-date-time-picker/parts/ClearButton/ClearButton.js +1 -1
- package/esm/controlled-date-time-picker/parts/ClearButton/useClearButton.js +15 -3
- package/esm/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +34 -14
- package/esm/controlled-date-time-picker/parts/DateInputs/DDInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/DateInputs/DateInputs.js +8 -4
- package/esm/controlled-date-time-picker/parts/DateInputs/MMInput.js +16 -12
- package/esm/controlled-date-time-picker/parts/DateInputs/YYYYInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/DateInputs/useDateInputs.js +101 -33
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Calendar.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarBody.js +10 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContent.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.js +1 -0
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarDaysList.js +33 -28
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarHead.js +1 -4
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarIconTrigger.js +7 -7
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/CalendarWrapper.js +5 -0
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Day.js +20 -10
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +321 -113
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.js +8 -43
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.js +48 -22
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.js +60 -59
- package/esm/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.js +26 -14
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.js +2 -1
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelIconTrigger.js +7 -7
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js +5 -0
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js +53 -23
- package/esm/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js +18 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js +7 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js +1 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js +7 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/SecondsList.js +9 -3
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +196 -76
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheel.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContent.js +4 -3
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.js +2 -1
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelIconTrigger.js +7 -7
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelWrapper.js +5 -0
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useConfigTimePickerCTX.js +6 -61
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useCurrentDisplayedWheelsLogic.js +8 -5
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.js +65 -142
- package/esm/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.js +12 -8
- package/esm/controlled-date-time-picker/parts/Styleds.js +68 -24
- package/esm/controlled-date-time-picker/parts/TimeInputs/HHInput.js +16 -12
- package/esm/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/TimeInputs/MinutesInput.js +15 -11
- package/esm/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +8 -5
- package/esm/controlled-date-time-picker/parts/TimeInputs/useTimeInputs.js +96 -170
- package/esm/controlled-date-time-picker/propTypes.js +1 -0
- package/esm/controlled-date-time-picker/utils/constants.js +10 -1
- package/esm/controlled-date-time-picker/utils/dateHelpers.js +34 -17
- package/esm/controlled-date-time-picker/utils/dateTimeHelpers.js +5 -0
- package/esm/controlled-date-time-picker/utils/stringHelpers.js +23 -14
- package/esm/controlled-date-time-picker/utils/timeHelpers.js +2 -1
- package/esm/controlled-toggle/ControlledToggle.js +21 -15
- package/esm/controlled-toggle/styles.js +138 -69
- package/esm/controlled-toggle/utils/addTooltipOnReadOnly.js +1 -1
- package/esm/controlled-toggle/utils/styleHelpers.js +15 -9
- package/package.json +21 -12
- package/types/controlled-checkbox/ControlledCheckbox.d.ts +60 -9
- package/types/controlled-checkbox/config/useValidateProps.d.ts +1 -1
- package/types/controlled-checkbox/index.d.d.ts +1 -0
- package/types/controlled-checkbox/propTypes.d.ts +55 -8
- package/types/controlled-checkbox/styles.d.ts +4 -4
- package/types/controlled-checkbox/tests/DSControlledCheckbox.keyboard.test.d.ts +1 -0
- package/types/controlled-checkbox/tests/DSControlledCheckbox.test.d.ts +1 -0
- package/types/controlled-checkbox/tests/DSControllledCheckbox.events.test.d.ts +1 -0
- package/types/controlled-date-range-picker/ControlledDateRangePicker.d.ts +12 -2
- package/types/controlled-date-range-picker/ControlledDateRangePickerDatatestid.d.ts +1 -18
- package/types/controlled-date-range-picker/propTypes.d.ts +7 -1
- package/types/controlled-date-range-picker/tests/date-range-picker.auto-advance.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.classes.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.clear-button.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.keyboard-focus.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.manual-delete-values.test.d.ts +1 -0
- package/types/controlled-date-range-picker/tests/date-range-picker.types-dom.test.d.ts +1 -0
- package/types/controlled-date-time-picker/ControlledDateTimePicker.d.ts +81 -21
- package/types/controlled-date-time-picker/ControlledDateTimePickerDatatestid.d.ts +3 -0
- package/types/controlled-date-time-picker/parts/DateInputs/DDInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/DateInputs/MMInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/DateInputs/YYYYInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/CalendarContext.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts +10 -70
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/useFocusLogic.d.ts +1 -3
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/useKeyboardHandlers.d.ts +2 -17
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.d.ts +3 -6
- package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelContext.d.ts +1 -0
- package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts +4 -24
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts +10 -70
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/TimeWheelContext.d.ts +1 -0
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.d.ts +3 -12
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts +1 -10
- package/types/controlled-date-time-picker/parts/Styleds.d.ts +10 -30
- package/types/controlled-date-time-picker/parts/TimeInputs/HHInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/TimeInputs/MeridiemInput.d.ts +2 -1
- package/types/controlled-date-time-picker/parts/TimeInputs/MinutesInput.d.ts +2 -1
- package/types/controlled-date-time-picker/propTypes.d.ts +76 -20
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.data-entry-typing.test.d.ts +1 -0
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.fill-with-now.test.d.ts +1 -0
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.regressive-backspace.test.d.ts +1 -0
- package/types/controlled-date-time-picker/tests/date-time-picker.keyboard.shortcut-clear.test.d.ts +1 -0
- package/types/controlled-date-time-picker/utils/constants.d.ts +9 -0
- package/types/controlled-date-time-picker/utils/dateHelpers.d.ts +1 -0
- package/types/controlled-toggle/ControlledToggle.d.ts +78 -13
- package/types/controlled-toggle/propTypes.d.ts +73 -12
- package/types/controlled-toggle/styles.d.ts +7 -7
- package/cjs/controlled-date-time-picker/parts/TimeInputs/SSInput.js +0 -53
- package/esm/controlled-date-time-picker/parts/TimeInputs/SSInput.js +0 -45
- package/types/controlled-date-time-picker/parts/TimeInputs/SSInput.d.ts +0 -13
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,29 +1,89 @@
|
|
|
1
|
+
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
import type { DateTimePickerPropsT } from './index.d';
|
|
3
4
|
declare const DSControlledDateTimePicker: {
|
|
4
5
|
(props: DateTimePickerPropsT): JSX.Element;
|
|
5
6
|
propTypes: {
|
|
6
|
-
type:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
7
|
+
type: {
|
|
8
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
9
|
+
};
|
|
10
|
+
disabled: {
|
|
11
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
12
|
+
};
|
|
13
|
+
isClearable: {
|
|
14
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
15
|
+
};
|
|
16
|
+
dateTime: {
|
|
17
|
+
defaultValue<T = unknown>(arg: T): {
|
|
18
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
19
|
+
};
|
|
20
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
21
|
+
};
|
|
22
|
+
date: {
|
|
23
|
+
defaultValue<T = unknown>(arg: T): {
|
|
24
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
26
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
27
|
+
};
|
|
28
|
+
time: {
|
|
29
|
+
defaultValue<T = unknown>(arg: T): {
|
|
30
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
+
};
|
|
32
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
33
|
+
};
|
|
34
|
+
onDateChange: {
|
|
35
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
36
|
+
};
|
|
37
|
+
onTimeChange: {
|
|
38
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
40
|
+
onDateTimeChange: {
|
|
41
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
+
};
|
|
43
|
+
onMonthChange: {
|
|
44
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
45
|
+
};
|
|
46
|
+
onDayChange: {
|
|
47
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
+
};
|
|
49
|
+
onYearChange: {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
onHourChange: {
|
|
53
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
+
};
|
|
55
|
+
onMinuteChange: {
|
|
56
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
+
};
|
|
58
|
+
onMeridiemChange: {
|
|
59
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
61
|
+
getIsDisabledDay: {
|
|
62
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
63
|
+
};
|
|
64
|
+
getIsOutOfRangeDay: {
|
|
65
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
+
};
|
|
67
|
+
getIsDisabledTime: {
|
|
68
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
69
|
+
};
|
|
70
|
+
emptyPickerStartingMonth: {
|
|
71
|
+
defaultValue<T = unknown>(arg: T): {
|
|
72
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
73
|
+
};
|
|
74
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
75
|
+
};
|
|
76
|
+
onCalendarOpenFocusedDay: {
|
|
77
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
78
|
+
};
|
|
79
|
+
minutesInterval: {
|
|
80
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
81
|
+
};
|
|
26
82
|
};
|
|
27
83
|
};
|
|
28
|
-
declare const DSControlledDateTimePickerWithSchema:
|
|
84
|
+
declare const DSControlledDateTimePickerWithSchema: {
|
|
85
|
+
(props?: DateTimePickerPropsT | undefined): JSX.Element;
|
|
86
|
+
propTypes: unknown;
|
|
87
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
88
|
+
};
|
|
29
89
|
export { DSControlledDateTimePickerWithSchema, DSControlledDateTimePicker };
|
|
@@ -19,6 +19,9 @@ export declare const ControlledDateTimePickerDatatestid: {
|
|
|
19
19
|
PREV_MONTH: string;
|
|
20
20
|
DAY: string;
|
|
21
21
|
FOCUSED_DAY: string;
|
|
22
|
+
START_RANGE_DAY: string;
|
|
23
|
+
IN_RANGE_DAY: string;
|
|
24
|
+
END_RANGE_DAY: string;
|
|
22
25
|
SELECTED_DAY: string;
|
|
23
26
|
SELECTED_FOCUSED_DAY: string;
|
|
24
27
|
NEXT_MONTH: string;
|
|
@@ -6,9 +6,10 @@ interface DDInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
placeholder: string;
|
|
10
11
|
ariaCurrentValueForInputs: string;
|
|
11
12
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
12
13
|
}
|
|
13
|
-
export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, contextRef, placeholder, ariaCurrentValueForInputs, }: DDInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, }: DDInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|
|
@@ -7,9 +7,10 @@ interface MMInputsPropsT {
|
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
autoFocusMonthInput: boolean;
|
|
9
9
|
value: string;
|
|
10
|
+
disabled: boolean;
|
|
10
11
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
11
12
|
placeholder: string;
|
|
12
13
|
ariaCurrentValueForInputs: string;
|
|
13
14
|
}
|
|
14
|
-
export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, }: MMInputsPropsT) => JSX.Element>;
|
|
15
|
+
export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, }: MMInputsPropsT) => JSX.Element>;
|
|
15
16
|
export {};
|
|
@@ -6,9 +6,10 @@ interface YYYYInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, contextRef, ariaCurrentValueForInputs, }: YYYYInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, }: YYYYInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|
|
@@ -40,7 +40,7 @@ export interface useCurrentDisplayedMonthYearLogicT {
|
|
|
40
40
|
currentYear?: number;
|
|
41
41
|
daysArray: metaMonthDayT[];
|
|
42
42
|
invisibleFirstDay?: metaMonthDayT;
|
|
43
|
-
daysMatrixByWeekday
|
|
43
|
+
daysMatrixByWeekday?: metaMonthDayT[][];
|
|
44
44
|
invisibleLastDay?: metaMonthDayT;
|
|
45
45
|
handlePrevMonth: () => void;
|
|
46
46
|
handlePrevYear: () => void;
|
|
@@ -54,6 +54,7 @@ export interface CalendarContextT extends KeyboardHandlersT, HeaderButtonsRefsT,
|
|
|
54
54
|
isControllerOnly: boolean;
|
|
55
55
|
isWithTimeWheelToo: boolean;
|
|
56
56
|
autoFocusPrevMonthArrow: boolean;
|
|
57
|
+
disabled: boolean;
|
|
57
58
|
onPrevYearFocus: onFocusFuncT;
|
|
58
59
|
onPrevMonthFocus: onFocusFuncT;
|
|
59
60
|
onNextMonthFocus: onFocusFuncT;
|
|
@@ -1,73 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<
|
|
3
|
-
|
|
4
|
-
propTypes: {
|
|
5
|
-
id: any;
|
|
6
|
-
buttonType: any;
|
|
7
|
-
size: any;
|
|
8
|
-
disabled: any;
|
|
9
|
-
onClick: any;
|
|
10
|
-
onKeyDown: any;
|
|
11
|
-
onBlur: any;
|
|
12
|
-
onFocus: any;
|
|
13
|
-
className: any;
|
|
14
|
-
tabIndex: any;
|
|
15
|
-
innerRef: any;
|
|
16
|
-
'aria-label': any;
|
|
17
|
-
'aria-pressed': any;
|
|
18
|
-
'data-testid': any;
|
|
19
|
-
role: any;
|
|
20
|
-
children: any;
|
|
21
|
-
};
|
|
22
|
-
}, any, {}, never>;
|
|
23
|
-
export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
3
|
+
export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
24
4
|
isControllerOnly: boolean;
|
|
25
5
|
}, never>;
|
|
26
|
-
export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div",
|
|
27
|
-
export declare const StyledHeader: import("styled-components").StyledComponent<"section",
|
|
28
|
-
export declare const StyledHeaderButton: import("styled-components").StyledComponent<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
disabled: any;
|
|
35
|
-
onClick: any;
|
|
36
|
-
onKeyDown: any;
|
|
37
|
-
onBlur: any;
|
|
38
|
-
onFocus: any;
|
|
39
|
-
className: any;
|
|
40
|
-
tabIndex: any;
|
|
41
|
-
innerRef: any;
|
|
42
|
-
'aria-label': any;
|
|
43
|
-
'aria-pressed': any;
|
|
44
|
-
'data-testid': any;
|
|
45
|
-
role: any;
|
|
46
|
-
children: any;
|
|
47
|
-
};
|
|
48
|
-
}, any, {}, never>;
|
|
49
|
-
export declare const StyledBody: import("styled-components").StyledComponent<"section", any, {}, never>;
|
|
50
|
-
export declare const StyledDayBtn: import("styled-components").StyledComponent<{
|
|
51
|
-
(props: any): JSX.Element;
|
|
52
|
-
propTypes: {
|
|
53
|
-
id: any;
|
|
54
|
-
buttonType: any;
|
|
55
|
-
size: any;
|
|
56
|
-
disabled: any;
|
|
57
|
-
onClick: any;
|
|
58
|
-
onKeyDown: any;
|
|
59
|
-
onBlur: any;
|
|
60
|
-
onFocus: any;
|
|
61
|
-
className: any;
|
|
62
|
-
tabIndex: any;
|
|
63
|
-
innerRef: any;
|
|
64
|
-
'aria-label': any;
|
|
65
|
-
'aria-pressed': any;
|
|
66
|
-
'data-testid': any;
|
|
67
|
-
role: any;
|
|
68
|
-
children: any;
|
|
69
|
-
};
|
|
70
|
-
}, any, {}, never>;
|
|
71
|
-
export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
|
|
72
|
-
export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
73
|
-
export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", any, {}, never>;
|
|
6
|
+
export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const StyledHeaderButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
9
|
+
export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const StyledDayBtn: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
11
|
+
export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { metaMonthDayT } from '../../../index.d';
|
|
3
2
|
import type { FocusLogicT } from './CalendarContext';
|
|
4
3
|
interface useFocusLogicArgsT {
|
|
5
4
|
daysArray: metaMonthDayT[];
|
|
6
|
-
calendarDaysWrapperRef: React.RefObject<HTMLDivElement>;
|
|
7
5
|
showCalendar: boolean;
|
|
8
6
|
}
|
|
9
|
-
export declare const useFocusLogic: ({ daysArray,
|
|
7
|
+
export declare const useFocusLogic: ({ daysArray, showCalendar }: useFocusLogicArgsT) => FocusLogicT;
|
|
10
8
|
export {};
|
|
@@ -1,28 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import type { metaMonthDayT, latestInteractionRegionT } from '../../../index.d';
|
|
1
|
+
import type { metaMonthDayT } from '../../../index.d';
|
|
3
2
|
import type { KeyboardHandlersT, HeaderButtonsRefsT } from './CalendarContext';
|
|
4
3
|
interface useKeyboardHandlersArgsT extends Partial<HeaderButtonsRefsT> {
|
|
5
4
|
focusedDay: metaMonthDayT;
|
|
6
5
|
daysArray: metaMonthDayT[];
|
|
7
6
|
handlePrevMonth: () => void;
|
|
8
7
|
handleNextMonth: () => void;
|
|
9
|
-
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
10
|
-
currMeridiemBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
11
|
-
currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
12
|
-
isWithTimeWheelToo: boolean;
|
|
13
|
-
isControllerOnly: boolean;
|
|
14
|
-
setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;
|
|
15
|
-
setLatestInteractionRegion: React.Dispatch<React.SetStateAction<latestInteractionRegionT>>;
|
|
16
8
|
handleFocusMetaDay: (metaDayToFocus: metaMonthDayT) => void;
|
|
17
9
|
handleFocusMetaDayByDay: (dayToFocus: Date) => void;
|
|
18
10
|
tryToFocusCurrentlyDataIsFocusedDay: () => void;
|
|
19
|
-
hideDate: boolean;
|
|
20
|
-
hideTime: boolean;
|
|
21
|
-
preventCloseOnSelection: boolean;
|
|
22
|
-
monthInputRef: React.RefObject<HTMLInputElement>;
|
|
23
|
-
hourInputRef: React.RefObject<HTMLInputElement>;
|
|
24
|
-
onPickerOpen: () => void;
|
|
25
|
-
onPickerClose: () => void;
|
|
26
11
|
}
|
|
27
|
-
export declare const useKeyboardHandlers: ({ focusedDay, daysArray, handlePrevMonth, handleNextMonth,
|
|
12
|
+
export declare const useKeyboardHandlers: ({ focusedDay, daysArray, handlePrevMonth, handleNextMonth, handleFocusMetaDay, handleFocusMetaDayByDay, tryToFocusCurrentlyDataIsFocusedDay, }: useKeyboardHandlersArgsT) => KeyboardHandlersT;
|
|
28
13
|
export {};
|
|
@@ -2,14 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import type { metaMonthDayT } from '../../../index.d';
|
|
3
3
|
import type { PopperTriggerLogicT } from './CalendarContext';
|
|
4
4
|
interface usePopperTriggerLogicT {
|
|
5
|
-
|
|
5
|
+
tryToFocusCurrentlyDataIsFocusedDay: () => void;
|
|
6
6
|
resetFocusedDayToStartDate: () => void;
|
|
7
|
-
|
|
8
|
-
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
9
|
-
onPickerOpen: () => void;
|
|
10
|
-
onPickerClose: () => void;
|
|
7
|
+
focusedDay: metaMonthDayT;
|
|
11
8
|
showCalendar: boolean;
|
|
12
9
|
setShowCalendar: React.Dispatch<React.SetStateAction<boolean>>;
|
|
13
10
|
}
|
|
14
|
-
export declare const usePopperTriggerLogic: ({ focusedDay, resetFocusedDayToStartDate,
|
|
11
|
+
export declare const usePopperTriggerLogic: ({ focusedDay, resetFocusedDayToStartDate, showCalendar, setShowCalendar, tryToFocusCurrentlyDataIsFocusedDay, }: usePopperTriggerLogicT) => PopperTriggerLogicT;
|
|
15
12
|
export {};
|
|
@@ -13,6 +13,7 @@ export interface CalendarWithTimeWheelContextT {
|
|
|
13
13
|
handleMenuWrapperKeyDown: (e?: React.KeyboardEvent<HTMLElement>) => void;
|
|
14
14
|
handlePickerIconKeyDown: (e?: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
15
15
|
isControllerOnly: boolean;
|
|
16
|
+
disabled: boolean;
|
|
16
17
|
}
|
|
17
18
|
export declare const defaultCalendarWithTimeWheelContext: CalendarWithTimeWheelContextT;
|
|
18
19
|
/** Context for cross component communication */
|
|
@@ -1,29 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<
|
|
3
|
-
|
|
4
|
-
propTypes: {
|
|
5
|
-
id: any;
|
|
6
|
-
buttonType: any;
|
|
7
|
-
size: any;
|
|
8
|
-
disabled: any;
|
|
9
|
-
onClick: any;
|
|
10
|
-
onKeyDown: any;
|
|
11
|
-
onBlur: any;
|
|
12
|
-
onFocus: any;
|
|
13
|
-
className: any;
|
|
14
|
-
tabIndex: any;
|
|
15
|
-
innerRef: any;
|
|
16
|
-
'aria-label': any;
|
|
17
|
-
'aria-pressed': any;
|
|
18
|
-
'data-testid': any;
|
|
19
|
-
role: any;
|
|
20
|
-
children: any;
|
|
21
|
-
};
|
|
22
|
-
}, any, {}, never>;
|
|
23
|
-
export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
3
|
+
export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
24
4
|
isControllerOnly: boolean;
|
|
25
5
|
}, never>;
|
|
26
6
|
export declare const StyledCalendar: import("styled-components").StyledComponent<({ className }: {
|
|
27
7
|
className?: string | undefined;
|
|
28
|
-
}) => JSX.Element,
|
|
29
|
-
export declare const CalendarWithTimeWheelFooterMessage: import("styled-components").StyledComponent<"footer",
|
|
8
|
+
}) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const CalendarWithTimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,79 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<
|
|
3
|
-
|
|
4
|
-
propTypes: {
|
|
5
|
-
id: any;
|
|
6
|
-
buttonType: any;
|
|
7
|
-
size: any;
|
|
8
|
-
disabled: any;
|
|
9
|
-
onClick: any;
|
|
10
|
-
onKeyDown: any;
|
|
11
|
-
onBlur: any;
|
|
12
|
-
onFocus: any;
|
|
13
|
-
className: any;
|
|
14
|
-
tabIndex: any;
|
|
15
|
-
innerRef: any;
|
|
16
|
-
'aria-label': any;
|
|
17
|
-
'aria-pressed': any;
|
|
18
|
-
'data-testid': any;
|
|
19
|
-
role: any;
|
|
20
|
-
children: any;
|
|
21
|
-
};
|
|
22
|
-
}, any, {}, never>;
|
|
23
|
-
export declare const StyledWheelList: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
3
|
+
export declare const StyledWheelList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
24
4
|
interface StyledWheelListItemPropsT {
|
|
25
5
|
isCurrentListItem?: boolean;
|
|
26
6
|
selected?: boolean;
|
|
27
7
|
}
|
|
28
|
-
export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div",
|
|
8
|
+
export declare const StyledTimePickerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
29
9
|
showShadow?: boolean | undefined;
|
|
30
10
|
isControllerOnly: boolean;
|
|
31
11
|
}, never>;
|
|
32
|
-
export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
33
|
-
export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div",
|
|
34
|
-
export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div",
|
|
35
|
-
export declare const StyledTimeBtn: import("styled-components").StyledComponent<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
buttonType: any;
|
|
40
|
-
size: any;
|
|
41
|
-
disabled: any;
|
|
42
|
-
onClick: any;
|
|
43
|
-
onKeyDown: any;
|
|
44
|
-
onBlur: any;
|
|
45
|
-
onFocus: any;
|
|
46
|
-
className: any;
|
|
47
|
-
tabIndex: any;
|
|
48
|
-
innerRef: any;
|
|
49
|
-
'aria-label': any;
|
|
50
|
-
'aria-pressed': any;
|
|
51
|
-
'data-testid': any;
|
|
52
|
-
role: any;
|
|
53
|
-
children: any;
|
|
54
|
-
};
|
|
55
|
-
}, any, {}, never>;
|
|
56
|
-
export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", any, StyledWheelListItemPropsT, never>;
|
|
57
|
-
export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<{
|
|
58
|
-
(props: any): JSX.Element;
|
|
59
|
-
propTypes: {
|
|
60
|
-
id: any;
|
|
61
|
-
buttonType: any;
|
|
62
|
-
size: any;
|
|
63
|
-
disabled: any;
|
|
64
|
-
onClick: any;
|
|
65
|
-
onKeyDown: any;
|
|
66
|
-
onBlur: any;
|
|
67
|
-
onFocus: any;
|
|
68
|
-
className: any;
|
|
69
|
-
tabIndex: any;
|
|
70
|
-
innerRef: any;
|
|
71
|
-
'aria-label': any;
|
|
72
|
-
'aria-pressed': any;
|
|
73
|
-
'data-testid': any;
|
|
74
|
-
role: any;
|
|
75
|
-
children: any;
|
|
76
|
-
};
|
|
77
|
-
}, any, {}, never>;
|
|
78
|
-
export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", any, {}, never>;
|
|
12
|
+
export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
+
export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
15
|
+
export declare const StyledTimeBtn: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
16
|
+
export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledWheelListItemPropsT, never>;
|
|
17
|
+
export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
18
|
+
export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
79
19
|
export {};
|
|
@@ -56,6 +56,7 @@ export interface TimeWheelContextT extends PopperTriggerLogicT, useCurrentDispla
|
|
|
56
56
|
tempTimeString: string;
|
|
57
57
|
isControllerOnly: boolean;
|
|
58
58
|
autoFocusHourTimeWheel: boolean;
|
|
59
|
+
disabled: boolean;
|
|
59
60
|
getIsDisabledTime: (val: string) => boolean;
|
|
60
61
|
}
|
|
61
62
|
export declare const defaultTimePickerContext: TimeWheelContextT;
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
declare
|
|
4
|
-
hideDate: boolean;
|
|
5
|
-
hideTime: boolean;
|
|
6
|
-
monthInputRef: React.RefObject<HTMLInputElement>;
|
|
7
|
-
hourInputRef: React.RefObject<HTMLInputElement>;
|
|
8
|
-
prevMonthBtnRef: React.RefObject<HTMLButtonElement>;
|
|
9
|
-
isWithCalendarToo: boolean;
|
|
10
|
-
isControllerOnly: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const useKeyboardHandlers: ({ handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem, prevMonthBtnRef, prevHourBtnRef, currHourBtnRef, nextHourBtnRef, prevMinutesBtnRef, currMinutesBtnRef, nextMinutesBtnRef, prevMeridiemBtnRef, currMeridiemBtnRef, nextMeridiemBtnRef, hideDate, hideTime, monthInputRef, hourInputRef, isWithCalendarToo, isControllerOnly, }: useKeyboardHandlersArgsT) => KeyboardHandlersT;
|
|
1
|
+
import type { useCurrentDisplayedWheelsLogicT, KeyboardHandlersT } from './TimeWheelContext';
|
|
2
|
+
declare type useKeyboardHandlersArgsT = Partial<useCurrentDisplayedWheelsLogicT>;
|
|
3
|
+
export declare const useKeyboardHandlers: ({ handlePrevHour, handleNextHour, handlePrevMinute, handleNextMinute, handleTimeWheelBtnChangeMeridiem, }: useKeyboardHandlersArgsT) => KeyboardHandlersT;
|
|
13
4
|
export {};
|
package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts
CHANGED
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { PopperTriggerLogicT } from './TimeWheelContext';
|
|
3
|
-
|
|
4
|
-
pickerButtonRef: React.MutableRefObject<HTMLButtonElement>;
|
|
5
|
-
currHourBtnRef: React.MutableRefObject<HTMLButtonElement>;
|
|
6
|
-
onPickerClose: () => void;
|
|
7
|
-
onPickerOpen: () => void;
|
|
8
|
-
isWithCalendarToo: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const usePopperTriggerLogic: ({ pickerButtonRef, currHourBtnRef, onPickerClose, onPickerOpen, isWithCalendarToo, }: usePopperTriggerLogicT) => PopperTriggerLogicT;
|
|
11
|
-
export {};
|
|
2
|
+
export declare const usePopperTriggerLogic: () => PopperTriggerLogicT;
|
|
@@ -1,33 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
3
|
-
export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
4
|
-
export declare const Styled2DigitsInput: import("styled-components").StyledComponent<"input",
|
|
5
|
-
export declare const StyledMin4DigitsInput: import("styled-components").StyledComponent<"input",
|
|
6
|
-
export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
7
|
-
export declare const StyledDateInputsWrapperGrid: import("styled-components").StyledComponent<"div",
|
|
8
|
-
export declare const StyledTimeInputsWrapperGrid: import("styled-components").StyledComponent<"div",
|
|
9
|
-
export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
2
|
+
export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Styled2DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const StyledMin4DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledDateInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const StyledTimeInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
|
|
10
10
|
isControllerOnly: boolean;
|
|
11
11
|
}, never>;
|
|
12
|
-
export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<
|
|
13
|
-
export declare const StyledClearButton: import("styled-components").StyledComponent<
|
|
14
|
-
(props: any): JSX.Element;
|
|
15
|
-
propTypes: {
|
|
16
|
-
id: any;
|
|
17
|
-
buttonType: any;
|
|
18
|
-
size: any;
|
|
19
|
-
disabled: any;
|
|
20
|
-
onClick: any;
|
|
21
|
-
onKeyDown: any;
|
|
22
|
-
onBlur: any;
|
|
23
|
-
onFocus: any;
|
|
24
|
-
className: any;
|
|
25
|
-
tabIndex: any;
|
|
26
|
-
innerRef: any;
|
|
27
|
-
'aria-label': any;
|
|
28
|
-
'aria-pressed': any;
|
|
29
|
-
'data-testid': any;
|
|
30
|
-
role: any;
|
|
31
|
-
children: any;
|
|
32
|
-
};
|
|
33
|
-
}, any, {}, never>;
|
|
12
|
+
export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const StyledClearButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
|
|
@@ -6,10 +6,11 @@ interface HHInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
autoFocusHourInput: boolean;
|
|
13
14
|
}
|
|
14
|
-
export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, }: HHInputsPropsT) => JSX.Element>;
|
|
15
|
+
export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, }: HHInputsPropsT) => JSX.Element>;
|
|
15
16
|
export {};
|
|
@@ -6,9 +6,10 @@ interface MeridiemInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, ariaCurrentValueForInputs, contextRef, }: MeridiemInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, }: MeridiemInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|
|
@@ -6,9 +6,10 @@ interface MinutesInputsPropsT {
|
|
|
6
6
|
onFocus: onFocusFuncT;
|
|
7
7
|
onKeyDown: onKeyDownT;
|
|
8
8
|
value: string;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
contextRef: React.RefObject<HTMLInputElement>;
|
|
10
11
|
placeholder: string;
|
|
11
12
|
ariaCurrentValueForInputs: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, placeholder, ariaCurrentValueForInputs, contextRef, }: MinutesInputsPropsT) => JSX.Element>;
|
|
14
|
+
export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, }: MinutesInputsPropsT) => JSX.Element>;
|
|
14
15
|
export {};
|