@mui/x-date-pickers 9.0.0-alpha.4 → 9.0.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/AdapterDateFnsBase/AdapterDateFnsBase.mjs +1 -1
- package/AdapterDayjs/AdapterDayjs.mjs +1 -1
- package/AdapterLuxon/AdapterLuxon.mjs +1 -1
- package/AdapterMoment/AdapterMoment.mjs +1 -1
- package/AdapterMomentHijri/AdapterMomentHijri.mjs +1 -1
- package/AdapterMomentJalaali/AdapterMomentJalaali.mjs +1 -1
- package/CHANGELOG.md +374 -2
- package/DateCalendar/DateCalendar.js +1 -1
- package/DateCalendar/DateCalendar.mjs +1 -1
- package/DateCalendar/DayCalendar.d.mts +7 -7
- package/DateCalendar/DayCalendar.d.ts +7 -7
- package/DateCalendar/DayCalendar.js +23 -25
- package/DateCalendar/DayCalendar.mjs +23 -25
- package/DateField/DateField.d.mts +1 -1
- package/DateField/DateField.d.ts +1 -1
- package/DateField/DateField.js +22 -28
- package/DateField/DateField.mjs +22 -28
- package/DateField/DateField.types.d.mts +3 -3
- package/DateField/DateField.types.d.ts +3 -3
- package/DateField/useDateField.d.mts +1 -1
- package/DateField/useDateField.d.ts +1 -1
- package/DateField/useDateField.js +1 -1
- package/DateField/useDateField.mjs +1 -1
- package/DatePicker/DatePicker.d.mts +1 -1
- package/DatePicker/DatePicker.d.ts +1 -1
- package/DatePicker/DatePicker.js +1 -5
- package/DatePicker/DatePicker.mjs +1 -5
- package/DatePicker/DatePicker.types.d.mts +3 -3
- package/DatePicker/DatePicker.types.d.ts +3 -3
- package/DateTimeField/DateTimeField.d.mts +1 -1
- package/DateTimeField/DateTimeField.d.ts +1 -1
- package/DateTimeField/DateTimeField.js +22 -28
- package/DateTimeField/DateTimeField.mjs +22 -28
- package/DateTimeField/DateTimeField.types.d.mts +2 -2
- package/DateTimeField/DateTimeField.types.d.ts +2 -2
- package/DateTimeField/useDateTimeField.d.mts +1 -1
- package/DateTimeField/useDateTimeField.d.ts +1 -1
- package/DateTimeField/useDateTimeField.js +1 -1
- package/DateTimeField/useDateTimeField.mjs +1 -1
- package/DateTimePicker/DateTimePicker.d.mts +1 -1
- package/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.js +1 -5
- package/DateTimePicker/DateTimePicker.mjs +1 -5
- package/DateTimePicker/DateTimePicker.types.d.mts +3 -3
- package/DateTimePicker/DateTimePicker.types.d.ts +3 -3
- package/DesktopDatePicker/DesktopDatePicker.d.mts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.d.ts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/DesktopDatePicker/DesktopDatePicker.mjs +1 -5
- package/DesktopDatePicker/DesktopDatePicker.types.d.mts +3 -3
- package/DesktopDatePicker/DesktopDatePicker.types.d.ts +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.mts +1 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +1 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.mjs +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.mts +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +3 -3
- package/DesktopTimePicker/DesktopTimePicker.d.mts +1 -1
- package/DesktopTimePicker/DesktopTimePicker.d.ts +1 -1
- package/DesktopTimePicker/DesktopTimePicker.js +0 -4
- package/DesktopTimePicker/DesktopTimePicker.mjs +0 -4
- package/DesktopTimePicker/DesktopTimePicker.types.d.mts +3 -3
- package/DesktopTimePicker/DesktopTimePicker.types.d.ts +3 -3
- package/DigitalClock/DigitalClock.d.mts +1 -1
- package/DigitalClock/DigitalClock.d.ts +1 -1
- package/DigitalClock/DigitalClock.js +2 -2
- package/DigitalClock/DigitalClock.mjs +3 -3
- package/LocalizationProvider/LocalizationProvider.d.mts +0 -6
- package/LocalizationProvider/LocalizationProvider.d.ts +0 -6
- package/LocalizationProvider/LocalizationProvider.js +1 -10
- package/LocalizationProvider/LocalizationProvider.mjs +0 -9
- package/LocalizationProvider/index.d.mts +1 -1
- package/LocalizationProvider/index.d.ts +1 -1
- package/LocalizationProvider/index.js +0 -6
- package/LocalizationProvider/index.mjs +1 -1
- package/MobileDatePicker/MobileDatePicker.d.mts +1 -1
- package/MobileDatePicker/MobileDatePicker.d.ts +1 -1
- package/MobileDatePicker/MobileDatePicker.js +1 -5
- package/MobileDatePicker/MobileDatePicker.mjs +1 -5
- package/MobileDatePicker/MobileDatePicker.types.d.mts +3 -3
- package/MobileDatePicker/MobileDatePicker.types.d.ts +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.d.mts +1 -1
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +1 -1
- package/MobileDateTimePicker/MobileDateTimePicker.js +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.mjs +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.mts +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts +3 -3
- package/MobileTimePicker/MobileTimePicker.d.mts +1 -1
- package/MobileTimePicker/MobileTimePicker.d.ts +1 -1
- package/MobileTimePicker/MobileTimePicker.js +0 -4
- package/MobileTimePicker/MobileTimePicker.mjs +0 -4
- package/MobileTimePicker/MobileTimePicker.types.d.mts +3 -3
- package/MobileTimePicker/MobileTimePicker.types.d.ts +3 -3
- package/MonthCalendar/MonthCalendarButton.js +2 -2
- package/MonthCalendar/MonthCalendarButton.mjs +3 -3
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +2 -2
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.mjs +3 -3
- package/PickerDay/PickerDay.d.mts +14 -0
- package/PickerDay/PickerDay.d.ts +14 -0
- package/{PickerDay2/PickerDay2.js → PickerDay/PickerDay.js} +110 -45
- package/{PickerDay2/PickerDay2.mjs → PickerDay/PickerDay.mjs} +110 -45
- package/PickerDay/PickerDay.types.d.mts +137 -0
- package/PickerDay/PickerDay.types.d.ts +137 -0
- package/PickerDay/index.d.mts +4 -0
- package/PickerDay/index.d.ts +4 -0
- package/PickerDay/index.js +25 -0
- package/PickerDay/index.mjs +2 -0
- package/{PickerDay2/pickerDay2Classes.d.mts → PickerDay/pickerDayClasses.d.mts} +4 -4
- package/{PickerDay2/pickerDay2Classes.d.ts → PickerDay/pickerDayClasses.d.ts} +4 -4
- package/PickerDay/pickerDayClasses.js +14 -0
- package/PickerDay/pickerDayClasses.mjs +6 -0
- package/PickersTextField/PickersFilledInput/PickersFilledInput.js +37 -16
- package/PickersTextField/PickersFilledInput/PickersFilledInput.mjs +37 -16
- package/PickersTextField/PickersInput/PickersInput.js +35 -14
- package/PickersTextField/PickersInput/PickersInput.mjs +35 -14
- package/PickersTextField/PickersInputBase/PickersInputBase.js +38 -8
- package/PickersTextField/PickersInputBase/PickersInputBase.mjs +38 -8
- package/PickersTextField/PickersInputBase/PickersInputBase.types.d.mts +56 -13
- package/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts +56 -13
- package/PickersTextField/PickersOutlinedInput/Outline.js +1 -1
- package/PickersTextField/PickersOutlinedInput/Outline.mjs +1 -1
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +33 -11
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.mjs +33 -11
- package/PickersTextField/PickersTextField.js +92 -39
- package/PickersTextField/PickersTextField.mjs +92 -39
- package/PickersTextField/PickersTextField.types.d.mts +56 -28
- package/PickersTextField/PickersTextField.types.d.ts +56 -28
- package/PickersTextField/index.d.mts +1 -1
- package/PickersTextField/index.d.ts +1 -1
- package/StaticDatePicker/StaticDatePicker.js +1 -1
- package/StaticDatePicker/StaticDatePicker.mjs +1 -1
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
- package/StaticDateTimePicker/StaticDateTimePicker.mjs +1 -1
- package/TimeField/TimeField.d.mts +1 -1
- package/TimeField/TimeField.d.ts +1 -1
- package/TimeField/TimeField.js +23 -29
- package/TimeField/TimeField.mjs +23 -29
- package/TimeField/TimeField.types.d.mts +2 -2
- package/TimeField/TimeField.types.d.ts +2 -2
- package/TimeField/useTimeField.d.mts +1 -1
- package/TimeField/useTimeField.d.ts +1 -1
- package/TimePicker/TimePicker.d.mts +1 -1
- package/TimePicker/TimePicker.d.ts +1 -1
- package/TimePicker/TimePicker.js +0 -4
- package/TimePicker/TimePicker.mjs +0 -4
- package/TimePicker/TimePicker.types.d.mts +3 -3
- package/TimePicker/TimePicker.types.d.ts +3 -3
- package/YearCalendar/YearCalendarButton.js +2 -2
- package/YearCalendar/YearCalendarButton.mjs +3 -3
- package/hooks/useParsedFormat.js +5 -7
- package/hooks/useParsedFormat.mjs +5 -7
- package/hooks/useSplitFieldProps.d.mts +1 -1
- package/hooks/useSplitFieldProps.d.ts +1 -1
- package/hooks/useSplitFieldProps.js +1 -1
- package/hooks/useSplitFieldProps.mjs +1 -1
- package/index.d.mts +1 -2
- package/index.d.ts +1 -2
- package/index.js +2 -14
- package/index.mjs +2 -3
- package/internals/components/PickerFieldUI.d.mts +11 -17
- package/internals/components/PickerFieldUI.d.ts +11 -17
- package/internals/components/PickerFieldUI.js +65 -114
- package/internals/components/PickerFieldUI.mjs +65 -114
- package/internals/components/PickerPopper/PickerPopper.js +3 -0
- package/internals/components/PickerPopper/PickerPopper.mjs +3 -0
- package/internals/components/PickersToolbar.js +3 -1
- package/internals/components/PickersToolbar.mjs +3 -1
- package/internals/demo/DemoContainer.js +6 -8
- package/internals/demo/DemoContainer.mjs +6 -8
- package/internals/hooks/PickerDay.types.d.mts +12 -0
- package/internals/hooks/PickerDay.types.d.ts +12 -0
- package/internals/hooks/useDesktopPicker/useDesktopPicker.d.mts +2 -2
- package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts +2 -2
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.mts +6 -6
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +6 -6
- package/internals/hooks/useField/buildSectionsFromFormat.d.mts +0 -1
- package/internals/hooks/useField/buildSectionsFromFormat.d.ts +0 -1
- package/internals/hooks/useField/buildSectionsFromFormat.js +1 -1
- package/internals/hooks/useField/buildSectionsFromFormat.mjs +1 -1
- package/internals/hooks/useField/index.d.mts +1 -1
- package/internals/hooks/useField/index.d.ts +1 -1
- package/internals/hooks/useField/index.js +2 -8
- package/internals/hooks/useField/index.mjs +1 -1
- package/internals/hooks/useField/useField.d.mts +2 -2
- package/internals/hooks/useField/useField.d.ts +2 -2
- package/internals/hooks/useField/useField.js +265 -8
- package/internals/hooks/useField/useField.mjs +264 -8
- package/internals/hooks/useField/useField.types.d.mts +11 -50
- package/internals/hooks/useField/useField.types.d.ts +11 -50
- package/internals/hooks/useField/useField.utils.d.mts +2 -3
- package/internals/hooks/useField/useField.utils.d.ts +2 -3
- package/internals/hooks/useField/useField.utils.js +8 -65
- package/internals/hooks/useField/useField.utils.mjs +6 -62
- package/internals/hooks/useField/useFieldHiddenInputProps.d.mts +2 -4
- package/internals/hooks/useField/useFieldHiddenInputProps.d.ts +2 -4
- package/internals/hooks/useField/useFieldHiddenInputProps.js +1 -3
- package/internals/hooks/useField/useFieldHiddenInputProps.mjs +1 -3
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.js +0 -1
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.mjs +0 -1
- package/internals/hooks/useField/useFieldRootProps.d.mts +5 -5
- package/internals/hooks/useField/useFieldRootProps.d.ts +5 -5
- package/internals/hooks/useField/useFieldRootProps.js +183 -11
- package/internals/hooks/useField/useFieldRootProps.mjs +183 -11
- package/internals/hooks/useField/useFieldSectionContainerProps.d.mts +3 -5
- package/internals/hooks/useField/useFieldSectionContainerProps.d.ts +3 -5
- package/internals/hooks/useField/useFieldSectionContainerProps.js +2 -4
- package/internals/hooks/useField/useFieldSectionContainerProps.mjs +2 -4
- package/internals/hooks/useField/useFieldSectionContentProps.d.mts +6 -7
- package/internals/hooks/useField/useFieldSectionContentProps.d.ts +6 -7
- package/internals/hooks/useField/useFieldSectionContentProps.js +2 -4
- package/internals/hooks/useField/useFieldSectionContentProps.mjs +2 -4
- package/internals/hooks/useField/useFieldState.d.mts +4 -4
- package/internals/hooks/useField/useFieldState.d.ts +4 -4
- package/internals/hooks/useField/useFieldState.js +3 -6
- package/internals/hooks/useField/useFieldState.mjs +3 -6
- package/internals/hooks/useMobilePicker/useMobilePicker.d.mts +2 -2
- package/internals/hooks/useMobilePicker/useMobilePicker.d.ts +2 -2
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.mts +6 -6
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +6 -6
- package/internals/hooks/useNullableFieldPrivateContext.d.mts +1 -1
- package/internals/hooks/useNullableFieldPrivateContext.d.ts +1 -1
- package/internals/hooks/usePicker/usePicker.js +1 -3
- package/internals/hooks/usePicker/usePicker.mjs +1 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.d.mts +2 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.d.ts +2 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.js +3 -5
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.mjs +3 -5
- package/internals/index.d.mts +4 -4
- package/internals/index.d.ts +4 -4
- package/internals/index.js +9 -9
- package/internals/index.mjs +3 -3
- package/internals/models/manager.d.mts +3 -5
- package/internals/models/manager.d.ts +3 -5
- package/internals/utils/valueManagers.js +1 -2
- package/internals/utils/valueManagers.mjs +2 -3
- package/managers/index.d.mts +2 -2
- package/managers/index.d.ts +2 -2
- package/managers/useDateManager.d.mts +3 -6
- package/managers/useDateManager.d.ts +3 -6
- package/managers/useDateManager.js +2 -6
- package/managers/useDateManager.mjs +2 -6
- package/managers/useDateTimeManager.d.mts +3 -6
- package/managers/useDateTimeManager.d.ts +3 -6
- package/managers/useDateTimeManager.js +2 -6
- package/managers/useDateTimeManager.mjs +2 -6
- package/managers/useTimeManager.d.mts +4 -6
- package/managers/useTimeManager.d.ts +4 -6
- package/managers/useTimeManager.js +1 -3
- package/managers/useTimeManager.mjs +1 -3
- package/models/fields.d.mts +3 -4
- package/models/fields.d.ts +3 -4
- package/models/manager.d.mts +2 -8
- package/models/manager.d.ts +2 -8
- package/package.json +55 -69
- package/themeAugmentation/components.d.mts +4 -8
- package/themeAugmentation/components.d.ts +4 -8
- package/themeAugmentation/overrides.d.mts +2 -4
- package/themeAugmentation/overrides.d.ts +2 -4
- package/themeAugmentation/props.d.mts +5 -7
- package/themeAugmentation/props.d.ts +5 -7
- package/PickerDay2/PickerDay2.d.mts +0 -7
- package/PickerDay2/PickerDay2.d.ts +0 -7
- package/PickerDay2/PickerDay2.types.d.mts +0 -18
- package/PickerDay2/PickerDay2.types.d.ts +0 -18
- package/PickerDay2/index.d.mts +0 -4
- package/PickerDay2/index.d.ts +0 -4
- package/PickerDay2/index.js +0 -25
- package/PickerDay2/index.mjs +0 -2
- package/PickerDay2/pickerDay2Classes.js +0 -14
- package/PickerDay2/pickerDay2Classes.mjs +0 -6
- package/PickersDay/PickersDay.d.mts +0 -15
- package/PickersDay/PickersDay.d.ts +0 -15
- package/PickersDay/PickersDay.js +0 -384
- package/PickersDay/PickersDay.mjs +0 -377
- package/PickersDay/PickersDay.types.d.mts +0 -114
- package/PickersDay/PickersDay.types.d.ts +0 -114
- package/PickersDay/index.d.mts +0 -4
- package/PickersDay/index.d.ts +0 -4
- package/PickersDay/index.js +0 -25
- package/PickersDay/index.mjs +0 -2
- package/PickersDay/pickersDayClasses.d.mts +0 -19
- package/PickersDay/pickersDayClasses.d.ts +0 -19
- package/PickersDay/pickersDayClasses.js +0 -14
- package/PickersDay/pickersDayClasses.mjs +0 -6
- package/internals/hooks/useField/useFieldRootHandleKeyDown.d.mts +0 -16
- package/internals/hooks/useField/useFieldRootHandleKeyDown.d.ts +0 -16
- package/internals/hooks/useField/useFieldRootHandleKeyDown.js +0 -211
- package/internals/hooks/useField/useFieldRootHandleKeyDown.mjs +0 -205
- package/internals/hooks/useField/useFieldV6TextField.d.mts +0 -26
- package/internals/hooks/useField/useFieldV6TextField.d.ts +0 -26
- package/internals/hooks/useField/useFieldV6TextField.js +0 -422
- package/internals/hooks/useField/useFieldV6TextField.mjs +0 -413
- package/internals/hooks/useField/useFieldV7TextField.d.mts +0 -3
- package/internals/hooks/useField/useFieldV7TextField.d.ts +0 -3
- package/internals/hooks/useField/useFieldV7TextField.js +0 -272
- package/internals/hooks/useField/useFieldV7TextField.mjs +0 -264
- /package/{PickerDay2/PickerDay2.types.js → PickerDay/PickerDay.types.js} +0 -0
- /package/{PickerDay2/PickerDay2.types.mjs → PickerDay/PickerDay.types.mjs} +0 -0
- /package/{PickersDay/PickersDay.types.js → internals/hooks/PickerDay.types.js} +0 -0
- /package/{PickersDay/PickersDay.types.mjs → internals/hooks/PickerDay.types.mjs} +0 -0
|
@@ -42,8 +42,7 @@ const useFieldState = parameters => {
|
|
|
42
42
|
selectedSections: selectedSectionsProp,
|
|
43
43
|
onSelectedSectionsChange,
|
|
44
44
|
shouldRespectLeadingZeros = false,
|
|
45
|
-
timezone: timezoneProp
|
|
46
|
-
enableAccessibleFieldDOMStructure = true
|
|
45
|
+
timezone: timezoneProp
|
|
47
46
|
},
|
|
48
47
|
forwardedProps: {
|
|
49
48
|
error: errorProp
|
|
@@ -85,9 +84,8 @@ const useFieldState = parameters => {
|
|
|
85
84
|
date,
|
|
86
85
|
formatDensity,
|
|
87
86
|
shouldRespectLeadingZeros,
|
|
88
|
-
enableAccessibleFieldDOMStructure,
|
|
89
87
|
isRtl
|
|
90
|
-
})), [fieldValueManager, format, translations, localizedDigits, isRtl, shouldRespectLeadingZeros, adapter, formatDensity
|
|
88
|
+
})), [fieldValueManager, format, translations, localizedDigits, isRtl, shouldRespectLeadingZeros, adapter, formatDensity]);
|
|
91
89
|
const [state, setState] = React.useState(() => {
|
|
92
90
|
const sections = getSectionsFromValue(value);
|
|
93
91
|
(0, _useField.validateSections)(sections, valueType);
|
|
@@ -127,7 +125,7 @@ const useFieldState = parameters => {
|
|
|
127
125
|
};
|
|
128
126
|
const parsedSelectedSections = React.useMemo(() => (0, _useField.parseSelectedSections)(selectedSections, state.sections), [selectedSections, state.sections]);
|
|
129
127
|
const activeSectionIndex = parsedSelectedSections === 'all' ? 0 : parsedSelectedSections;
|
|
130
|
-
const sectionOrder = React.useMemo(() => (0, _useField.getSectionOrder)(state.sections
|
|
128
|
+
const sectionOrder = React.useMemo(() => (0, _useField.getSectionOrder)(state.sections), [state.sections]);
|
|
131
129
|
const areAllSectionsEmpty = React.useMemo(() => state.sections.every(section => section.value === ''), [state.sections]);
|
|
132
130
|
|
|
133
131
|
// When the field loses focus (no active section), consider partially filled sections as invalid.
|
|
@@ -230,7 +228,6 @@ const useFieldState = parameters => {
|
|
|
230
228
|
date,
|
|
231
229
|
formatDensity,
|
|
232
230
|
shouldRespectLeadingZeros,
|
|
233
|
-
enableAccessibleFieldDOMStructure,
|
|
234
231
|
isRtl
|
|
235
232
|
});
|
|
236
233
|
return (0, _useField.mergeDateIntoReferenceDate)(adapter, date, sections, referenceDate, false);
|
|
@@ -35,8 +35,7 @@ export const useFieldState = parameters => {
|
|
|
35
35
|
selectedSections: selectedSectionsProp,
|
|
36
36
|
onSelectedSectionsChange,
|
|
37
37
|
shouldRespectLeadingZeros = false,
|
|
38
|
-
timezone: timezoneProp
|
|
39
|
-
enableAccessibleFieldDOMStructure = true
|
|
38
|
+
timezone: timezoneProp
|
|
40
39
|
},
|
|
41
40
|
forwardedProps: {
|
|
42
41
|
error: errorProp
|
|
@@ -78,9 +77,8 @@ export const useFieldState = parameters => {
|
|
|
78
77
|
date,
|
|
79
78
|
formatDensity,
|
|
80
79
|
shouldRespectLeadingZeros,
|
|
81
|
-
enableAccessibleFieldDOMStructure,
|
|
82
80
|
isRtl
|
|
83
|
-
})), [fieldValueManager, format, translations, localizedDigits, isRtl, shouldRespectLeadingZeros, adapter, formatDensity
|
|
81
|
+
})), [fieldValueManager, format, translations, localizedDigits, isRtl, shouldRespectLeadingZeros, adapter, formatDensity]);
|
|
84
82
|
const [state, setState] = React.useState(() => {
|
|
85
83
|
const sections = getSectionsFromValue(value);
|
|
86
84
|
validateSections(sections, valueType);
|
|
@@ -120,7 +118,7 @@ export const useFieldState = parameters => {
|
|
|
120
118
|
};
|
|
121
119
|
const parsedSelectedSections = React.useMemo(() => parseSelectedSections(selectedSections, state.sections), [selectedSections, state.sections]);
|
|
122
120
|
const activeSectionIndex = parsedSelectedSections === 'all' ? 0 : parsedSelectedSections;
|
|
123
|
-
const sectionOrder = React.useMemo(() => getSectionOrder(state.sections
|
|
121
|
+
const sectionOrder = React.useMemo(() => getSectionOrder(state.sections), [state.sections]);
|
|
124
122
|
const areAllSectionsEmpty = React.useMemo(() => state.sections.every(section => section.value === ''), [state.sections]);
|
|
125
123
|
|
|
126
124
|
// When the field loses focus (no active section), consider partially filled sections as invalid.
|
|
@@ -223,7 +221,6 @@ export const useFieldState = parameters => {
|
|
|
223
221
|
date,
|
|
224
222
|
formatDensity,
|
|
225
223
|
shouldRespectLeadingZeros,
|
|
226
|
-
enableAccessibleFieldDOMStructure,
|
|
227
224
|
isRtl
|
|
228
225
|
});
|
|
229
226
|
return mergeDateIntoReferenceDate(adapter, date, sections, referenceDate, false);
|
|
@@ -6,10 +6,10 @@ import { DateOrTimeViewWithMeridiem } from "../../models/index.mjs";
|
|
|
6
6
|
* - MobileDateTimePicker
|
|
7
7
|
* - MobileTimePicker
|
|
8
8
|
*/
|
|
9
|
-
export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem,
|
|
9
|
+
export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobilePickerProps<TView, any, TExternalProps>>({
|
|
10
10
|
props,
|
|
11
11
|
steps,
|
|
12
12
|
...pickerParams
|
|
13
|
-
}: UseMobilePickerParams<TView,
|
|
13
|
+
}: UseMobilePickerParams<TView, TExternalProps>) => {
|
|
14
14
|
renderPicker: () => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
};
|
|
@@ -6,10 +6,10 @@ import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
|
|
|
6
6
|
* - MobileDateTimePicker
|
|
7
7
|
* - MobileTimePicker
|
|
8
8
|
*/
|
|
9
|
-
export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem,
|
|
9
|
+
export declare const useMobilePicker: <TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobilePickerProps<TView, any, TExternalProps>>({
|
|
10
10
|
props,
|
|
11
11
|
steps,
|
|
12
12
|
...pickerParams
|
|
13
|
-
}: UseMobilePickerParams<TView,
|
|
13
|
+
}: UseMobilePickerParams<TView, TExternalProps>) => {
|
|
14
14
|
renderPicker: () => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
};
|
|
@@ -14,12 +14,12 @@ export interface UseMobilePickerSlots extends PickersModalDialogSlots, ExportedP
|
|
|
14
14
|
*/
|
|
15
15
|
field: React.ElementType;
|
|
16
16
|
}
|
|
17
|
-
export interface ExportedUseMobilePickerSlotProps
|
|
18
|
-
field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue
|
|
17
|
+
export interface ExportedUseMobilePickerSlotProps extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
|
|
18
|
+
field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue>, {}, PickerOwnerState>;
|
|
19
19
|
}
|
|
20
|
-
export interface UseMobilePickerSlotProps
|
|
20
|
+
export interface UseMobilePickerSlotProps extends ExportedUseMobilePickerSlotProps, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
|
|
21
21
|
export interface MobileOnlyPickerProps extends UsePickerNonStaticProps {}
|
|
22
|
-
export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem,
|
|
22
|
+
export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, TView, TError, TExternalProps>, MakeRequired<MobileOnlyPickerProps, 'format'> {
|
|
23
23
|
/**
|
|
24
24
|
* Overridable component slots.
|
|
25
25
|
* @default {}
|
|
@@ -29,9 +29,9 @@ export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem,
|
|
|
29
29
|
* The props used for each component slot.
|
|
30
30
|
* @default {}
|
|
31
31
|
*/
|
|
32
|
-
slotProps?: UseMobilePickerSlotProps
|
|
32
|
+
slotProps?: UseMobilePickerSlotProps;
|
|
33
33
|
}
|
|
34
|
-
export interface UseMobilePickerParams<TView extends DateOrTimeViewWithMeridiem,
|
|
34
|
+
export interface UseMobilePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobilePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
|
|
35
35
|
props: TExternalProps;
|
|
36
36
|
/**
|
|
37
37
|
* Steps available for the picker.
|
|
@@ -14,12 +14,12 @@ export interface UseMobilePickerSlots extends PickersModalDialogSlots, ExportedP
|
|
|
14
14
|
*/
|
|
15
15
|
field: React.ElementType;
|
|
16
16
|
}
|
|
17
|
-
export interface ExportedUseMobilePickerSlotProps
|
|
18
|
-
field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue
|
|
17
|
+
export interface ExportedUseMobilePickerSlotProps extends PickersModalDialogSlotProps, ExportedPickersLayoutSlotProps<PickerValue>, PickerFieldUISlotPropsFromContext {
|
|
18
|
+
field?: SlotComponentPropsFromProps<PickerFieldSlotProps<PickerValue>, {}, PickerOwnerState>;
|
|
19
19
|
}
|
|
20
|
-
export interface UseMobilePickerSlotProps
|
|
20
|
+
export interface UseMobilePickerSlotProps extends ExportedUseMobilePickerSlotProps, Pick<PickersLayoutSlotProps<PickerValue>, 'toolbar'> {}
|
|
21
21
|
export interface MobileOnlyPickerProps extends UsePickerNonStaticProps {}
|
|
22
|
-
export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem,
|
|
22
|
+
export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerProps<PickerValue, TView, TError, any>> extends BasePickerProps<PickerValue, TView, TError, TExternalProps>, MakeRequired<MobileOnlyPickerProps, 'format'> {
|
|
23
23
|
/**
|
|
24
24
|
* Overridable component slots.
|
|
25
25
|
* @default {}
|
|
@@ -29,9 +29,9 @@ export interface UseMobilePickerProps<TView extends DateOrTimeViewWithMeridiem,
|
|
|
29
29
|
* The props used for each component slot.
|
|
30
30
|
* @default {}
|
|
31
31
|
*/
|
|
32
|
-
slotProps?: UseMobilePickerSlotProps
|
|
32
|
+
slotProps?: UseMobilePickerSlotProps;
|
|
33
33
|
}
|
|
34
|
-
export interface UseMobilePickerParams<TView extends DateOrTimeViewWithMeridiem,
|
|
34
|
+
export interface UseMobilePickerParams<TView extends DateOrTimeViewWithMeridiem, TExternalProps extends UseMobilePickerProps<TView, any, TExternalProps>> extends Pick<UsePickerParameters<PickerValue, TView, TExternalProps>, 'valueManager' | 'valueType' | 'validator' | 'ref'> {
|
|
35
35
|
props: TExternalProps;
|
|
36
36
|
/**
|
|
37
37
|
* Steps available for the picker.
|
|
@@ -4,7 +4,7 @@ import { FieldRef } from "../../models/index.mjs";
|
|
|
4
4
|
import { PickerRangeValue, PickerValue } from "../models/index.mjs";
|
|
5
5
|
export declare const PickerFieldPrivateContext: React.Context<PickerFieldPrivateContextValue | null>;
|
|
6
6
|
export declare function useNullableFieldPrivateContext(): PickerFieldPrivateContextValue | null;
|
|
7
|
-
export interface PickerFieldPrivateContextValue extends Pick<UseFieldInternalProps<any, any
|
|
7
|
+
export interface PickerFieldPrivateContextValue extends Pick<UseFieldInternalProps<any, any>, 'formatDensity' | 'selectedSections' | 'onSelectedSectionsChange'> {
|
|
8
8
|
internalFieldRef: React.RefObject<FieldRef<PickerValue> | FieldRef<PickerRangeValue> | null>;
|
|
9
9
|
fieldRef?: React.RefObject<FieldRef<any> | null>;
|
|
10
10
|
}
|
|
@@ -4,7 +4,7 @@ import { FieldRef } from "../../models/index.js";
|
|
|
4
4
|
import { PickerRangeValue, PickerValue } from "../models/index.js";
|
|
5
5
|
export declare const PickerFieldPrivateContext: React.Context<PickerFieldPrivateContextValue | null>;
|
|
6
6
|
export declare function useNullableFieldPrivateContext(): PickerFieldPrivateContextValue | null;
|
|
7
|
-
export interface PickerFieldPrivateContextValue extends Pick<UseFieldInternalProps<any, any
|
|
7
|
+
export interface PickerFieldPrivateContextValue extends Pick<UseFieldInternalProps<any, any>, 'formatDensity' | 'selectedSections' | 'onSelectedSectionsChange'> {
|
|
8
8
|
internalFieldRef: React.RefObject<FieldRef<PickerValue> | FieldRef<PickerRangeValue> | null>;
|
|
9
9
|
fieldRef?: React.RefObject<FieldRef<any> | null>;
|
|
10
10
|
}
|
|
@@ -52,7 +52,6 @@ const usePicker = ({
|
|
|
52
52
|
readOnly,
|
|
53
53
|
// Field props
|
|
54
54
|
formatDensity,
|
|
55
|
-
enableAccessibleFieldDOMStructure,
|
|
56
55
|
selectedSections,
|
|
57
56
|
onSelectedSectionsChange,
|
|
58
57
|
format,
|
|
@@ -275,11 +274,10 @@ const usePicker = ({
|
|
|
275
274
|
}), [dismissViews, ownerState, hasUIView, getCurrentViewMode, labelId, triggerElement, viewContainerRole, defaultActionBarActions, onPopperExited]);
|
|
276
275
|
const fieldPrivateContextValue = React.useMemo(() => ({
|
|
277
276
|
formatDensity,
|
|
278
|
-
enableAccessibleFieldDOMStructure,
|
|
279
277
|
selectedSections,
|
|
280
278
|
onSelectedSectionsChange,
|
|
281
279
|
internalFieldRef
|
|
282
|
-
}), [formatDensity,
|
|
280
|
+
}), [formatDensity, selectedSections, onSelectedSectionsChange, internalFieldRef]);
|
|
283
281
|
const isValidContextValue = testedValue => {
|
|
284
282
|
const error = validator({
|
|
285
283
|
adapter,
|
|
@@ -45,7 +45,6 @@ export const usePicker = ({
|
|
|
45
45
|
readOnly,
|
|
46
46
|
// Field props
|
|
47
47
|
formatDensity,
|
|
48
|
-
enableAccessibleFieldDOMStructure,
|
|
49
48
|
selectedSections,
|
|
50
49
|
onSelectedSectionsChange,
|
|
51
50
|
format,
|
|
@@ -268,11 +267,10 @@ export const usePicker = ({
|
|
|
268
267
|
}), [dismissViews, ownerState, hasUIView, getCurrentViewMode, labelId, triggerElement, viewContainerRole, defaultActionBarActions, onPopperExited]);
|
|
269
268
|
const fieldPrivateContextValue = React.useMemo(() => ({
|
|
270
269
|
formatDensity,
|
|
271
|
-
enableAccessibleFieldDOMStructure,
|
|
272
270
|
selectedSections,
|
|
273
271
|
onSelectedSectionsChange,
|
|
274
272
|
internalFieldRef
|
|
275
|
-
}), [formatDensity,
|
|
273
|
+
}), [formatDensity, selectedSections, onSelectedSectionsChange, internalFieldRef]);
|
|
276
274
|
const isValidContextValue = testedValue => {
|
|
277
275
|
const error = validator({
|
|
278
276
|
adapter,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PickerDayOwnerState } from "./
|
|
2
|
-
import { PickerValidDate } from "
|
|
1
|
+
import { PickerDayOwnerState } from "./PickerDay.types.mjs";
|
|
2
|
+
import { PickerValidDate } from "../../models/pickers.mjs";
|
|
3
3
|
export declare function usePickerDayOwnerState(parameters: UsePickerDayOwnerStateParameters): PickerDayOwnerState;
|
|
4
4
|
interface UsePickerDayOwnerStateParameters {
|
|
5
5
|
day: PickerValidDate;
|
|
@@ -7,7 +7,6 @@ interface UsePickerDayOwnerStateParameters {
|
|
|
7
7
|
selected: boolean | undefined;
|
|
8
8
|
today: boolean | undefined;
|
|
9
9
|
outsideCurrentMonth: boolean | undefined;
|
|
10
|
-
disableMargin: boolean | undefined;
|
|
11
10
|
disableHighlightToday: boolean | undefined;
|
|
12
11
|
showDaysOutsideCurrentMonth: boolean | undefined;
|
|
13
12
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PickerDayOwnerState } from "./
|
|
2
|
-
import { PickerValidDate } from "
|
|
1
|
+
import { PickerDayOwnerState } from "./PickerDay.types.js";
|
|
2
|
+
import { PickerValidDate } from "../../models/pickers.js";
|
|
3
3
|
export declare function usePickerDayOwnerState(parameters: UsePickerDayOwnerStateParameters): PickerDayOwnerState;
|
|
4
4
|
interface UsePickerDayOwnerStateParameters {
|
|
5
5
|
day: PickerValidDate;
|
|
@@ -7,7 +7,6 @@ interface UsePickerDayOwnerStateParameters {
|
|
|
7
7
|
selected: boolean | undefined;
|
|
8
8
|
today: boolean | undefined;
|
|
9
9
|
outsideCurrentMonth: boolean | undefined;
|
|
10
|
-
disableMargin: boolean | undefined;
|
|
11
10
|
disableHighlightToday: boolean | undefined;
|
|
12
11
|
showDaysOutsideCurrentMonth: boolean | undefined;
|
|
13
12
|
}
|
|
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.usePickerDayOwnerState = usePickerDayOwnerState;
|
|
9
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
var _usePickerPrivateContext = require("
|
|
12
|
-
var _usePickerAdapter = require("
|
|
11
|
+
var _usePickerPrivateContext = require("./usePickerPrivateContext");
|
|
12
|
+
var _usePickerAdapter = require("../../hooks/usePickerAdapter");
|
|
13
13
|
function usePickerDayOwnerState(parameters) {
|
|
14
14
|
const {
|
|
15
15
|
disabled,
|
|
@@ -17,7 +17,6 @@ function usePickerDayOwnerState(parameters) {
|
|
|
17
17
|
today,
|
|
18
18
|
outsideCurrentMonth,
|
|
19
19
|
day,
|
|
20
|
-
disableMargin,
|
|
21
20
|
disableHighlightToday,
|
|
22
21
|
showDaysOutsideCurrentMonth
|
|
23
22
|
} = parameters;
|
|
@@ -33,8 +32,7 @@ function usePickerDayOwnerState(parameters) {
|
|
|
33
32
|
isDayOutsideMonth: outsideCurrentMonth ?? false,
|
|
34
33
|
isDayStartOfWeek: adapter.isSameDay(day, adapter.startOfWeek(day)),
|
|
35
34
|
isDayEndOfWeek: adapter.isSameDay(day, adapter.endOfWeek(day)),
|
|
36
|
-
disableMargin: disableMargin ?? false,
|
|
37
35
|
disableHighlightToday: disableHighlightToday ?? false,
|
|
38
36
|
showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth ?? false
|
|
39
|
-
}), [adapter, pickerOwnerState, day, selected, disabled, today, outsideCurrentMonth,
|
|
37
|
+
}), [adapter, pickerOwnerState, day, selected, disabled, today, outsideCurrentMonth, disableHighlightToday, showDaysOutsideCurrentMonth]);
|
|
40
38
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { usePickerPrivateContext } from "
|
|
4
|
-
import { usePickerAdapter } from "
|
|
3
|
+
import { usePickerPrivateContext } from "./usePickerPrivateContext.mjs";
|
|
4
|
+
import { usePickerAdapter } from "../../hooks/usePickerAdapter.mjs";
|
|
5
5
|
export function usePickerDayOwnerState(parameters) {
|
|
6
6
|
const {
|
|
7
7
|
disabled,
|
|
@@ -9,7 +9,6 @@ export function usePickerDayOwnerState(parameters) {
|
|
|
9
9
|
today,
|
|
10
10
|
outsideCurrentMonth,
|
|
11
11
|
day,
|
|
12
|
-
disableMargin,
|
|
13
12
|
disableHighlightToday,
|
|
14
13
|
showDaysOutsideCurrentMonth
|
|
15
14
|
} = parameters;
|
|
@@ -25,8 +24,7 @@ export function usePickerDayOwnerState(parameters) {
|
|
|
25
24
|
isDayOutsideMonth: outsideCurrentMonth ?? false,
|
|
26
25
|
isDayStartOfWeek: adapter.isSameDay(day, adapter.startOfWeek(day)),
|
|
27
26
|
isDayEndOfWeek: adapter.isSameDay(day, adapter.endOfWeek(day)),
|
|
28
|
-
disableMargin: disableMargin ?? false,
|
|
29
27
|
disableHighlightToday: disableHighlightToday ?? false,
|
|
30
28
|
showDaysOutsideCurrentMonth: showDaysOutsideCurrentMonth ?? false
|
|
31
|
-
}), [adapter, pickerOwnerState, day, selected, disabled, today, outsideCurrentMonth,
|
|
29
|
+
}), [adapter, pickerOwnerState, day, selected, disabled, today, outsideCurrentMonth, disableHighlightToday, showDaysOutsideCurrentMonth]);
|
|
32
30
|
}
|
package/internals/index.d.mts
CHANGED
|
@@ -23,10 +23,10 @@ export type { PickersToolbarTextClassKey, PickersToolbarTextClasses } from "./co
|
|
|
23
23
|
export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.mjs";
|
|
24
24
|
export type { PickersArrowSwitcherClassKey, PickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.mjs";
|
|
25
25
|
export { PickersToolbarButton } from "./components/PickersToolbarButton.mjs";
|
|
26
|
-
export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.mjs";
|
|
26
|
+
export { DAY_SIZE, DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.mjs";
|
|
27
27
|
export { useControlledValue } from "./hooks/useControlledValue.mjs";
|
|
28
28
|
export type { DesktopOnlyPickerProps } from "./hooks/useDesktopPicker/index.mjs";
|
|
29
|
-
export { useField, useFieldInternalPropsWithDefaults,
|
|
29
|
+
export { useField, useFieldInternalPropsWithDefaults, createDateStrForHiddenInputFromSections } from "./hooks/useField/index.mjs";
|
|
30
30
|
export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./hooks/useField/index.mjs";
|
|
31
31
|
export { useFieldOwnerState } from "./hooks/useFieldOwnerState.mjs";
|
|
32
32
|
export type { MobileOnlyPickerProps } from "./hooks/useMobilePicker/index.mjs";
|
|
@@ -44,7 +44,7 @@ export { useLocalizationContext } from "../hooks/usePickerAdapter.mjs";
|
|
|
44
44
|
export type { ExportedUseViewsOptions, UseViewsOptions } from "./hooks/useViews.mjs";
|
|
45
45
|
export { useViews } from "./hooks/useViews.mjs";
|
|
46
46
|
export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.mjs";
|
|
47
|
-
export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults,
|
|
47
|
+
export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults, PickerManagerError, PickerValueManager } from "./models/manager.mjs";
|
|
48
48
|
export type { RangePosition } from "./models/pickers.mjs";
|
|
49
49
|
export type { BaseSingleInputFieldProps, FieldRangeSection } from "./models/fields.mjs";
|
|
50
50
|
export type { BasePickerProps, BasePickerInputProps } from "./models/props/basePickerProps.mjs";
|
|
@@ -70,7 +70,7 @@ export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, Exported
|
|
|
70
70
|
export type { ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.mjs";
|
|
71
71
|
export { useCalendarState } from "../DateCalendar/useCalendarState.mjs";
|
|
72
72
|
export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.mjs";
|
|
73
|
-
export { usePickerDayOwnerState } from "
|
|
73
|
+
export { usePickerDayOwnerState } from "./hooks/usePickerDayOwnerState.mjs";
|
|
74
74
|
export { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.mjs";
|
|
75
75
|
export { useApplyDefaultValuesToTimeValidationProps } from "../managers/useTimeManager.mjs";
|
|
76
76
|
export { useApplyDefaultValuesToDateTimeValidationProps } from "../managers/useDateTimeManager.mjs";
|
package/internals/index.d.ts
CHANGED
|
@@ -23,10 +23,10 @@ export type { PickersToolbarTextClassKey, PickersToolbarTextClasses } from "./co
|
|
|
23
23
|
export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js";
|
|
24
24
|
export type { PickersArrowSwitcherClassKey, PickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js";
|
|
25
25
|
export { PickersToolbarButton } from "./components/PickersToolbarButton.js";
|
|
26
|
-
export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.js";
|
|
26
|
+
export { DAY_SIZE, DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.js";
|
|
27
27
|
export { useControlledValue } from "./hooks/useControlledValue.js";
|
|
28
28
|
export type { DesktopOnlyPickerProps } from "./hooks/useDesktopPicker/index.js";
|
|
29
|
-
export { useField, useFieldInternalPropsWithDefaults,
|
|
29
|
+
export { useField, useFieldInternalPropsWithDefaults, createDateStrForHiddenInputFromSections } from "./hooks/useField/index.js";
|
|
30
30
|
export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./hooks/useField/index.js";
|
|
31
31
|
export { useFieldOwnerState } from "./hooks/useFieldOwnerState.js";
|
|
32
32
|
export type { MobileOnlyPickerProps } from "./hooks/useMobilePicker/index.js";
|
|
@@ -44,7 +44,7 @@ export { useLocalizationContext } from "../hooks/usePickerAdapter.js";
|
|
|
44
44
|
export type { ExportedUseViewsOptions, UseViewsOptions } from "./hooks/useViews.js";
|
|
45
45
|
export { useViews } from "./hooks/useViews.js";
|
|
46
46
|
export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.js";
|
|
47
|
-
export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults,
|
|
47
|
+
export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults, PickerManagerError, PickerValueManager } from "./models/manager.js";
|
|
48
48
|
export type { RangePosition } from "./models/pickers.js";
|
|
49
49
|
export type { BaseSingleInputFieldProps, FieldRangeSection } from "./models/fields.js";
|
|
50
50
|
export type { BasePickerProps, BasePickerInputProps } from "./models/props/basePickerProps.js";
|
|
@@ -70,7 +70,7 @@ export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, Exported
|
|
|
70
70
|
export type { ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.js";
|
|
71
71
|
export { useCalendarState } from "../DateCalendar/useCalendarState.js";
|
|
72
72
|
export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.js";
|
|
73
|
-
export { usePickerDayOwnerState } from "
|
|
73
|
+
export { usePickerDayOwnerState } from "./hooks/usePickerDayOwnerState.js";
|
|
74
74
|
export { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.js";
|
|
75
75
|
export { useApplyDefaultValuesToTimeValidationProps } from "../managers/useTimeManager.js";
|
|
76
76
|
export { useApplyDefaultValuesToDateTimeValidationProps } from "../managers/useDateTimeManager.js";
|
package/internals/index.js
CHANGED
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "DAY_MARGIN", {
|
|
|
15
15
|
return _dimensions.DAY_MARGIN;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "DAY_SIZE", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _dimensions.DAY_SIZE;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
Object.defineProperty(exports, "DEFAULT_DESKTOP_MODE_MEDIA_QUERY", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function () {
|
|
@@ -141,16 +147,10 @@ Object.defineProperty(exports, "cleanFieldResponse", {
|
|
|
141
147
|
return _PickerFieldUI.cleanFieldResponse;
|
|
142
148
|
}
|
|
143
149
|
});
|
|
144
|
-
Object.defineProperty(exports, "
|
|
145
|
-
enumerable: true,
|
|
146
|
-
get: function () {
|
|
147
|
-
return _useField.createDateStrForV6InputFromSections;
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
Object.defineProperty(exports, "createDateStrForV7HiddenInputFromSections", {
|
|
150
|
+
Object.defineProperty(exports, "createDateStrForHiddenInputFromSections", {
|
|
151
151
|
enumerable: true,
|
|
152
152
|
get: function () {
|
|
153
|
-
return _useField.
|
|
153
|
+
return _useField.createDateStrForHiddenInputFromSections;
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
156
|
Object.defineProperty(exports, "createStepNavigation", {
|
|
@@ -474,7 +474,7 @@ var _isElementInteractive = require("./utils/isElementInteractive");
|
|
|
474
474
|
var _DayCalendar = require("../DateCalendar/DayCalendar");
|
|
475
475
|
var _useCalendarState = require("../DateCalendar/useCalendarState");
|
|
476
476
|
var _DateTimePickerToolbar = require("../DateTimePicker/DateTimePickerToolbar");
|
|
477
|
-
var _usePickerDayOwnerState = require("
|
|
477
|
+
var _usePickerDayOwnerState = require("./hooks/usePickerDayOwnerState");
|
|
478
478
|
var _useDateManager = require("../managers/useDateManager");
|
|
479
479
|
var _useTimeManager = require("../managers/useTimeManager");
|
|
480
480
|
var _useDateTimeManager = require("../managers/useDateTimeManager");
|
package/internals/index.mjs
CHANGED
|
@@ -11,9 +11,9 @@ export { PickersToolbarText } from "./components/PickersToolbarText.mjs";
|
|
|
11
11
|
export { pickersToolbarTextClasses } from "./components/pickersToolbarTextClasses.mjs";
|
|
12
12
|
export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.mjs";
|
|
13
13
|
export { PickersToolbarButton } from "./components/PickersToolbarButton.mjs";
|
|
14
|
-
export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.mjs";
|
|
14
|
+
export { DAY_SIZE, DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.mjs";
|
|
15
15
|
export { useControlledValue } from "./hooks/useControlledValue.mjs";
|
|
16
|
-
export { useField, useFieldInternalPropsWithDefaults,
|
|
16
|
+
export { useField, useFieldInternalPropsWithDefaults, createDateStrForHiddenInputFromSections } from "./hooks/useField/index.mjs";
|
|
17
17
|
export { useFieldOwnerState } from "./hooks/useFieldOwnerState.mjs";
|
|
18
18
|
export { useNullableFieldPrivateContext } from "./hooks/useNullableFieldPrivateContext.mjs";
|
|
19
19
|
export { useNullablePickerContext } from "./hooks/useNullablePickerContext.mjs";
|
|
@@ -37,7 +37,7 @@ export { isElementInteractive } from "./utils/isElementInteractive.mjs";
|
|
|
37
37
|
export { DayCalendar } from "../DateCalendar/DayCalendar.mjs";
|
|
38
38
|
export { useCalendarState } from "../DateCalendar/useCalendarState.mjs";
|
|
39
39
|
export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.mjs";
|
|
40
|
-
export { usePickerDayOwnerState } from "
|
|
40
|
+
export { usePickerDayOwnerState } from "./hooks/usePickerDayOwnerState.mjs";
|
|
41
41
|
export { useApplyDefaultValuesToDateValidationProps } from "../managers/useDateManager.mjs";
|
|
42
42
|
export { useApplyDefaultValuesToTimeValidationProps } from "../managers/useTimeManager.mjs";
|
|
43
43
|
export { useApplyDefaultValuesToDateTimeValidationProps } from "../managers/useDateTimeManager.mjs";
|
|
@@ -2,10 +2,9 @@ import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate
|
|
|
2
2
|
import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.mjs";
|
|
3
3
|
import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.mjs";
|
|
4
4
|
import type { UseFieldInternalProps } from "../hooks/useField/index.mjs";
|
|
5
|
-
export type PickerAnyManager = PickerManager<any, any, any, any
|
|
6
|
-
type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer
|
|
5
|
+
export type PickerAnyManager = PickerManager<any, any, any, any>;
|
|
6
|
+
type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
|
|
7
7
|
value: TValue;
|
|
8
|
-
enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
|
|
9
8
|
error: TError;
|
|
10
9
|
validationProps: TValidationProps;
|
|
11
10
|
fieldInternalProps: TFieldInternalProps;
|
|
@@ -14,8 +13,7 @@ export type PickerManagerValue<TManager extends PickerAnyManager> = PickerManage
|
|
|
14
13
|
export type PickerManagerError<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['error'];
|
|
15
14
|
export type PickerManagerFieldInternalProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['fieldInternalProps'];
|
|
16
15
|
export type PickerManagerValidationProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['validationProps'];
|
|
17
|
-
export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>,
|
|
18
|
-
export type PickerManagerEnableAccessibleFieldDOMStructure<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['enableAccessibleFieldDOMStructure'];
|
|
16
|
+
export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>, PickerManagerError<TManager>> & PickerManagerValidationProps<TManager>;
|
|
19
17
|
export interface PickerValueManager<TValue extends PickerValidValue, TError> {
|
|
20
18
|
/**
|
|
21
19
|
* Determines if two values are equal.
|
|
@@ -2,10 +2,9 @@ import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate
|
|
|
2
2
|
import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.js";
|
|
3
3
|
import { InferNonNullablePickerValue, PickerRangeValue, PickerValidValue } from "./value.js";
|
|
4
4
|
import type { UseFieldInternalProps } from "../hooks/useField/index.js";
|
|
5
|
-
export type PickerAnyManager = PickerManager<any, any, any, any
|
|
6
|
-
type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer
|
|
5
|
+
export type PickerAnyManager = PickerManager<any, any, any, any>;
|
|
6
|
+
type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
|
|
7
7
|
value: TValue;
|
|
8
|
-
enableAccessibleFieldDOMStructure: TEnableAccessibleFieldDOMStructure;
|
|
9
8
|
error: TError;
|
|
10
9
|
validationProps: TValidationProps;
|
|
11
10
|
fieldInternalProps: TFieldInternalProps;
|
|
@@ -14,8 +13,7 @@ export type PickerManagerValue<TManager extends PickerAnyManager> = PickerManage
|
|
|
14
13
|
export type PickerManagerError<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['error'];
|
|
15
14
|
export type PickerManagerFieldInternalProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['fieldInternalProps'];
|
|
16
15
|
export type PickerManagerValidationProps<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['validationProps'];
|
|
17
|
-
export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>,
|
|
18
|
-
export type PickerManagerEnableAccessibleFieldDOMStructure<TManager extends PickerAnyManager> = PickerManagerProperties<TManager>['enableAccessibleFieldDOMStructure'];
|
|
16
|
+
export type PickerManagerFieldInternalPropsWithDefaults<TManager extends PickerAnyManager> = UseFieldInternalProps<PickerManagerValue<TManager>, PickerManagerError<TManager>> & PickerManagerValidationProps<TManager>;
|
|
19
17
|
export interface PickerValueManager<TValue extends PickerValidValue, TError> {
|
|
20
18
|
/**
|
|
21
19
|
* Determines if two values are equal.
|
|
@@ -39,8 +39,7 @@ const singleItemValueManager = exports.singleItemValueManager = {
|
|
|
39
39
|
const singleItemFieldValueManager = exports.singleItemFieldValueManager = {
|
|
40
40
|
updateReferenceValue: (adapter, value, prevReferenceValue) => adapter.isValid(value) ? value : prevReferenceValue,
|
|
41
41
|
getSectionsFromValue: (date, getSectionsFromDate) => getSectionsFromDate(date),
|
|
42
|
-
|
|
43
|
-
getV6InputValueFromSections: _useField.createDateStrForV6InputFromSections,
|
|
42
|
+
getHiddenInputValueFromSections: _useField.createDateStrForHiddenInputFromSections,
|
|
44
43
|
parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
|
|
45
44
|
getDateFromSection: value => value,
|
|
46
45
|
getDateSectionsFromValue: sections => sections,
|
|
@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
const _excluded = ["value", "referenceDate"];
|
|
4
4
|
import { areDatesEqual, getTodayDate, replaceInvalidDateByNull } from "./date-utils.mjs";
|
|
5
5
|
import { getDefaultReferenceDate } from "./getDefaultReferenceDate.mjs";
|
|
6
|
-
import {
|
|
6
|
+
import { createDateStrForHiddenInputFromSections } from "../hooks/useField/useField.utils.mjs";
|
|
7
7
|
export const singleItemValueManager = {
|
|
8
8
|
emptyValue: null,
|
|
9
9
|
getTodayValue: getTodayDate,
|
|
@@ -32,8 +32,7 @@ export const singleItemValueManager = {
|
|
|
32
32
|
export const singleItemFieldValueManager = {
|
|
33
33
|
updateReferenceValue: (adapter, value, prevReferenceValue) => adapter.isValid(value) ? value : prevReferenceValue,
|
|
34
34
|
getSectionsFromValue: (date, getSectionsFromDate) => getSectionsFromDate(date),
|
|
35
|
-
|
|
36
|
-
getV6InputValueFromSections: createDateStrForV6InputFromSections,
|
|
35
|
+
getHiddenInputValueFromSections: createDateStrForHiddenInputFromSections,
|
|
37
36
|
parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
|
|
38
37
|
getDateFromSection: value => value,
|
|
39
38
|
getDateSectionsFromValue: sections => sections,
|
package/managers/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useDateManager } from "./useDateManager.mjs";
|
|
2
|
-
export type { UseDateManagerReturnValue,
|
|
2
|
+
export type { UseDateManagerReturnValue, DateManagerFieldInternalProps } from "./useDateManager.mjs";
|
|
3
3
|
export { useTimeManager } from "./useTimeManager.mjs";
|
|
4
4
|
export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from "./useTimeManager.mjs";
|
|
5
5
|
export { useDateTimeManager } from "./useDateTimeManager.mjs";
|
|
6
|
-
export type { UseDateTimeManagerReturnValue,
|
|
6
|
+
export type { UseDateTimeManagerReturnValue, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.mjs";
|
package/managers/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { useDateManager } from "./useDateManager.js";
|
|
2
|
-
export type { UseDateManagerReturnValue,
|
|
2
|
+
export type { UseDateManagerReturnValue, DateManagerFieldInternalProps } from "./useDateManager.js";
|
|
3
3
|
export { useTimeManager } from "./useTimeManager.js";
|
|
4
4
|
export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from "./useTimeManager.js";
|
|
5
5
|
export { useDateTimeManager } from "./useDateTimeManager.js";
|
|
6
|
-
export type { UseDateTimeManagerReturnValue,
|
|
6
|
+
export type { UseDateTimeManagerReturnValue, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.js";
|
|
@@ -3,12 +3,9 @@ import { PickerManager, DateValidationError } from "../models/index.mjs";
|
|
|
3
3
|
import { UseFieldInternalProps } from "../internals/hooks/useField/index.mjs";
|
|
4
4
|
import { ExportedValidateDateProps, ValidateDateProps } from "../validation/validateDate.mjs";
|
|
5
5
|
import { PickerValue } from "../internals/models/index.mjs";
|
|
6
|
-
export declare function useDateManager
|
|
6
|
+
export declare function useDateManager(): UseDateManagerReturnValue;
|
|
7
7
|
type SharedDateAndDateRangeValidationProps = 'disablePast' | 'disableFuture' | 'minDate' | 'maxDate';
|
|
8
8
|
export declare function useApplyDefaultValuesToDateValidationProps(props: Pick<ExportedValidateDateProps, SharedDateAndDateRangeValidationProps>): Pick<ValidateDateProps, SharedDateAndDateRangeValidationProps>;
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
export type UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
|
|
13
|
-
export interface DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps {}
|
|
9
|
+
export type UseDateManagerReturnValue = PickerManager<PickerValue, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps>;
|
|
10
|
+
export interface DateManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateValidationError>, 'format'>, ExportedValidateDateProps {}
|
|
14
11
|
export {};
|
|
@@ -3,12 +3,9 @@ import { PickerManager, DateValidationError } from "../models/index.js";
|
|
|
3
3
|
import { UseFieldInternalProps } from "../internals/hooks/useField/index.js";
|
|
4
4
|
import { ExportedValidateDateProps, ValidateDateProps } from "../validation/validateDate.js";
|
|
5
5
|
import { PickerValue } from "../internals/models/index.js";
|
|
6
|
-
export declare function useDateManager
|
|
6
|
+
export declare function useDateManager(): UseDateManagerReturnValue;
|
|
7
7
|
type SharedDateAndDateRangeValidationProps = 'disablePast' | 'disableFuture' | 'minDate' | 'maxDate';
|
|
8
8
|
export declare function useApplyDefaultValuesToDateValidationProps(props: Pick<ExportedValidateDateProps, SharedDateAndDateRangeValidationProps>): Pick<ValidateDateProps, SharedDateAndDateRangeValidationProps>;
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
export type UseDateManagerReturnValue<TEnableAccessibleFieldDOMStructure extends boolean> = PickerManager<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure>>;
|
|
13
|
-
export interface DateManagerFieldInternalProps<TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<PickerValue, TEnableAccessibleFieldDOMStructure, DateValidationError>, 'format'>, ExportedValidateDateProps {}
|
|
9
|
+
export type UseDateManagerReturnValue = PickerManager<PickerValue, DateValidationError, ValidateDateProps, DateManagerFieldInternalProps>;
|
|
10
|
+
export interface DateManagerFieldInternalProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateValidationError>, 'format'>, ExportedValidateDateProps {}
|
|
14
11
|
export {};
|