@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
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { useField } from "../internals/hooks/useField/index.mjs";
|
|
4
4
|
import { useDateManager } from "../managers/index.mjs";
|
|
5
5
|
export const useDateField = props => {
|
|
6
|
-
const manager = useDateManager(
|
|
6
|
+
const manager = useDateManager();
|
|
7
7
|
return useField({
|
|
8
8
|
manager,
|
|
9
9
|
props
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DatePickerProps } from "./DatePicker.types.mjs";
|
|
3
|
-
type DatePickerComponent = (
|
|
3
|
+
type DatePickerComponent = ((props: DatePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DatePickerProps } from "./DatePicker.types.js";
|
|
3
|
-
type DatePickerComponent = (
|
|
3
|
+
type DatePickerComponent = ((props: DatePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
package/DatePicker/DatePicker.js
CHANGED
|
@@ -101,7 +101,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
101
101
|
*/
|
|
102
102
|
disableFuture: _propTypes.default.bool,
|
|
103
103
|
/**
|
|
104
|
-
* If `true`, today's
|
|
104
|
+
* If `true`, today's day is not highlighted.
|
|
105
105
|
* @default false
|
|
106
106
|
*/
|
|
107
107
|
disableHighlightToday: _propTypes.default.bool,
|
|
@@ -120,10 +120,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
120
120
|
* If `true`, the week number will be display in the calendar.
|
|
121
121
|
*/
|
|
122
122
|
displayWeekNumber: _propTypes.default.bool,
|
|
123
|
-
/**
|
|
124
|
-
* @default true
|
|
125
|
-
*/
|
|
126
|
-
enableAccessibleFieldDOMStructure: _propTypes.default.any,
|
|
127
123
|
/**
|
|
128
124
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
129
125
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -94,7 +94,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
94
94
|
*/
|
|
95
95
|
disableFuture: PropTypes.bool,
|
|
96
96
|
/**
|
|
97
|
-
* If `true`, today's
|
|
97
|
+
* If `true`, today's day is not highlighted.
|
|
98
98
|
* @default false
|
|
99
99
|
*/
|
|
100
100
|
disableHighlightToday: PropTypes.bool,
|
|
@@ -113,10 +113,6 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
|
|
|
113
113
|
* If `true`, the week number will be display in the calendar.
|
|
114
114
|
*/
|
|
115
115
|
displayWeekNumber: PropTypes.bool,
|
|
116
|
-
/**
|
|
117
|
-
* @default true
|
|
118
|
-
*/
|
|
119
|
-
enableAccessibleFieldDOMStructure: PropTypes.any,
|
|
120
116
|
/**
|
|
121
117
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
122
118
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -3,8 +3,8 @@ import { BaseSingleInputFieldProps } from "../internals/models/index.mjs";
|
|
|
3
3
|
import { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "../MobileDatePicker/index.mjs";
|
|
4
4
|
import { ValidateDateProps } from "../validation/validateDate.mjs";
|
|
5
5
|
export interface DatePickerSlots extends DesktopDatePickerSlots, MobileDatePickerSlots {}
|
|
6
|
-
export interface DatePickerSlotProps
|
|
7
|
-
export interface DatePickerProps
|
|
6
|
+
export interface DatePickerSlotProps extends DesktopDatePickerSlotProps, MobileDatePickerSlotProps {}
|
|
7
|
+
export interface DatePickerProps extends DesktopDatePickerProps, MobileDatePickerProps {
|
|
8
8
|
/**
|
|
9
9
|
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
10
10
|
* @default '@media (pointer: fine)'
|
|
@@ -20,7 +20,7 @@ export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends bool
|
|
|
20
20
|
* The props used for each component slot.
|
|
21
21
|
* @default {}
|
|
22
22
|
*/
|
|
23
|
-
slotProps?: DatePickerSlotProps
|
|
23
|
+
slotProps?: DatePickerSlotProps;
|
|
24
24
|
/**
|
|
25
25
|
* Years rendered per row.
|
|
26
26
|
* @default 4 on desktop, 3 on mobile
|
|
@@ -3,8 +3,8 @@ import { BaseSingleInputFieldProps } from "../internals/models/index.js";
|
|
|
3
3
|
import { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "../MobileDatePicker/index.js";
|
|
4
4
|
import { ValidateDateProps } from "../validation/validateDate.js";
|
|
5
5
|
export interface DatePickerSlots extends DesktopDatePickerSlots, MobileDatePickerSlots {}
|
|
6
|
-
export interface DatePickerSlotProps
|
|
7
|
-
export interface DatePickerProps
|
|
6
|
+
export interface DatePickerSlotProps extends DesktopDatePickerSlotProps, MobileDatePickerSlotProps {}
|
|
7
|
+
export interface DatePickerProps extends DesktopDatePickerProps, MobileDatePickerProps {
|
|
8
8
|
/**
|
|
9
9
|
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
10
10
|
* @default '@media (pointer: fine)'
|
|
@@ -20,7 +20,7 @@ export interface DatePickerProps<TEnableAccessibleFieldDOMStructure extends bool
|
|
|
20
20
|
* The props used for each component slot.
|
|
21
21
|
* @default {}
|
|
22
22
|
*/
|
|
23
|
-
slotProps?: DatePickerSlotProps
|
|
23
|
+
slotProps?: DatePickerSlotProps;
|
|
24
24
|
/**
|
|
25
25
|
* Years rendered per row.
|
|
26
26
|
* @default 4 on desktop, 3 on mobile
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateTimeFieldProps } from "./DateTimeField.types.mjs";
|
|
3
|
-
type DateTimeFieldComponent = (
|
|
3
|
+
type DateTimeFieldComponent = ((props: DateTimeFieldProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateTimeFieldProps } from "./DateTimeField.types.js";
|
|
3
|
-
type DateTimeFieldComponent = (
|
|
3
|
+
type DateTimeFieldComponent = ((props: DateTimeFieldProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -64,6 +64,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
64
64
|
* @default adapter.is12HourCycleInCurrentLocale()
|
|
65
65
|
*/
|
|
66
66
|
ampm: _propTypes.default.bool,
|
|
67
|
+
/**
|
|
68
|
+
* Is `true` if the current values equals the empty value.
|
|
69
|
+
* For a single item value, it means that `value === null`
|
|
70
|
+
* For a range value, it means that `value === [null, null]`
|
|
71
|
+
*/
|
|
72
|
+
areAllSectionsEmpty: _propTypes.default.bool,
|
|
67
73
|
/**
|
|
68
74
|
* If `true`, the `input` element is focused during the first mount.
|
|
69
75
|
* @default false
|
|
@@ -115,9 +121,14 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
115
121
|
*/
|
|
116
122
|
disablePast: _propTypes.default.bool,
|
|
117
123
|
/**
|
|
118
|
-
*
|
|
124
|
+
* End `InputAdornment` for this component.
|
|
125
|
+
*/
|
|
126
|
+
endAdornment: _propTypes.default.node,
|
|
127
|
+
/**
|
|
128
|
+
* If `true`, the `input` will indicate an error.
|
|
129
|
+
* @default false
|
|
119
130
|
*/
|
|
120
|
-
|
|
131
|
+
error: _propTypes.default.bool,
|
|
121
132
|
/**
|
|
122
133
|
* The ref object used to imperatively interact with the field.
|
|
123
134
|
*/
|
|
@@ -136,11 +147,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
136
147
|
* @default "dense"
|
|
137
148
|
*/
|
|
138
149
|
formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
|
|
139
|
-
/**
|
|
140
|
-
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
141
|
-
* @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
142
|
-
*/
|
|
143
|
-
FormHelperTextProps: _propTypes.default.object,
|
|
144
150
|
/**
|
|
145
151
|
* If `true`, the input will take up the full width of its container.
|
|
146
152
|
* @default false
|
|
@@ -159,28 +165,8 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
159
165
|
hiddenLabel: _propTypes.default.bool,
|
|
160
166
|
/**
|
|
161
167
|
* The id of the `input` element.
|
|
162
|
-
* Use this prop to make `label` and `helperText` accessible for screen readers.
|
|
163
168
|
*/
|
|
164
169
|
id: _propTypes.default.string,
|
|
165
|
-
/**
|
|
166
|
-
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
167
|
-
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
168
|
-
* @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
169
|
-
*/
|
|
170
|
-
InputLabelProps: _propTypes.default.object,
|
|
171
|
-
/**
|
|
172
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
173
|
-
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
174
|
-
*/
|
|
175
|
-
inputProps: _propTypes.default.object,
|
|
176
|
-
/**
|
|
177
|
-
* Props applied to the Input element.
|
|
178
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
179
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
180
|
-
* component depending on the `variant` prop value.
|
|
181
|
-
* @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
182
|
-
*/
|
|
183
|
-
InputProps: _propTypes.default.object,
|
|
184
170
|
/**
|
|
185
171
|
* Pass a ref to the `input` element.
|
|
186
172
|
*/
|
|
@@ -244,6 +230,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
244
230
|
* Callback fired when the clear button is clicked.
|
|
245
231
|
*/
|
|
246
232
|
onClear: _propTypes.default.func,
|
|
233
|
+
onClick: _propTypes.default.func,
|
|
247
234
|
/**
|
|
248
235
|
* Callback fired when the error associated with the current value changes.
|
|
249
236
|
* When a validation error is detected, the `error` parameter contains a non-null value.
|
|
@@ -255,6 +242,9 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
255
242
|
*/
|
|
256
243
|
onError: _propTypes.default.func,
|
|
257
244
|
onFocus: _propTypes.default.func,
|
|
245
|
+
onInput: _propTypes.default.func,
|
|
246
|
+
onKeyDown: _propTypes.default.func,
|
|
247
|
+
onPaste: _propTypes.default.func,
|
|
258
248
|
/**
|
|
259
249
|
* Callback fired when the selected sections change.
|
|
260
250
|
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
@@ -279,7 +269,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
279
269
|
*/
|
|
280
270
|
referenceDate: _propTypes.default.object,
|
|
281
271
|
/**
|
|
282
|
-
* If `true`, the label
|
|
272
|
+
* If `true`, the label will indicate that the `input` is required.
|
|
283
273
|
* @default false
|
|
284
274
|
*/
|
|
285
275
|
required: _propTypes.default.bool,
|
|
@@ -351,6 +341,10 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
351
341
|
* @default {}
|
|
352
342
|
*/
|
|
353
343
|
slots: _propTypes.default.object,
|
|
344
|
+
/**
|
|
345
|
+
* Start `InputAdornment` for this component.
|
|
346
|
+
*/
|
|
347
|
+
startAdornment: _propTypes.default.node,
|
|
354
348
|
style: _propTypes.default.object,
|
|
355
349
|
/**
|
|
356
350
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
@@ -57,6 +57,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
57
57
|
* @default adapter.is12HourCycleInCurrentLocale()
|
|
58
58
|
*/
|
|
59
59
|
ampm: PropTypes.bool,
|
|
60
|
+
/**
|
|
61
|
+
* Is `true` if the current values equals the empty value.
|
|
62
|
+
* For a single item value, it means that `value === null`
|
|
63
|
+
* For a range value, it means that `value === [null, null]`
|
|
64
|
+
*/
|
|
65
|
+
areAllSectionsEmpty: PropTypes.bool,
|
|
60
66
|
/**
|
|
61
67
|
* If `true`, the `input` element is focused during the first mount.
|
|
62
68
|
* @default false
|
|
@@ -108,9 +114,14 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
108
114
|
*/
|
|
109
115
|
disablePast: PropTypes.bool,
|
|
110
116
|
/**
|
|
111
|
-
*
|
|
117
|
+
* End `InputAdornment` for this component.
|
|
118
|
+
*/
|
|
119
|
+
endAdornment: PropTypes.node,
|
|
120
|
+
/**
|
|
121
|
+
* If `true`, the `input` will indicate an error.
|
|
122
|
+
* @default false
|
|
112
123
|
*/
|
|
113
|
-
|
|
124
|
+
error: PropTypes.bool,
|
|
114
125
|
/**
|
|
115
126
|
* The ref object used to imperatively interact with the field.
|
|
116
127
|
*/
|
|
@@ -129,11 +140,6 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
129
140
|
* @default "dense"
|
|
130
141
|
*/
|
|
131
142
|
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
132
|
-
/**
|
|
133
|
-
* Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
|
|
134
|
-
* @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
135
|
-
*/
|
|
136
|
-
FormHelperTextProps: PropTypes.object,
|
|
137
143
|
/**
|
|
138
144
|
* If `true`, the input will take up the full width of its container.
|
|
139
145
|
* @default false
|
|
@@ -152,28 +158,8 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
152
158
|
hiddenLabel: PropTypes.bool,
|
|
153
159
|
/**
|
|
154
160
|
* The id of the `input` element.
|
|
155
|
-
* Use this prop to make `label` and `helperText` accessible for screen readers.
|
|
156
161
|
*/
|
|
157
162
|
id: PropTypes.string,
|
|
158
|
-
/**
|
|
159
|
-
* Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
|
|
160
|
-
* Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
|
|
161
|
-
* @deprecated Use `slotProps.inputLabel` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
162
|
-
*/
|
|
163
|
-
InputLabelProps: PropTypes.object,
|
|
164
|
-
/**
|
|
165
|
-
* [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
|
|
166
|
-
* @deprecated Use `slotProps.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
167
|
-
*/
|
|
168
|
-
inputProps: PropTypes.object,
|
|
169
|
-
/**
|
|
170
|
-
* Props applied to the Input element.
|
|
171
|
-
* It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
|
|
172
|
-
* [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
|
|
173
|
-
* component depending on the `variant` prop value.
|
|
174
|
-
* @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
|
|
175
|
-
*/
|
|
176
|
-
InputProps: PropTypes.object,
|
|
177
163
|
/**
|
|
178
164
|
* Pass a ref to the `input` element.
|
|
179
165
|
*/
|
|
@@ -237,6 +223,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
237
223
|
* Callback fired when the clear button is clicked.
|
|
238
224
|
*/
|
|
239
225
|
onClear: PropTypes.func,
|
|
226
|
+
onClick: PropTypes.func,
|
|
240
227
|
/**
|
|
241
228
|
* Callback fired when the error associated with the current value changes.
|
|
242
229
|
* When a validation error is detected, the `error` parameter contains a non-null value.
|
|
@@ -248,6 +235,9 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
248
235
|
*/
|
|
249
236
|
onError: PropTypes.func,
|
|
250
237
|
onFocus: PropTypes.func,
|
|
238
|
+
onInput: PropTypes.func,
|
|
239
|
+
onKeyDown: PropTypes.func,
|
|
240
|
+
onPaste: PropTypes.func,
|
|
251
241
|
/**
|
|
252
242
|
* Callback fired when the selected sections change.
|
|
253
243
|
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
@@ -272,7 +262,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
272
262
|
*/
|
|
273
263
|
referenceDate: PropTypes.object,
|
|
274
264
|
/**
|
|
275
|
-
* If `true`, the label
|
|
265
|
+
* If `true`, the label will indicate that the `input` is required.
|
|
276
266
|
* @default false
|
|
277
267
|
*/
|
|
278
268
|
required: PropTypes.bool,
|
|
@@ -344,6 +334,10 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
|
|
|
344
334
|
* @default {}
|
|
345
335
|
*/
|
|
346
336
|
slots: PropTypes.object,
|
|
337
|
+
/**
|
|
338
|
+
* Start `InputAdornment` for this component.
|
|
339
|
+
*/
|
|
340
|
+
startAdornment: PropTypes.node,
|
|
347
341
|
style: PropTypes.object,
|
|
348
342
|
/**
|
|
349
343
|
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
@@ -5,8 +5,8 @@ import { ExportedValidateDateTimeProps } from "../validation/validateDateTime.mj
|
|
|
5
5
|
import { AmPmProps } from "../internals/models/props/time.mjs";
|
|
6
6
|
import { PickerValue } from "../internals/models/index.mjs";
|
|
7
7
|
import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.mjs";
|
|
8
|
-
export interface UseDateTimeFieldProps
|
|
9
|
-
export type DateTimeFieldProps
|
|
8
|
+
export interface UseDateTimeFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
|
|
9
|
+
export type DateTimeFieldProps = UseDateTimeFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseDateTimeFieldProps> & {
|
|
10
10
|
/**
|
|
11
11
|
* Overridable component slots.
|
|
12
12
|
* @default {}
|
|
@@ -5,8 +5,8 @@ import { ExportedValidateDateTimeProps } from "../validation/validateDateTime.js
|
|
|
5
5
|
import { AmPmProps } from "../internals/models/props/time.js";
|
|
6
6
|
import { PickerValue } from "../internals/models/index.js";
|
|
7
7
|
import { ExportedPickerFieldUIProps, PickerFieldUISlotProps, PickerFieldUISlots } from "../internals/components/PickerFieldUI.js";
|
|
8
|
-
export interface UseDateTimeFieldProps
|
|
9
|
-
export type DateTimeFieldProps
|
|
8
|
+
export interface UseDateTimeFieldProps extends MakeOptional<UseFieldInternalProps<PickerValue, DateTimeValidationError>, 'format'>, ExportedValidateDateTimeProps, ExportedPickerFieldUIProps, AmPmProps {}
|
|
9
|
+
export type DateTimeFieldProps = UseDateTimeFieldProps & Omit<BuiltInFieldTextFieldProps, keyof UseDateTimeFieldProps> & {
|
|
10
10
|
/**
|
|
11
11
|
* Overridable component slots.
|
|
12
12
|
* @default {}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { UseDateTimeFieldProps } from "./DateTimeField.types.mjs";
|
|
2
|
-
export declare const useDateTimeField: <
|
|
2
|
+
export declare const useDateTimeField: <TProps extends UseDateTimeFieldProps>(props: TProps) => import("../internals/index.mjs").UseFieldReturnValue<TProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { UseDateTimeFieldProps } from "./DateTimeField.types.js";
|
|
2
|
-
export declare const useDateTimeField: <
|
|
2
|
+
export declare const useDateTimeField: <TProps extends UseDateTimeFieldProps>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TProps>;
|
|
@@ -8,7 +8,7 @@ exports.useDateTimeField = void 0;
|
|
|
8
8
|
var _useField = require("../internals/hooks/useField");
|
|
9
9
|
var _managers = require("../managers");
|
|
10
10
|
const useDateTimeField = props => {
|
|
11
|
-
const manager = (0, _managers.useDateTimeManager)(
|
|
11
|
+
const manager = (0, _managers.useDateTimeManager)();
|
|
12
12
|
return (0, _useField.useField)({
|
|
13
13
|
manager,
|
|
14
14
|
props
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { useField } from "../internals/hooks/useField/index.mjs";
|
|
4
4
|
import { useDateTimeManager } from "../managers/index.mjs";
|
|
5
5
|
export const useDateTimeField = props => {
|
|
6
|
-
const manager = useDateTimeManager(
|
|
6
|
+
const manager = useDateTimeManager();
|
|
7
7
|
return useField({
|
|
8
8
|
manager,
|
|
9
9
|
props
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateTimePickerProps } from "./DateTimePicker.types.mjs";
|
|
3
|
-
type DateTimePickerComponent = (
|
|
3
|
+
type DateTimePickerComponent = ((props: DateTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateTimePickerProps } from "./DateTimePicker.types.js";
|
|
3
|
-
type DateTimePickerComponent = (
|
|
3
|
+
type DateTimePickerComponent = ((props: DateTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -111,7 +111,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
111
111
|
*/
|
|
112
112
|
disableFuture: _propTypes.default.bool,
|
|
113
113
|
/**
|
|
114
|
-
* If `true`, today's
|
|
114
|
+
* If `true`, today's day is not highlighted.
|
|
115
115
|
* @default false
|
|
116
116
|
*/
|
|
117
117
|
disableHighlightToday: _propTypes.default.bool,
|
|
@@ -135,10 +135,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
135
135
|
* If `true`, the week number will be display in the calendar.
|
|
136
136
|
*/
|
|
137
137
|
displayWeekNumber: _propTypes.default.bool,
|
|
138
|
-
/**
|
|
139
|
-
* @default true
|
|
140
|
-
*/
|
|
141
|
-
enableAccessibleFieldDOMStructure: _propTypes.default.any,
|
|
142
138
|
/**
|
|
143
139
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
144
140
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -104,7 +104,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
104
104
|
*/
|
|
105
105
|
disableFuture: PropTypes.bool,
|
|
106
106
|
/**
|
|
107
|
-
* If `true`, today's
|
|
107
|
+
* If `true`, today's day is not highlighted.
|
|
108
108
|
* @default false
|
|
109
109
|
*/
|
|
110
110
|
disableHighlightToday: PropTypes.bool,
|
|
@@ -128,10 +128,6 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
|
|
|
128
128
|
* If `true`, the week number will be display in the calendar.
|
|
129
129
|
*/
|
|
130
130
|
displayWeekNumber: PropTypes.bool,
|
|
131
|
-
/**
|
|
132
|
-
* @default true
|
|
133
|
-
*/
|
|
134
|
-
enableAccessibleFieldDOMStructure: PropTypes.any,
|
|
135
131
|
/**
|
|
136
132
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
137
133
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -4,8 +4,8 @@ import { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePic
|
|
|
4
4
|
import { ValidateDateTimeProps } from "../validation/index.mjs";
|
|
5
5
|
import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.mjs";
|
|
6
6
|
export interface DateTimePickerSlots extends DesktopDateTimePickerSlots, MobileDateTimePickerSlots {}
|
|
7
|
-
export interface DateTimePickerSlotProps
|
|
8
|
-
export interface DateTimePickerProps
|
|
7
|
+
export interface DateTimePickerSlotProps extends DesktopDateTimePickerSlotProps, MobileDateTimePickerSlotProps {}
|
|
8
|
+
export interface DateTimePickerProps extends DesktopDateTimePickerProps, ExportedYearCalendarProps, Omit<MobileDateTimePickerProps, 'views'> {
|
|
9
9
|
/**
|
|
10
10
|
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
11
11
|
* @default '@media (pointer: fine)'
|
|
@@ -21,7 +21,7 @@ export interface DateTimePickerProps<TEnableAccessibleFieldDOMStructure extends
|
|
|
21
21
|
* The props used for each component slot.
|
|
22
22
|
* @default {}
|
|
23
23
|
*/
|
|
24
|
-
slotProps?: DateTimePickerSlotProps
|
|
24
|
+
slotProps?: DateTimePickerSlotProps;
|
|
25
25
|
/**
|
|
26
26
|
* Years rendered per row.
|
|
27
27
|
* @default 4 on desktop, 3 on mobile
|
|
@@ -4,8 +4,8 @@ import { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePic
|
|
|
4
4
|
import { ValidateDateTimeProps } from "../validation/index.js";
|
|
5
5
|
import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.js";
|
|
6
6
|
export interface DateTimePickerSlots extends DesktopDateTimePickerSlots, MobileDateTimePickerSlots {}
|
|
7
|
-
export interface DateTimePickerSlotProps
|
|
8
|
-
export interface DateTimePickerProps
|
|
7
|
+
export interface DateTimePickerSlotProps extends DesktopDateTimePickerSlotProps, MobileDateTimePickerSlotProps {}
|
|
8
|
+
export interface DateTimePickerProps extends DesktopDateTimePickerProps, ExportedYearCalendarProps, Omit<MobileDateTimePickerProps, 'views'> {
|
|
9
9
|
/**
|
|
10
10
|
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
11
11
|
* @default '@media (pointer: fine)'
|
|
@@ -21,7 +21,7 @@ export interface DateTimePickerProps<TEnableAccessibleFieldDOMStructure extends
|
|
|
21
21
|
* The props used for each component slot.
|
|
22
22
|
* @default {}
|
|
23
23
|
*/
|
|
24
|
-
slotProps?: DateTimePickerSlotProps
|
|
24
|
+
slotProps?: DateTimePickerSlotProps;
|
|
25
25
|
/**
|
|
26
26
|
* Years rendered per row.
|
|
27
27
|
* @default 4 on desktop, 3 on mobile
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DesktopDatePickerProps } from "./DesktopDatePicker.types.mjs";
|
|
3
|
-
type DesktopDatePickerComponent = (
|
|
3
|
+
type DesktopDatePickerComponent = ((props: DesktopDatePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DesktopDatePickerProps } from "./DesktopDatePicker.types.js";
|
|
3
|
-
type DesktopDatePickerComponent = (
|
|
3
|
+
type DesktopDatePickerComponent = ((props: DesktopDatePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -112,7 +112,7 @@ DesktopDatePicker.propTypes = {
|
|
|
112
112
|
*/
|
|
113
113
|
disableFuture: _propTypes.default.bool,
|
|
114
114
|
/**
|
|
115
|
-
* If `true`, today's
|
|
115
|
+
* If `true`, today's day is not highlighted.
|
|
116
116
|
* @default false
|
|
117
117
|
*/
|
|
118
118
|
disableHighlightToday: _propTypes.default.bool,
|
|
@@ -131,10 +131,6 @@ DesktopDatePicker.propTypes = {
|
|
|
131
131
|
* If `true`, the week number will be display in the calendar.
|
|
132
132
|
*/
|
|
133
133
|
displayWeekNumber: _propTypes.default.bool,
|
|
134
|
-
/**
|
|
135
|
-
* @default true
|
|
136
|
-
*/
|
|
137
|
-
enableAccessibleFieldDOMStructure: _propTypes.default.any,
|
|
138
134
|
/**
|
|
139
135
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
140
136
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -105,7 +105,7 @@ DesktopDatePicker.propTypes = {
|
|
|
105
105
|
*/
|
|
106
106
|
disableFuture: PropTypes.bool,
|
|
107
107
|
/**
|
|
108
|
-
* If `true`, today's
|
|
108
|
+
* If `true`, today's day is not highlighted.
|
|
109
109
|
* @default false
|
|
110
110
|
*/
|
|
111
111
|
disableHighlightToday: PropTypes.bool,
|
|
@@ -124,10 +124,6 @@ DesktopDatePicker.propTypes = {
|
|
|
124
124
|
* If `true`, the week number will be display in the calendar.
|
|
125
125
|
*/
|
|
126
126
|
displayWeekNumber: PropTypes.bool,
|
|
127
|
-
/**
|
|
128
|
-
* @default true
|
|
129
|
-
*/
|
|
130
|
-
enableAccessibleFieldDOMStructure: PropTypes.any,
|
|
131
127
|
/**
|
|
132
128
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
133
129
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -3,8 +3,8 @@ import { UseDesktopPickerSlots, ExportedUseDesktopPickerSlotProps, DesktopOnlyPi
|
|
|
3
3
|
import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.mjs";
|
|
4
4
|
import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.mjs";
|
|
5
5
|
export interface DesktopDatePickerSlots extends BaseDatePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'> {}
|
|
6
|
-
export interface DesktopDatePickerSlotProps
|
|
7
|
-
export interface DesktopDatePickerProps
|
|
6
|
+
export interface DesktopDatePickerSlotProps extends BaseDatePickerSlotProps, ExportedUseDesktopPickerSlotProps {}
|
|
7
|
+
export interface DesktopDatePickerProps extends BaseDatePickerProps, DesktopOnlyPickerProps, ExportedYearCalendarProps {
|
|
8
8
|
/**
|
|
9
9
|
* Overridable component slots.
|
|
10
10
|
* @default {}
|
|
@@ -14,7 +14,7 @@ export interface DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure exten
|
|
|
14
14
|
* The props used for each component slot.
|
|
15
15
|
* @default {}
|
|
16
16
|
*/
|
|
17
|
-
slotProps?: DesktopDatePickerSlotProps
|
|
17
|
+
slotProps?: DesktopDatePickerSlotProps;
|
|
18
18
|
/**
|
|
19
19
|
* Years rendered per row.
|
|
20
20
|
* @default 4
|
|
@@ -3,8 +3,8 @@ import { UseDesktopPickerSlots, ExportedUseDesktopPickerSlotProps, DesktopOnlyPi
|
|
|
3
3
|
import { BaseDatePickerProps, BaseDatePickerSlots, BaseDatePickerSlotProps } from "../DatePicker/shared.js";
|
|
4
4
|
import { ExportedYearCalendarProps } from "../YearCalendar/YearCalendar.types.js";
|
|
5
5
|
export interface DesktopDatePickerSlots extends BaseDatePickerSlots, MakeOptional<UseDesktopPickerSlots, 'field' | 'openPickerIcon'> {}
|
|
6
|
-
export interface DesktopDatePickerSlotProps
|
|
7
|
-
export interface DesktopDatePickerProps
|
|
6
|
+
export interface DesktopDatePickerSlotProps extends BaseDatePickerSlotProps, ExportedUseDesktopPickerSlotProps {}
|
|
7
|
+
export interface DesktopDatePickerProps extends BaseDatePickerProps, DesktopOnlyPickerProps, ExportedYearCalendarProps {
|
|
8
8
|
/**
|
|
9
9
|
* Overridable component slots.
|
|
10
10
|
* @default {}
|
|
@@ -14,7 +14,7 @@ export interface DesktopDatePickerProps<TEnableAccessibleFieldDOMStructure exten
|
|
|
14
14
|
* The props used for each component slot.
|
|
15
15
|
* @default {}
|
|
16
16
|
*/
|
|
17
|
-
slotProps?: DesktopDatePickerSlotProps
|
|
17
|
+
slotProps?: DesktopDatePickerSlotProps;
|
|
18
18
|
/**
|
|
19
19
|
* Years rendered per row.
|
|
20
20
|
* @default 4
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DesktopDateTimePickerProps } from "./DesktopDateTimePicker.types.mjs";
|
|
3
|
-
type DesktopDateTimePickerComponent = (
|
|
3
|
+
type DesktopDateTimePickerComponent = ((props: DesktopDateTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DesktopDateTimePickerProps } from "./DesktopDateTimePicker.types.js";
|
|
3
|
-
type DesktopDateTimePickerComponent = (
|
|
3
|
+
type DesktopDateTimePickerComponent = ((props: DesktopDateTimePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|