@pisell/date-picker 1.0.143 → 1.0.144
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/README.md +2 -2
- package/es/ActionBar/index.d.ts +19 -20
- package/es/ActionBar/index.less +70 -70
- package/es/AdapterDateFns/index.d.ts +1 -1
- package/es/AdapterDateFnsJalali/index.d.ts +1 -1
- package/es/AdapterDayjs/index.d.ts +1 -1
- package/es/AdapterLuxon/index.d.ts +1 -1
- package/es/AdapterMoment/index.d.ts +1 -1
- package/es/AdapterMomentHijri/index.d.ts +1 -1
- package/es/AdapterMomentJalaali/index.d.ts +1 -1
- package/es/CustomCalendarHeader/index.d.ts +2 -3
- package/es/DatePickerLocales/index.d.ts +1 -1
- package/es/DateRangeCalendar/DateRangeCalendar.d.ts +7 -7
- package/es/DateRangeCalendar/DateRangeCalendar.js +122 -122
- package/es/DateRangeCalendar/DateRangeCalendar.types.d.ts +123 -123
- package/es/DateRangeCalendar/dateRangeCalendarClasses.d.ts +11 -11
- package/es/DateRangeCalendar/index.d.ts +4 -4
- package/es/DateRangeCalendar/useDragRange.d.ts +33 -33
- package/es/DateRangePicker/DateRangePicker.d.ts +7 -7
- package/es/DateRangePicker/DateRangePicker.js +184 -184
- package/es/DateRangePicker/DateRangePicker.types.d.ts +37 -37
- package/es/DateRangePicker/DateRangePickerToolbar.d.ts +12 -12
- package/es/DateRangePicker/DateRangePickerToolbar.js +10 -10
- package/es/DateRangePicker/dateRangePickerToolbarClasses.d.ts +9 -9
- package/es/DateRangePicker/index.d.ts +6 -6
- package/es/DateRangePicker/shared.d.ts +51 -51
- package/es/DateRangePickerDay/DateRangePickerDay.d.ts +50 -50
- package/es/DateRangePickerDay/DateRangePickerDay.js +96 -96
- package/es/DateRangePickerDay/dateRangePickerDayClasses.d.ts +41 -41
- package/es/DateRangePickerDay/index.d.ts +4 -4
- package/es/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +7 -7
- package/es/DesktopDateRangePicker/DesktopDateRangePicker.js +180 -180
- package/es/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +36 -36
- package/es/DesktopDateRangePicker/index.d.ts +2 -2
- package/es/Dialog/index.d.ts +2 -3
- package/es/Drawer/index.d.ts +11 -11
- package/es/Drawer/index.less +39 -39
- package/es/MobileDateRangePicker/MobileDateRangePicker.d.ts +7 -7
- package/es/MobileDateRangePicker/MobileDateRangePicker.js +180 -180
- package/es/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +36 -36
- package/es/MobileDateRangePicker/index.d.ts +2 -2
- package/es/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +7 -7
- package/es/MultiInputDateRangeField/MultiInputDateRangeField.js +113 -113
- package/es/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +69 -69
- package/es/MultiInputDateRangeField/index.d.ts +3 -3
- package/es/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +7 -7
- package/es/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +144 -144
- package/es/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +70 -70
- package/es/MultiInputDateTimeRangeField/index.d.ts +3 -3
- package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +7 -7
- package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.js +130 -130
- package/es/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +70 -70
- package/es/MultiInputTimeRangeField/index.d.ts +3 -3
- package/es/OldActionBar/index.d.ts +18 -19
- package/es/OldActionBar/index.less +17 -17
- package/es/OldPisellDateRangePicker/index.d.ts +79 -79
- package/es/OldPisellDateRangePicker/index.less +102 -102
- package/es/PisellDateRangePicker/LocaleContext.d.ts +7 -7
- package/es/PisellDateRangePicker/index.d.ts +83 -83
- package/es/PisellDateRangePicker/index.less +183 -183
- package/es/PisellDateRangePicker/useCssVariables.d.ts +8 -8
- package/es/Shortcuts/index.d.ts +15 -16
- package/es/Shortcuts/index.less +17 -17
- package/es/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +8 -8
- package/es/SingleInputDateRangeField/SingleInputDateRangeField.js +152 -152
- package/es/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +49 -49
- package/es/SingleInputDateRangeField/index.d.ts +3 -3
- package/es/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +3 -3
- package/es/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +8 -8
- package/es/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +183 -183
- package/es/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +50 -50
- package/es/SingleInputDateTimeRangeField/index.d.ts +3 -3
- package/es/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +3 -3
- package/es/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +8 -8
- package/es/SingleInputTimeRangeField/SingleInputTimeRangeField.js +169 -169
- package/es/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +50 -50
- package/es/SingleInputTimeRangeField/index.d.ts +3 -3
- package/es/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +3 -3
- package/es/StaticDateRangePicker/StaticDateRangePicker.d.ts +7 -7
- package/es/StaticDateRangePicker/StaticDateRangePicker.js +148 -148
- package/es/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +31 -31
- package/es/StaticDateRangePicker/index.d.ts +2 -2
- package/es/Toolbar/index.d.ts +3 -4
- package/es/Toolbar/index.less +34 -34
- package/es/browserSelect/index.d.ts +15 -15
- package/es/browserSelect/index.js +7 -7
- package/es/browserSelect/index.less +17 -17
- package/es/constants.d.ts +58 -58
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +12 -13
- package/es/dateRangeViewRenderers/dateRangeViewRenderers.js +3 -3
- package/es/dateRangeViewRenderers/index.d.ts +2 -2
- package/es/hooks/useDocumentVisibility.d.ts +2 -2
- package/es/hooks/useNextDay.d.ts +2 -2
- package/es/hooks/useUpdateEffect.d.ts +2 -2
- package/es/icon/ChevronLeft.d.ts +5 -6
- package/es/icon/ChevronLeftDouble.d.ts +5 -6
- package/es/icon/ChevronRight.d.ts +5 -6
- package/es/icon/ChevronRightDouble.d.ts +5 -6
- package/es/icon/CloseCircle.d.ts +5 -6
- package/es/index.d.ts +26 -26
- package/es/internals/hooks/useDesktopRangePicker/index.d.ts +2 -2
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +5 -6
- package/es/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +34 -34
- package/es/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +54 -54
- package/es/internals/hooks/useMobileRangePicker/index.d.ts +2 -2
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +5 -6
- package/es/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +30 -30
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +3 -3
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +4 -4
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +17 -17
- package/es/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +4 -4
- package/es/internals/hooks/useRangePosition.d.ts +28 -28
- package/es/internals/hooks/useStaticRangePicker/index.d.ts +2 -2
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +9 -10
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.js +3 -3
- package/es/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +33 -33
- package/es/internals/models/dateRange.d.ts +30 -30
- package/es/internals/models/dateTimeRange.d.ts +13 -13
- package/es/internals/models/fields.d.ts +43 -43
- package/es/internals/models/index.d.ts +6 -6
- package/es/internals/models/range.d.ts +3 -3
- package/es/internals/models/rangePickerProps.d.ts +17 -17
- package/es/internals/models/timeRange.d.ts +13 -13
- package/es/internals/utils/date-fields-utils.d.ts +25 -25
- package/es/internals/utils/date-range-manager.d.ts +21 -21
- package/es/internals/utils/date-utils.d.ts +6 -6
- package/es/internals/utils/releaseInfo.d.ts +1 -1
- package/es/internals/utils/validation/validateDateRange.d.ts +7 -7
- package/es/internals/utils/validation/validateDateTimeRange.d.ts +8 -8
- package/es/internals/utils/validation/validateTimeRange.d.ts +7 -7
- package/es/internals/utils/valueManagers.d.ts +7 -7
- package/es/locales/en-US.d.ts +26 -26
- package/es/locales/index.d.ts +2 -2
- package/es/locales/ja.d.ts +26 -26
- package/es/locales/pt.d.ts +26 -26
- package/es/locales/zh-CN.d.ts +26 -26
- package/es/locales/zh-TW.d.ts +26 -26
- package/es/models/index.d.ts +1 -1
- package/es/models/validation.d.ts +9 -9
- package/es/themeAugmentation/components.d.ts +66 -66
- package/es/themeAugmentation/index.d.ts +3 -3
- package/es/themeAugmentation/overrides.d.ts +33 -33
- package/es/themeAugmentation/props.d.ts +42 -42
- package/es/typings.d.ts +4 -4
- package/es/utils/index.d.ts +42 -42
- package/es/utils/index.js +19 -19
- package/lib/ActionBar/index.d.ts +19 -20
- package/lib/ActionBar/index.less +70 -70
- package/lib/AdapterDateFns/index.d.ts +1 -1
- package/lib/AdapterDateFnsJalali/index.d.ts +1 -1
- package/lib/AdapterDayjs/index.d.ts +1 -1
- package/lib/AdapterLuxon/index.d.ts +1 -1
- package/lib/AdapterMoment/index.d.ts +1 -1
- package/lib/AdapterMomentHijri/index.d.ts +1 -1
- package/lib/AdapterMomentJalaali/index.d.ts +1 -1
- package/lib/CustomCalendarHeader/index.d.ts +2 -3
- package/lib/DatePickerLocales/index.d.ts +1 -1
- package/lib/DateRangeCalendar/DateRangeCalendar.d.ts +7 -7
- package/lib/DateRangeCalendar/DateRangeCalendar.types.d.ts +123 -123
- package/lib/DateRangeCalendar/dateRangeCalendarClasses.d.ts +11 -11
- package/lib/DateRangeCalendar/index.d.ts +4 -4
- package/lib/DateRangeCalendar/useDragRange.d.ts +33 -33
- package/lib/DateRangePicker/DateRangePicker.d.ts +7 -7
- package/lib/DateRangePicker/DateRangePicker.types.d.ts +37 -37
- package/lib/DateRangePicker/DateRangePickerToolbar.d.ts +12 -12
- package/lib/DateRangePicker/dateRangePickerToolbarClasses.d.ts +9 -9
- package/lib/DateRangePicker/index.d.ts +6 -6
- package/lib/DateRangePicker/shared.d.ts +51 -51
- package/lib/DateRangePickerDay/DateRangePickerDay.d.ts +50 -50
- package/lib/DateRangePickerDay/dateRangePickerDayClasses.d.ts +41 -41
- package/lib/DateRangePickerDay/index.d.ts +4 -4
- package/lib/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +7 -7
- package/lib/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +36 -36
- package/lib/DesktopDateRangePicker/index.d.ts +2 -2
- package/lib/Dialog/index.d.ts +2 -3
- package/lib/Drawer/index.d.ts +11 -11
- package/lib/Drawer/index.less +39 -39
- package/lib/MobileDateRangePicker/MobileDateRangePicker.d.ts +7 -7
- package/lib/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +36 -36
- package/lib/MobileDateRangePicker/index.d.ts +2 -2
- package/lib/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +7 -7
- package/lib/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +69 -69
- package/lib/MultiInputDateRangeField/index.d.ts +3 -3
- package/lib/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +7 -7
- package/lib/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +70 -70
- package/lib/MultiInputDateTimeRangeField/index.d.ts +3 -3
- package/lib/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +7 -7
- package/lib/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +70 -70
- package/lib/MultiInputTimeRangeField/index.d.ts +3 -3
- package/lib/OldActionBar/index.d.ts +18 -19
- package/lib/OldActionBar/index.less +17 -17
- package/lib/OldPisellDateRangePicker/index.d.ts +79 -79
- package/lib/OldPisellDateRangePicker/index.less +102 -102
- package/lib/PisellDateRangePicker/LocaleContext.d.ts +7 -7
- package/lib/PisellDateRangePicker/index.d.ts +83 -83
- package/lib/PisellDateRangePicker/index.less +183 -183
- package/lib/PisellDateRangePicker/useCssVariables.d.ts +8 -8
- package/lib/Shortcuts/index.d.ts +15 -16
- package/lib/Shortcuts/index.less +17 -17
- package/lib/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +8 -8
- package/lib/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +49 -49
- package/lib/SingleInputDateRangeField/index.d.ts +3 -3
- package/lib/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +3 -3
- package/lib/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +8 -8
- package/lib/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +50 -50
- package/lib/SingleInputDateTimeRangeField/index.d.ts +3 -3
- package/lib/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +3 -3
- package/lib/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +8 -8
- package/lib/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +50 -50
- package/lib/SingleInputTimeRangeField/index.d.ts +3 -3
- package/lib/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +3 -3
- package/lib/StaticDateRangePicker/StaticDateRangePicker.d.ts +7 -7
- package/lib/StaticDateRangePicker/StaticDateRangePicker.types.d.ts +31 -31
- package/lib/StaticDateRangePicker/index.d.ts +2 -2
- package/lib/Toolbar/index.d.ts +3 -4
- package/lib/Toolbar/index.less +34 -34
- package/lib/browserSelect/index.d.ts +15 -15
- package/lib/browserSelect/index.less +17 -17
- package/lib/constants.d.ts +58 -58
- package/lib/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +12 -13
- package/lib/dateRangeViewRenderers/index.d.ts +2 -2
- package/lib/hooks/useDocumentVisibility.d.ts +2 -2
- package/lib/hooks/useNextDay.d.ts +2 -2
- package/lib/hooks/useUpdateEffect.d.ts +2 -2
- package/lib/icon/ChevronLeft.d.ts +5 -6
- package/lib/icon/ChevronLeftDouble.d.ts +5 -6
- package/lib/icon/ChevronRight.d.ts +5 -6
- package/lib/icon/ChevronRightDouble.d.ts +5 -6
- package/lib/icon/CloseCircle.d.ts +5 -6
- package/lib/index.d.ts +26 -26
- package/lib/internals/hooks/useDesktopRangePicker/index.d.ts +2 -2
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +5 -6
- package/lib/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +34 -34
- package/lib/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +54 -54
- package/lib/internals/hooks/useMobileRangePicker/index.d.ts +2 -2
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +5 -6
- package/lib/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +30 -30
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField.d.ts +3 -3
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.d.ts +4 -4
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputRangeField.types.d.ts +17 -17
- package/lib/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.d.ts +4 -4
- package/lib/internals/hooks/useRangePosition.d.ts +28 -28
- package/lib/internals/hooks/useStaticRangePicker/index.d.ts +2 -2
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.d.ts +9 -10
- package/lib/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts +33 -33
- package/lib/internals/models/dateRange.d.ts +30 -30
- package/lib/internals/models/dateTimeRange.d.ts +13 -13
- package/lib/internals/models/fields.d.ts +43 -43
- package/lib/internals/models/index.d.ts +6 -6
- package/lib/internals/models/range.d.ts +3 -3
- package/lib/internals/models/rangePickerProps.d.ts +17 -17
- package/lib/internals/models/timeRange.d.ts +13 -13
- package/lib/internals/utils/date-fields-utils.d.ts +25 -25
- package/lib/internals/utils/date-range-manager.d.ts +21 -21
- package/lib/internals/utils/date-utils.d.ts +6 -6
- package/lib/internals/utils/releaseInfo.d.ts +1 -1
- package/lib/internals/utils/validation/validateDateRange.d.ts +7 -7
- package/lib/internals/utils/validation/validateDateTimeRange.d.ts +8 -8
- package/lib/internals/utils/validation/validateTimeRange.d.ts +7 -7
- package/lib/internals/utils/valueManagers.d.ts +7 -7
- package/lib/locales/en-US.d.ts +26 -26
- package/lib/locales/index.d.ts +2 -2
- package/lib/locales/ja.d.ts +26 -26
- package/lib/locales/pt.d.ts +26 -26
- package/lib/locales/zh-CN.d.ts +26 -26
- package/lib/locales/zh-TW.d.ts +26 -26
- package/lib/models/index.d.ts +1 -1
- package/lib/models/validation.d.ts +9 -9
- package/lib/themeAugmentation/components.d.ts +66 -66
- package/lib/themeAugmentation/index.d.ts +3 -3
- package/lib/themeAugmentation/overrides.d.ts +33 -33
- package/lib/themeAugmentation/props.d.ts +42 -42
- package/lib/typings.d.ts +4 -4
- package/lib/utils/index.d.ts +42 -42
- package/package.json +2 -2
|
@@ -35,294 +35,294 @@ DateRangePicker.propTypes = {
|
|
|
35
35
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
36
36
|
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
37
37
|
// ----------------------------------------------------------------------
|
|
38
|
-
/**
|
|
39
|
-
* If `true`, the main element is focused during the first mount.
|
|
40
|
-
* This main element is:
|
|
41
|
-
* - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
|
|
42
|
-
* - the `input` element if there is a field rendered.
|
|
38
|
+
/**
|
|
39
|
+
* If `true`, the main element is focused during the first mount.
|
|
40
|
+
* This main element is:
|
|
41
|
+
* - the element chosen by the visible view if any (i.e: the selected day on the `day` view).
|
|
42
|
+
* - the `input` element if there is a field rendered.
|
|
43
43
|
*/
|
|
44
44
|
autoFocus: PropTypes.bool,
|
|
45
|
-
/**
|
|
46
|
-
* The number of calendars to render on **desktop**.
|
|
47
|
-
* @default 2
|
|
45
|
+
/**
|
|
46
|
+
* The number of calendars to render on **desktop**.
|
|
47
|
+
* @default 2
|
|
48
48
|
*/
|
|
49
49
|
calendars: PropTypes.oneOf([1, 2, 3]),
|
|
50
|
-
/**
|
|
51
|
-
* Class name applied to the root element.
|
|
50
|
+
/**
|
|
51
|
+
* Class name applied to the root element.
|
|
52
52
|
*/
|
|
53
53
|
className: PropTypes.string,
|
|
54
|
-
/**
|
|
55
|
-
* If `true`, the popover or modal will close after submitting the full date.
|
|
56
|
-
* @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
|
|
54
|
+
/**
|
|
55
|
+
* If `true`, the popover or modal will close after submitting the full date.
|
|
56
|
+
* @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
|
|
57
57
|
*/
|
|
58
58
|
closeOnSelect: PropTypes.bool,
|
|
59
|
-
/**
|
|
60
|
-
* Overridable components.
|
|
61
|
-
* @default {}
|
|
62
|
-
* @deprecated Please use `slots`.
|
|
59
|
+
/**
|
|
60
|
+
* Overridable components.
|
|
61
|
+
* @default {}
|
|
62
|
+
* @deprecated Please use `slots`.
|
|
63
63
|
*/
|
|
64
64
|
components: PropTypes.object,
|
|
65
|
-
/**
|
|
66
|
-
* The props used for each component slot.
|
|
67
|
-
* @default {}
|
|
68
|
-
* @deprecated Please use `slotProps`.
|
|
65
|
+
/**
|
|
66
|
+
* The props used for each component slot.
|
|
67
|
+
* @default {}
|
|
68
|
+
* @deprecated Please use `slotProps`.
|
|
69
69
|
*/
|
|
70
70
|
componentsProps: PropTypes.object,
|
|
71
|
-
/**
|
|
72
|
-
* Position the current month is rendered in.
|
|
73
|
-
* @default 1
|
|
71
|
+
/**
|
|
72
|
+
* Position the current month is rendered in.
|
|
73
|
+
* @default 1
|
|
74
74
|
*/
|
|
75
75
|
currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
|
|
76
|
-
/**
|
|
77
|
-
* Formats the day of week displayed in the calendar header.
|
|
78
|
-
* @param {string} day The day of week provided by the adapter's method `getWeekdays`.
|
|
79
|
-
* @returns {string} The name to display.
|
|
80
|
-
* @default (day) => day.charAt(0).toUpperCase()
|
|
76
|
+
/**
|
|
77
|
+
* Formats the day of week displayed in the calendar header.
|
|
78
|
+
* @param {string} day The day of week provided by the adapter's method `getWeekdays`.
|
|
79
|
+
* @returns {string} The name to display.
|
|
80
|
+
* @default (day) => day.charAt(0).toUpperCase()
|
|
81
81
|
*/
|
|
82
82
|
dayOfWeekFormatter: PropTypes.func,
|
|
83
|
-
/**
|
|
84
|
-
* Default calendar month displayed when `value={[null, null]}`.
|
|
83
|
+
/**
|
|
84
|
+
* Default calendar month displayed when `value={[null, null]}`.
|
|
85
85
|
*/
|
|
86
86
|
defaultCalendarMonth: PropTypes.any,
|
|
87
|
-
/**
|
|
88
|
-
* The initial position in the edited date range.
|
|
89
|
-
* Used when the component is not controlled.
|
|
90
|
-
* @default 'start'
|
|
87
|
+
/**
|
|
88
|
+
* The initial position in the edited date range.
|
|
89
|
+
* Used when the component is not controlled.
|
|
90
|
+
* @default 'start'
|
|
91
91
|
*/
|
|
92
92
|
defaultRangePosition: PropTypes.oneOf(['end', 'start']),
|
|
93
|
-
/**
|
|
94
|
-
* The default value.
|
|
95
|
-
* Used when the component is not controlled.
|
|
93
|
+
/**
|
|
94
|
+
* The default value.
|
|
95
|
+
* Used when the component is not controlled.
|
|
96
96
|
*/
|
|
97
97
|
defaultValue: PropTypes.arrayOf(PropTypes.any),
|
|
98
|
-
/**
|
|
99
|
-
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
100
|
-
* @default '@media (pointer: fine)'
|
|
101
|
-
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
98
|
+
/**
|
|
99
|
+
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
100
|
+
* @default '@media (pointer: fine)'
|
|
101
|
+
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
102
102
|
*/
|
|
103
103
|
desktopModeMediaQuery: PropTypes.string,
|
|
104
|
-
/**
|
|
105
|
-
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
106
|
-
* @default false
|
|
104
|
+
/**
|
|
105
|
+
* If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
|
|
106
|
+
* @default false
|
|
107
107
|
*/
|
|
108
108
|
disableAutoMonthSwitching: PropTypes.bool,
|
|
109
|
-
/**
|
|
110
|
-
* If `true`, the picker and text field are disabled.
|
|
111
|
-
* @default false
|
|
109
|
+
/**
|
|
110
|
+
* If `true`, the picker and text field are disabled.
|
|
111
|
+
* @default false
|
|
112
112
|
*/
|
|
113
113
|
disabled: PropTypes.bool,
|
|
114
|
-
/**
|
|
115
|
-
* If `true`, editing dates by dragging is disabled.
|
|
116
|
-
* @default false
|
|
114
|
+
/**
|
|
115
|
+
* If `true`, editing dates by dragging is disabled.
|
|
116
|
+
* @default false
|
|
117
117
|
*/
|
|
118
118
|
disableDragEditing: PropTypes.bool,
|
|
119
|
-
/**
|
|
120
|
-
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
121
|
-
* @default false
|
|
119
|
+
/**
|
|
120
|
+
* If `true`, disable values after the current date for date components, time for time components and both for date time components.
|
|
121
|
+
* @default false
|
|
122
122
|
*/
|
|
123
123
|
disableFuture: PropTypes.bool,
|
|
124
|
-
/**
|
|
125
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
126
|
-
* @default false
|
|
124
|
+
/**
|
|
125
|
+
* If `true`, today's date is rendering without highlighting with circle.
|
|
126
|
+
* @default false
|
|
127
127
|
*/
|
|
128
128
|
disableHighlightToday: PropTypes.bool,
|
|
129
|
-
/**
|
|
130
|
-
* If `true`, the open picker button will not be rendered (renders only the field).
|
|
131
|
-
* @default false
|
|
129
|
+
/**
|
|
130
|
+
* If `true`, the open picker button will not be rendered (renders only the field).
|
|
131
|
+
* @default false
|
|
132
132
|
*/
|
|
133
133
|
disableOpenPicker: PropTypes.bool,
|
|
134
|
-
/**
|
|
135
|
-
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
136
|
-
* @default false
|
|
134
|
+
/**
|
|
135
|
+
* If `true`, disable values before the current date for date components, time for time components and both for date time components.
|
|
136
|
+
* @default false
|
|
137
137
|
*/
|
|
138
138
|
disablePast: PropTypes.bool,
|
|
139
|
-
/**
|
|
140
|
-
* If `true`, the week number will be display in the calendar.
|
|
139
|
+
/**
|
|
140
|
+
* If `true`, the week number will be display in the calendar.
|
|
141
141
|
*/
|
|
142
142
|
displayWeekNumber: PropTypes.bool,
|
|
143
|
-
/**
|
|
144
|
-
* Calendar will show more weeks in order to match this value.
|
|
145
|
-
* Put it to 6 for having fix number of week in Gregorian calendars
|
|
146
|
-
* @default undefined
|
|
143
|
+
/**
|
|
144
|
+
* Calendar will show more weeks in order to match this value.
|
|
145
|
+
* Put it to 6 for having fix number of week in Gregorian calendars
|
|
146
|
+
* @default undefined
|
|
147
147
|
*/
|
|
148
148
|
fixedWeekNumber: PropTypes.number,
|
|
149
|
-
/**
|
|
150
|
-
* Format of the date when rendered in the input(s).
|
|
151
|
-
* Defaults to localized format based on the used `views`.
|
|
149
|
+
/**
|
|
150
|
+
* Format of the date when rendered in the input(s).
|
|
151
|
+
* Defaults to localized format based on the used `views`.
|
|
152
152
|
*/
|
|
153
153
|
format: PropTypes.string,
|
|
154
|
-
/**
|
|
155
|
-
* Density of the format when rendered in the input.
|
|
156
|
-
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
157
|
-
* @default "dense"
|
|
154
|
+
/**
|
|
155
|
+
* Density of the format when rendered in the input.
|
|
156
|
+
* Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
|
|
157
|
+
* @default "dense"
|
|
158
158
|
*/
|
|
159
159
|
formatDensity: PropTypes.oneOf(['dense', 'spacious']),
|
|
160
|
-
/**
|
|
161
|
-
* Pass a ref to the `input` element.
|
|
162
|
-
* Ignored if the field has several inputs.
|
|
160
|
+
/**
|
|
161
|
+
* Pass a ref to the `input` element.
|
|
162
|
+
* Ignored if the field has several inputs.
|
|
163
163
|
*/
|
|
164
164
|
inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
165
165
|
current: PropTypes.object
|
|
166
166
|
})]),
|
|
167
|
-
/**
|
|
168
|
-
* The label content.
|
|
169
|
-
* Ignored if the field has several inputs.
|
|
167
|
+
/**
|
|
168
|
+
* The label content.
|
|
169
|
+
* Ignored if the field has several inputs.
|
|
170
170
|
*/
|
|
171
171
|
label: PropTypes.node,
|
|
172
|
-
/**
|
|
173
|
-
* If `true`, calls `renderLoading` instead of rendering the day calendar.
|
|
174
|
-
* Can be used to preload information and show it in calendar.
|
|
175
|
-
* @default false
|
|
172
|
+
/**
|
|
173
|
+
* If `true`, calls `renderLoading` instead of rendering the day calendar.
|
|
174
|
+
* Can be used to preload information and show it in calendar.
|
|
175
|
+
* @default false
|
|
176
176
|
*/
|
|
177
177
|
loading: PropTypes.bool,
|
|
178
|
-
/**
|
|
179
|
-
* Locale for components texts.
|
|
180
|
-
* Allows overriding texts coming from `LocalizationProvider` and `theme`.
|
|
178
|
+
/**
|
|
179
|
+
* Locale for components texts.
|
|
180
|
+
* Allows overriding texts coming from `LocalizationProvider` and `theme`.
|
|
181
181
|
*/
|
|
182
182
|
localeText: PropTypes.object,
|
|
183
|
-
/**
|
|
184
|
-
* Maximal selectable date.
|
|
183
|
+
/**
|
|
184
|
+
* Maximal selectable date.
|
|
185
185
|
*/
|
|
186
186
|
maxDate: PropTypes.any,
|
|
187
|
-
/**
|
|
188
|
-
* Minimal selectable date.
|
|
187
|
+
/**
|
|
188
|
+
* Minimal selectable date.
|
|
189
189
|
*/
|
|
190
190
|
minDate: PropTypes.any,
|
|
191
|
-
/**
|
|
192
|
-
* Callback fired when the value is accepted.
|
|
193
|
-
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
194
|
-
* @param {TValue} value The value that was just accepted.
|
|
191
|
+
/**
|
|
192
|
+
* Callback fired when the value is accepted.
|
|
193
|
+
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
194
|
+
* @param {TValue} value The value that was just accepted.
|
|
195
195
|
*/
|
|
196
196
|
onAccept: PropTypes.func,
|
|
197
|
-
/**
|
|
198
|
-
* Callback fired when the value changes.
|
|
199
|
-
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
200
|
-
* @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
|
|
201
|
-
* @param {TValue} value The new value.
|
|
202
|
-
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
197
|
+
/**
|
|
198
|
+
* Callback fired when the value changes.
|
|
199
|
+
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
200
|
+
* @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
|
|
201
|
+
* @param {TValue} value The new value.
|
|
202
|
+
* @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
|
|
203
203
|
*/
|
|
204
204
|
onChange: PropTypes.func,
|
|
205
|
-
/**
|
|
206
|
-
* Callback fired when the popup requests to be closed.
|
|
207
|
-
* Use in controlled mode (see `open`).
|
|
205
|
+
/**
|
|
206
|
+
* Callback fired when the popup requests to be closed.
|
|
207
|
+
* Use in controlled mode (see `open`).
|
|
208
208
|
*/
|
|
209
209
|
onClose: PropTypes.func,
|
|
210
|
-
/**
|
|
211
|
-
* Callback fired when the error associated to the current value changes.
|
|
212
|
-
* If the error has a non-null value, then the `TextField` will be rendered in `error` state.
|
|
213
|
-
*
|
|
214
|
-
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
215
|
-
* @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
|
|
216
|
-
* @param {TError} error The new error describing why the current value is not valid.
|
|
217
|
-
* @param {TValue} value The value associated to the error.
|
|
210
|
+
/**
|
|
211
|
+
* Callback fired when the error associated to the current value changes.
|
|
212
|
+
* If the error has a non-null value, then the `TextField` will be rendered in `error` state.
|
|
213
|
+
*
|
|
214
|
+
* @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
|
|
215
|
+
* @template TError The validation error type. Will be either `string` or a `null`. Can be in `[start, end]` format in case of range value.
|
|
216
|
+
* @param {TError} error The new error describing why the current value is not valid.
|
|
217
|
+
* @param {TValue} value The value associated to the error.
|
|
218
218
|
*/
|
|
219
219
|
onError: PropTypes.func,
|
|
220
|
-
/**
|
|
221
|
-
* Callback fired on month change.
|
|
222
|
-
* @template TDate
|
|
223
|
-
* @param {TDate} month The new month.
|
|
220
|
+
/**
|
|
221
|
+
* Callback fired on month change.
|
|
222
|
+
* @template TDate
|
|
223
|
+
* @param {TDate} month The new month.
|
|
224
224
|
*/
|
|
225
225
|
onMonthChange: PropTypes.func,
|
|
226
|
-
/**
|
|
227
|
-
* Callback fired when the popup requests to be opened.
|
|
228
|
-
* Use in controlled mode (see `open`).
|
|
226
|
+
/**
|
|
227
|
+
* Callback fired when the popup requests to be opened.
|
|
228
|
+
* Use in controlled mode (see `open`).
|
|
229
229
|
*/
|
|
230
230
|
onOpen: PropTypes.func,
|
|
231
|
-
/**
|
|
232
|
-
* Callback fired when the range position changes.
|
|
233
|
-
* @param {RangePosition} rangePosition The new range position.
|
|
231
|
+
/**
|
|
232
|
+
* Callback fired when the range position changes.
|
|
233
|
+
* @param {RangePosition} rangePosition The new range position.
|
|
234
234
|
*/
|
|
235
235
|
onRangePositionChange: PropTypes.func,
|
|
236
|
-
/**
|
|
237
|
-
* Callback fired when the selected sections change.
|
|
238
|
-
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
236
|
+
/**
|
|
237
|
+
* Callback fired when the selected sections change.
|
|
238
|
+
* @param {FieldSelectedSections} newValue The new selected sections.
|
|
239
239
|
*/
|
|
240
240
|
onSelectedSectionsChange: PropTypes.func,
|
|
241
|
-
/**
|
|
242
|
-
* Control the popup or dialog open state.
|
|
243
|
-
* @default false
|
|
241
|
+
/**
|
|
242
|
+
* Control the popup or dialog open state.
|
|
243
|
+
* @default false
|
|
244
244
|
*/
|
|
245
245
|
open: PropTypes.bool,
|
|
246
|
-
/**
|
|
247
|
-
* The position in the currently edited date range.
|
|
248
|
-
* Used when the component position is controlled.
|
|
246
|
+
/**
|
|
247
|
+
* The position in the currently edited date range.
|
|
248
|
+
* Used when the component position is controlled.
|
|
249
249
|
*/
|
|
250
250
|
rangePosition: PropTypes.oneOf(['end', 'start']),
|
|
251
251
|
readOnly: PropTypes.bool,
|
|
252
|
-
/**
|
|
253
|
-
* Disable heavy animations.
|
|
254
|
-
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
252
|
+
/**
|
|
253
|
+
* Disable heavy animations.
|
|
254
|
+
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
255
255
|
*/
|
|
256
256
|
reduceAnimations: PropTypes.bool,
|
|
257
|
-
/**
|
|
258
|
-
* Component displaying when passed `loading` true.
|
|
259
|
-
* @returns {React.ReactNode} The node to render when loading.
|
|
260
|
-
* @default () => "..."
|
|
257
|
+
/**
|
|
258
|
+
* Component displaying when passed `loading` true.
|
|
259
|
+
* @returns {React.ReactNode} The node to render when loading.
|
|
260
|
+
* @default () => "..."
|
|
261
261
|
*/
|
|
262
262
|
renderLoading: PropTypes.func,
|
|
263
|
-
/**
|
|
264
|
-
* The currently selected sections.
|
|
265
|
-
* This prop accept four formats:
|
|
266
|
-
* 1. If a number is provided, the section at this index will be selected.
|
|
267
|
-
* 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
|
|
268
|
-
* 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
269
|
-
* 4. If `null` is provided, no section will be selected
|
|
270
|
-
* If not provided, the selected sections will be handled internally.
|
|
263
|
+
/**
|
|
264
|
+
* The currently selected sections.
|
|
265
|
+
* This prop accept four formats:
|
|
266
|
+
* 1. If a number is provided, the section at this index will be selected.
|
|
267
|
+
* 2. If an object with a `startIndex` and `endIndex` properties are provided, the sections between those two indexes will be selected.
|
|
268
|
+
* 3. If a string of type `FieldSectionType` is provided, the first section with that name will be selected.
|
|
269
|
+
* 4. If `null` is provided, no section will be selected
|
|
270
|
+
* If not provided, the selected sections will be handled internally.
|
|
271
271
|
*/
|
|
272
272
|
selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
|
|
273
273
|
endIndex: PropTypes.number.isRequired,
|
|
274
274
|
startIndex: PropTypes.number.isRequired
|
|
275
275
|
})]),
|
|
276
|
-
/**
|
|
277
|
-
* Disable specific date.
|
|
278
|
-
* @template TDate
|
|
279
|
-
* @param {TDate} day The date to test.
|
|
280
|
-
* @param {string} position The date to test, 'start' or 'end'.
|
|
281
|
-
* @returns {boolean} Returns `true` if the date should be disabled.
|
|
276
|
+
/**
|
|
277
|
+
* Disable specific date.
|
|
278
|
+
* @template TDate
|
|
279
|
+
* @param {TDate} day The date to test.
|
|
280
|
+
* @param {string} position The date to test, 'start' or 'end'.
|
|
281
|
+
* @returns {boolean} Returns `true` if the date should be disabled.
|
|
282
282
|
*/
|
|
283
283
|
shouldDisableDate: PropTypes.func,
|
|
284
|
-
/**
|
|
285
|
-
* If `true`, days outside the current month are rendered:
|
|
286
|
-
*
|
|
287
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
288
|
-
*
|
|
289
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
290
|
-
*
|
|
291
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
292
|
-
* @default false
|
|
284
|
+
/**
|
|
285
|
+
* If `true`, days outside the current month are rendered:
|
|
286
|
+
*
|
|
287
|
+
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
288
|
+
*
|
|
289
|
+
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
290
|
+
*
|
|
291
|
+
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
292
|
+
* @default false
|
|
293
293
|
*/
|
|
294
294
|
showDaysOutsideCurrentMonth: PropTypes.bool,
|
|
295
|
-
/**
|
|
296
|
-
* The props used for each component slot.
|
|
297
|
-
* @default {}
|
|
295
|
+
/**
|
|
296
|
+
* The props used for each component slot.
|
|
297
|
+
* @default {}
|
|
298
298
|
*/
|
|
299
299
|
slotProps: PropTypes.object,
|
|
300
|
-
/**
|
|
301
|
-
* Overridable component slots.
|
|
302
|
-
* @default {}
|
|
300
|
+
/**
|
|
301
|
+
* Overridable component slots.
|
|
302
|
+
* @default {}
|
|
303
303
|
*/
|
|
304
304
|
slots: PropTypes.object,
|
|
305
|
-
/**
|
|
306
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
305
|
+
/**
|
|
306
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
307
307
|
*/
|
|
308
308
|
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
309
|
-
/**
|
|
310
|
-
* Choose which timezone to use for the value.
|
|
311
|
-
* Example: "default", "system", "UTC", "America/New_York".
|
|
312
|
-
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
313
|
-
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
|
|
314
|
-
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
309
|
+
/**
|
|
310
|
+
* Choose which timezone to use for the value.
|
|
311
|
+
* Example: "default", "system", "UTC", "America/New_York".
|
|
312
|
+
* If you pass values from other timezones to some props, they will be converted to this timezone before being used.
|
|
313
|
+
* @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
|
|
314
|
+
* @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
|
|
315
315
|
*/
|
|
316
316
|
timezone: PropTypes.string,
|
|
317
|
-
/**
|
|
318
|
-
* The selected value.
|
|
319
|
-
* Used when the component is controlled.
|
|
317
|
+
/**
|
|
318
|
+
* The selected value.
|
|
319
|
+
* Used when the component is controlled.
|
|
320
320
|
*/
|
|
321
321
|
value: PropTypes.arrayOf(PropTypes.any),
|
|
322
|
-
/**
|
|
323
|
-
* Define custom view renderers for each section.
|
|
324
|
-
* If `null`, the section will only have field editing.
|
|
325
|
-
* If `undefined`, internally defined view will be the used.
|
|
322
|
+
/**
|
|
323
|
+
* Define custom view renderers for each section.
|
|
324
|
+
* If `null`, the section will only have field editing.
|
|
325
|
+
* If `undefined`, internally defined view will be the used.
|
|
326
326
|
*/
|
|
327
327
|
viewRenderers: PropTypes.shape({
|
|
328
328
|
day: PropTypes.func
|
|
@@ -1,37 +1,37 @@
|
|
|
1
|
-
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
-
import { DesktopDateRangePickerProps, DesktopDateRangePickerSlotsComponent, DesktopDateRangePickerSlotsComponentsProps } from '../DesktopDateRangePicker';
|
|
3
|
-
import { MobileDateRangePickerProps, MobileDateRangePickerSlotsComponent, MobileDateRangePickerSlotsComponentsProps } from '../MobileDateRangePicker';
|
|
4
|
-
export interface DateRangePickerSlotsComponents<TDate> extends DesktopDateRangePickerSlotsComponent<TDate>, MobileDateRangePickerSlotsComponent<TDate> {
|
|
5
|
-
}
|
|
6
|
-
export interface DateRangePickerSlotsComponentsProps<TDate> extends DesktopDateRangePickerSlotsComponentsProps<TDate>, MobileDateRangePickerSlotsComponentsProps<TDate> {
|
|
7
|
-
}
|
|
8
|
-
export interface DateRangePickerProps<TDate> extends DesktopDateRangePickerProps<TDate>, MobileDateRangePickerProps<TDate> {
|
|
9
|
-
/**
|
|
10
|
-
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
11
|
-
* @default '@media (pointer: fine)'
|
|
12
|
-
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
13
|
-
*/
|
|
14
|
-
desktopModeMediaQuery?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Overridable components.
|
|
17
|
-
* @default {}
|
|
18
|
-
* @deprecated Please use `slots`.
|
|
19
|
-
*/
|
|
20
|
-
components?: DateRangePickerSlotsComponents<TDate>;
|
|
21
|
-
/**
|
|
22
|
-
* The props used for each component slot.
|
|
23
|
-
* @default {}
|
|
24
|
-
* @deprecated Please use `slotProps`.
|
|
25
|
-
*/
|
|
26
|
-
componentsProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
27
|
-
/**
|
|
28
|
-
* Overridable component slots.
|
|
29
|
-
* @default {}
|
|
30
|
-
*/
|
|
31
|
-
slots?: UncapitalizeObjectKeys<DateRangePickerSlotsComponents<TDate>>;
|
|
32
|
-
/**
|
|
33
|
-
* The props used for each component slot.
|
|
34
|
-
* @default {}
|
|
35
|
-
*/
|
|
36
|
-
slotProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
37
|
-
}
|
|
1
|
+
import { UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
|
|
2
|
+
import { DesktopDateRangePickerProps, DesktopDateRangePickerSlotsComponent, DesktopDateRangePickerSlotsComponentsProps } from '../DesktopDateRangePicker';
|
|
3
|
+
import { MobileDateRangePickerProps, MobileDateRangePickerSlotsComponent, MobileDateRangePickerSlotsComponentsProps } from '../MobileDateRangePicker';
|
|
4
|
+
export interface DateRangePickerSlotsComponents<TDate> extends DesktopDateRangePickerSlotsComponent<TDate>, MobileDateRangePickerSlotsComponent<TDate> {
|
|
5
|
+
}
|
|
6
|
+
export interface DateRangePickerSlotsComponentsProps<TDate> extends DesktopDateRangePickerSlotsComponentsProps<TDate>, MobileDateRangePickerSlotsComponentsProps<TDate> {
|
|
7
|
+
}
|
|
8
|
+
export interface DateRangePickerProps<TDate> extends DesktopDateRangePickerProps<TDate>, MobileDateRangePickerProps<TDate> {
|
|
9
|
+
/**
|
|
10
|
+
* CSS media query when `Mobile` mode will be changed to `Desktop`.
|
|
11
|
+
* @default '@media (pointer: fine)'
|
|
12
|
+
* @example '@media (min-width: 720px)' or theme.breakpoints.up("sm")
|
|
13
|
+
*/
|
|
14
|
+
desktopModeMediaQuery?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Overridable components.
|
|
17
|
+
* @default {}
|
|
18
|
+
* @deprecated Please use `slots`.
|
|
19
|
+
*/
|
|
20
|
+
components?: DateRangePickerSlotsComponents<TDate>;
|
|
21
|
+
/**
|
|
22
|
+
* The props used for each component slot.
|
|
23
|
+
* @default {}
|
|
24
|
+
* @deprecated Please use `slotProps`.
|
|
25
|
+
*/
|
|
26
|
+
componentsProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
27
|
+
/**
|
|
28
|
+
* Overridable component slots.
|
|
29
|
+
* @default {}
|
|
30
|
+
*/
|
|
31
|
+
slots?: UncapitalizeObjectKeys<DateRangePickerSlotsComponents<TDate>>;
|
|
32
|
+
/**
|
|
33
|
+
* The props used for each component slot.
|
|
34
|
+
* @default {}
|
|
35
|
+
*/
|
|
36
|
+
slotProps?: DateRangePickerSlotsComponentsProps<TDate>;
|
|
37
|
+
}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
|
|
3
|
-
import { DateRange } from '../internals/models';
|
|
4
|
-
import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
|
|
5
|
-
import { DateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
|
|
6
|
-
export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProps<DateRange<TDate>, 'day'>, 'views' | 'view' | 'onViewChange' | 'onChange' | 'isLandscape'>, Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
|
|
7
|
-
classes?: Partial<DateRangePickerToolbarClasses>;
|
|
8
|
-
}
|
|
9
|
-
export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
|
|
10
|
-
}
|
|
11
|
-
declare const DateRangePickerToolbar: React.ForwardRefExoticComponent<DateRangePickerToolbarProps<unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
export { DateRangePickerToolbar };
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseToolbarProps, ExportedBaseToolbarProps } from '@mui/x-date-pickers/internals';
|
|
3
|
+
import { DateRange } from '../internals/models';
|
|
4
|
+
import { UseRangePositionResponse } from '../internals/hooks/useRangePosition';
|
|
5
|
+
import { DateRangePickerToolbarClasses } from './dateRangePickerToolbarClasses';
|
|
6
|
+
export interface DateRangePickerToolbarProps<TDate> extends Omit<BaseToolbarProps<DateRange<TDate>, 'day'>, 'views' | 'view' | 'onViewChange' | 'onChange' | 'isLandscape'>, Pick<UseRangePositionResponse, 'rangePosition' | 'onRangePositionChange'> {
|
|
7
|
+
classes?: Partial<DateRangePickerToolbarClasses>;
|
|
8
|
+
}
|
|
9
|
+
export interface ExportedDateRangePickerToolbarProps extends ExportedBaseToolbarProps {
|
|
10
|
+
}
|
|
11
|
+
declare const DateRangePickerToolbar: React.ForwardRefExoticComponent<DateRangePickerToolbarProps<unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export { DateRangePickerToolbar };
|
|
@@ -91,27 +91,27 @@ DateRangePickerToolbar.propTypes = {
|
|
|
91
91
|
// | To update them edit the TypeScript types and run "yarn proptypes" |
|
|
92
92
|
// ----------------------------------------------------------------------
|
|
93
93
|
classes: PropTypes.object,
|
|
94
|
-
/**
|
|
95
|
-
* className applied to the root component.
|
|
94
|
+
/**
|
|
95
|
+
* className applied to the root component.
|
|
96
96
|
*/
|
|
97
97
|
className: PropTypes.string,
|
|
98
98
|
disabled: PropTypes.bool,
|
|
99
|
-
/**
|
|
100
|
-
* If `true`, show the toolbar even in desktop mode.
|
|
101
|
-
* @default `true` for Desktop, `false` for Mobile.
|
|
99
|
+
/**
|
|
100
|
+
* If `true`, show the toolbar even in desktop mode.
|
|
101
|
+
* @default `true` for Desktop, `false` for Mobile.
|
|
102
102
|
*/
|
|
103
103
|
hidden: PropTypes.bool,
|
|
104
104
|
onRangePositionChange: PropTypes.func.isRequired,
|
|
105
105
|
rangePosition: PropTypes.oneOf(['end', 'start']).isRequired,
|
|
106
106
|
readOnly: PropTypes.bool,
|
|
107
107
|
titleId: PropTypes.string,
|
|
108
|
-
/**
|
|
109
|
-
* Toolbar date format.
|
|
108
|
+
/**
|
|
109
|
+
* Toolbar date format.
|
|
110
110
|
*/
|
|
111
111
|
toolbarFormat: PropTypes.string,
|
|
112
|
-
/**
|
|
113
|
-
* Toolbar value placeholder—it is displayed when the value is empty.
|
|
114
|
-
* @default "––"
|
|
112
|
+
/**
|
|
113
|
+
* Toolbar value placeholder—it is displayed when the value is empty.
|
|
114
|
+
* @default "––"
|
|
115
115
|
*/
|
|
116
116
|
toolbarPlaceholder: PropTypes.node,
|
|
117
117
|
value: PropTypes.arrayOf(PropTypes.any).isRequired
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export interface DateRangePickerToolbarClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the container element. */
|
|
5
|
-
container: string;
|
|
6
|
-
}
|
|
7
|
-
export declare type DateRangePickerToolbarClassKey = keyof DateRangePickerToolbarClasses;
|
|
8
|
-
export declare function getDateRangePickerToolbarUtilityClass(slot: string): string;
|
|
9
|
-
export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;
|
|
1
|
+
export interface DateRangePickerToolbarClasses {
|
|
2
|
+
/** Styles applied to the root element. */
|
|
3
|
+
root: string;
|
|
4
|
+
/** Styles applied to the container element. */
|
|
5
|
+
container: string;
|
|
6
|
+
}
|
|
7
|
+
export declare type DateRangePickerToolbarClassKey = keyof DateRangePickerToolbarClasses;
|
|
8
|
+
export declare function getDateRangePickerToolbarUtilityClass(slot: string): string;
|
|
9
|
+
export declare const dateRangePickerToolbarClasses: DateRangePickerToolbarClasses;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { DateRangePicker } from './DateRangePicker';
|
|
2
|
-
export type { DateRangePickerProps, DateRangePickerSlotsComponents, DateRangePickerSlotsComponentsProps, } from './DateRangePicker.types';
|
|
3
|
-
export { DateRangePickerToolbar } from './DateRangePickerToolbar';
|
|
4
|
-
export type { DateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
5
|
-
export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses, } from './dateRangePickerToolbarClasses';
|
|
6
|
-
export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey, } from './dateRangePickerToolbarClasses';
|
|
1
|
+
export { DateRangePicker } from './DateRangePicker';
|
|
2
|
+
export type { DateRangePickerProps, DateRangePickerSlotsComponents, DateRangePickerSlotsComponentsProps, } from './DateRangePicker.types';
|
|
3
|
+
export { DateRangePickerToolbar } from './DateRangePickerToolbar';
|
|
4
|
+
export type { DateRangePickerToolbarProps } from './DateRangePickerToolbar';
|
|
5
|
+
export { getDateRangePickerToolbarUtilityClass, dateRangePickerToolbarClasses, } from './dateRangePickerToolbarClasses';
|
|
6
|
+
export type { DateRangePickerToolbarClasses, DateRangePickerToolbarClassKey, } from './dateRangePickerToolbarClasses';
|