@mui/x-date-pickers-pro 9.0.0-beta.0 → 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/CHANGELOG.md +267 -1
- package/DateRangeCalendar/DateRangeCalendar.js +9 -21
- package/DateRangeCalendar/DateRangeCalendar.mjs +9 -21
- package/DateRangeCalendar/DateRangeCalendar.types.d.mts +3 -3
- package/DateRangeCalendar/DateRangeCalendar.types.d.ts +3 -3
- package/DateRangePicker/DateRangePicker.d.mts +1 -1
- package/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/DateRangePicker/DateRangePicker.js +1 -5
- package/DateRangePicker/DateRangePicker.mjs +1 -5
- package/DateRangePicker/DateRangePicker.types.d.mts +3 -3
- package/DateRangePicker/DateRangePicker.types.d.ts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.d.mts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.d.ts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.js +416 -212
- package/DateRangePickerDay/DateRangePickerDay.mjs +418 -214
- package/DateRangePickerDay/DateRangePickerDay.types.d.mts +71 -23
- package/DateRangePickerDay/DateRangePickerDay.types.d.ts +71 -23
- package/DateRangePickerDay/dateRangePickerDayClasses.d.mts +35 -31
- package/DateRangePickerDay/dateRangePickerDayClasses.d.ts +35 -31
- package/DateRangePickerDay/dateRangePickerDayClasses.js +1 -1
- package/DateRangePickerDay/dateRangePickerDayClasses.mjs +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.d.mts +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
- package/DateTimeRangePicker/DateTimeRangePicker.js +1 -5
- package/DateTimeRangePicker/DateTimeRangePicker.mjs +1 -5
- package/DateTimeRangePicker/DateTimeRangePicker.types.d.mts +3 -3
- package/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +3 -3
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.mts +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +1 -1
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -5
- package/DesktopDateRangePicker/DesktopDateRangePicker.mjs +1 -5
- package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.mts +3 -3
- package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +3 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.mts +1 -1
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +1 -1
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +1 -5
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.mjs +1 -5
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.mts +3 -3
- package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +3 -3
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.d.mts +1 -1
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.d.ts +1 -1
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.js +0 -4
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.mjs +0 -4
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.mts +3 -3
- package/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.ts +3 -3
- package/MobileDateRangePicker/MobileDateRangePicker.d.mts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +1 -1
- package/MobileDateRangePicker/MobileDateRangePicker.js +1 -5
- package/MobileDateRangePicker/MobileDateRangePicker.mjs +1 -5
- package/MobileDateRangePicker/MobileDateRangePicker.types.d.mts +3 -3
- package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +3 -3
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.mts +1 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +1 -1
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +1 -5
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.mjs +1 -5
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.mts +3 -3
- package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +3 -3
- package/MobileTimeRangePicker/MobileTimeRangePicker.d.mts +1 -1
- package/MobileTimeRangePicker/MobileTimeRangePicker.d.ts +1 -1
- package/MobileTimeRangePicker/MobileTimeRangePicker.js +0 -4
- package/MobileTimeRangePicker/MobileTimeRangePicker.mjs +0 -4
- package/MobileTimeRangePicker/MobileTimeRangePicker.types.d.mts +3 -3
- package/MobileTimeRangePicker/MobileTimeRangePicker.types.d.ts +3 -3
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.mts +2 -2
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +2 -2
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +0 -4
- package/MultiInputDateRangeField/MultiInputDateRangeField.mjs +0 -4
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.mts +2 -2
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +2 -2
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +0 -4
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs +0 -4
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.mts +2 -2
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +2 -2
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +0 -4
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs +0 -4
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.mts +1 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +1 -1
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +22 -28
- package/SingleInputDateRangeField/SingleInputDateRangeField.mjs +22 -28
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.mts +2 -2
- package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +2 -2
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.mts +1 -1
- package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +1 -1
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.mts +1 -1
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +1 -1
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +22 -28
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.mjs +22 -28
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.mts +2 -2
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +2 -2
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.mts +1 -1
- package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +1 -1
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.mts +1 -1
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +1 -1
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +22 -28
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.mjs +22 -28
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.mts +2 -2
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +2 -2
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.mts +1 -1
- package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +1 -1
- package/StaticDateRangePicker/StaticDateRangePicker.js +1 -1
- package/StaticDateRangePicker/StaticDateRangePicker.mjs +1 -1
- package/TimeRangePicker/TimeRangePicker.d.mts +1 -1
- package/TimeRangePicker/TimeRangePicker.d.ts +1 -1
- package/TimeRangePicker/TimeRangePicker.js +0 -4
- package/TimeRangePicker/TimeRangePicker.mjs +0 -4
- package/TimeRangePicker/TimeRangePicker.types.d.mts +3 -3
- package/TimeRangePicker/TimeRangePicker.types.d.ts +3 -3
- package/hooks/useMultiInputRangeField/useMultiInputRangeField.d.mts +8 -9
- package/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts +8 -9
- package/hooks/useMultiInputRangeField/useMultiInputRangeField.js +4 -7
- package/hooks/useMultiInputRangeField/useMultiInputRangeField.mjs +4 -7
- package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.mts +1 -1
- package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts +1 -1
- package/hooks/useMultiInputRangeField/useTextFieldProps.d.mts +3 -3
- package/hooks/useMultiInputRangeField/useTextFieldProps.d.ts +3 -3
- package/hooks/useMultiInputRangeField/useTextFieldProps.js +1 -3
- package/hooks/useMultiInputRangeField/useTextFieldProps.mjs +1 -3
- package/index.d.mts +0 -1
- package/index.d.ts +0 -1
- package/index.js +1 -12
- package/index.mjs +1 -2
- package/internals/constants/dimensions.d.mts +1 -2
- package/internals/constants/dimensions.d.ts +1 -2
- package/internals/constants/dimensions.js +7 -2
- package/internals/constants/dimensions.mjs +2 -2
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.mts +2 -2
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +2 -2
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +2 -2
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs +2 -2
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.mts +5 -5
- package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +5 -5
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.mts +2 -2
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +2 -2
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +2 -2
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs +2 -2
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.mts +6 -6
- package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +6 -6
- package/internals/models/fields.d.mts +1 -1
- package/internals/models/fields.d.ts +1 -1
- package/internals/models/managers.d.mts +1 -1
- package/internals/models/managers.d.ts +1 -1
- package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js +7 -6
- package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.mjs +7 -6
- package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.mts +4 -7
- package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts +4 -7
- package/internals/utils/createMultiInputRangeField/useTextFieldProps.js +7 -5
- package/internals/utils/createMultiInputRangeField/useTextFieldProps.mjs +7 -5
- package/internals/utils/valueManagers.js +2 -6
- package/internals/utils/valueManagers.mjs +3 -7
- package/managers/useDateRangeManager.d.mts +4 -6
- package/managers/useDateRangeManager.d.ts +4 -6
- package/managers/useDateRangeManager.js +1 -3
- package/managers/useDateRangeManager.mjs +1 -3
- package/managers/useDateTimeRangeManager.d.mts +4 -6
- package/managers/useDateTimeRangeManager.d.ts +4 -6
- package/managers/useDateTimeRangeManager.js +1 -3
- package/managers/useDateTimeRangeManager.mjs +1 -3
- package/managers/useTimeRangeManager.d.mts +4 -6
- package/managers/useTimeRangeManager.d.ts +4 -6
- package/managers/useTimeRangeManager.js +1 -3
- package/managers/useTimeRangeManager.mjs +1 -3
- package/models/fields.d.mts +2 -2
- package/models/fields.d.ts +2 -2
- package/package.json +7 -21
- package/themeAugmentation/components.d.mts +0 -4
- package/themeAugmentation/components.d.ts +0 -4
- package/themeAugmentation/overrides.d.mts +0 -2
- package/themeAugmentation/overrides.d.ts +0 -2
- package/themeAugmentation/props.d.mts +12 -14
- package/themeAugmentation/props.d.ts +12 -14
- package/DateRangePickerDay2/DateRangePickerDay2.d.mts +0 -7
- package/DateRangePickerDay2/DateRangePickerDay2.d.ts +0 -7
- package/DateRangePickerDay2/DateRangePickerDay2.js +0 -605
- package/DateRangePickerDay2/DateRangePickerDay2.mjs +0 -598
- package/DateRangePickerDay2/DateRangePickerDay2.types.d.mts +0 -92
- package/DateRangePickerDay2/DateRangePickerDay2.types.d.ts +0 -92
- package/DateRangePickerDay2/DateRangePickerDay2.types.js +0 -5
- package/DateRangePickerDay2/DateRangePickerDay2.types.mjs +0 -1
- package/DateRangePickerDay2/dateRangePickerDay2Classes.d.mts +0 -29
- package/DateRangePickerDay2/dateRangePickerDay2Classes.d.ts +0 -29
- package/DateRangePickerDay2/dateRangePickerDay2Classes.js +0 -14
- package/DateRangePickerDay2/dateRangePickerDay2Classes.mjs +0 -6
- package/DateRangePickerDay2/index.d.mts +0 -4
- package/DateRangePickerDay2/index.d.ts +0 -4
- package/DateRangePickerDay2/index.js +0 -25
- package/DateRangePickerDay2/index.mjs +0 -2
|
@@ -1,30 +1,32 @@
|
|
|
1
|
-
import { PickerDayOwnerState,
|
|
1
|
+
import { PickerDayOwnerState, PickerDayProps } from '@mui/x-date-pickers/PickerDay';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
3
|
+
import { MuiEvent } from '@mui/x-internals/types';
|
|
2
4
|
import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.mjs";
|
|
3
|
-
export interface DateRangePickerDayProps extends Omit<
|
|
5
|
+
export interface DateRangePickerDayProps extends Omit<PickerDayProps, 'classes'> {
|
|
4
6
|
/**
|
|
5
7
|
* Set to `true` if the `day` is in a highlighted date range.
|
|
6
8
|
*/
|
|
7
|
-
isHighlighting
|
|
9
|
+
isHighlighting?: boolean;
|
|
8
10
|
/**
|
|
9
11
|
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
10
12
|
*/
|
|
11
|
-
isEndOfHighlighting
|
|
13
|
+
isEndOfHighlighting?: boolean;
|
|
12
14
|
/**
|
|
13
15
|
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
14
16
|
*/
|
|
15
|
-
isStartOfHighlighting
|
|
17
|
+
isStartOfHighlighting?: boolean;
|
|
16
18
|
/**
|
|
17
19
|
* Set to `true` if the `day` is in a preview date range.
|
|
18
20
|
*/
|
|
19
|
-
isPreviewing
|
|
21
|
+
isPreviewing?: boolean;
|
|
20
22
|
/**
|
|
21
23
|
* Set to `true` if the `day` is the end of a previewing date range.
|
|
22
24
|
*/
|
|
23
|
-
isEndOfPreviewing
|
|
25
|
+
isEndOfPreviewing?: boolean;
|
|
24
26
|
/**
|
|
25
27
|
* Set to `true` if the `day` is the start of a previewing date range.
|
|
26
28
|
*/
|
|
27
|
-
isStartOfPreviewing
|
|
29
|
+
isStartOfPreviewing?: boolean;
|
|
28
30
|
/**
|
|
29
31
|
* Override or extend the styles applied to the component.
|
|
30
32
|
*/
|
|
@@ -38,54 +40,100 @@ export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes'
|
|
|
38
40
|
* @default false
|
|
39
41
|
*/
|
|
40
42
|
draggable?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* If `true`, the day is a filler day (its content is hidden).
|
|
45
|
+
* @default false
|
|
46
|
+
*/
|
|
47
|
+
isDayFillerCell?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Callback fired when the mouse enters the component.
|
|
50
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
51
|
+
* @param {PickerValidDate} day The day.
|
|
52
|
+
* @default () => {}
|
|
53
|
+
*/
|
|
54
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
55
|
+
/**
|
|
56
|
+
* Callback fired when the component is focused.
|
|
57
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
58
|
+
* @param {PickerValidDate} day The day.
|
|
59
|
+
* @default () => {}
|
|
60
|
+
*/
|
|
61
|
+
onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
62
|
+
/**
|
|
63
|
+
* Callback fired when the component is blurred.
|
|
64
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
65
|
+
* @param {PickerValidDate} day The day.
|
|
66
|
+
* @default () => {}
|
|
67
|
+
*/
|
|
68
|
+
onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
69
|
+
/**
|
|
70
|
+
* Callback fired when a key is pressed.
|
|
71
|
+
* @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
|
|
72
|
+
* @param {PickerValidDate} day The day.
|
|
73
|
+
* @default () => {}
|
|
74
|
+
*/
|
|
75
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
76
|
+
/**
|
|
77
|
+
* Callback fired when the mouse button is pressed.
|
|
78
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
79
|
+
* @default () => {}
|
|
80
|
+
*/
|
|
81
|
+
onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
82
|
+
/**
|
|
83
|
+
* Callback fired when the component is clicked.
|
|
84
|
+
* @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
|
|
85
|
+
* @default () => {}
|
|
86
|
+
*/
|
|
87
|
+
onClick?: (event: MuiEvent<React.MouseEvent<HTMLButtonElement>>) => void;
|
|
41
88
|
}
|
|
42
89
|
export interface DateRangePickerDayOwnerState extends PickerDayOwnerState {
|
|
43
90
|
/**
|
|
44
91
|
* Whether the day is the first day of the selected range.
|
|
45
92
|
*/
|
|
46
|
-
isDaySelectionStart
|
|
93
|
+
isDaySelectionStart?: boolean;
|
|
47
94
|
/**
|
|
48
95
|
* Whether the day is the last day of the selected range.
|
|
49
96
|
*/
|
|
50
|
-
isDaySelectionEnd
|
|
97
|
+
isDaySelectionEnd?: boolean;
|
|
51
98
|
/**
|
|
52
99
|
* Whether the day is within the selected range and is not its first or last day.
|
|
53
100
|
*/
|
|
54
|
-
isDayInsideSelection
|
|
101
|
+
isDayInsideSelection?: boolean;
|
|
55
102
|
/**
|
|
56
103
|
* Whether the day is within the preview range.
|
|
57
104
|
*/
|
|
58
|
-
isDayPreviewed
|
|
105
|
+
isDayPreviewed?: boolean;
|
|
59
106
|
/**
|
|
60
107
|
* Whether the day is the first day of the preview range.
|
|
61
108
|
*/
|
|
62
|
-
isDayPreviewStart
|
|
109
|
+
isDayPreviewStart?: boolean;
|
|
63
110
|
/**
|
|
64
111
|
* Whether the day is the last day of the preview range.
|
|
65
112
|
*/
|
|
66
|
-
isDayPreviewEnd
|
|
113
|
+
isDayPreviewEnd?: boolean;
|
|
67
114
|
/**
|
|
68
115
|
* Whether the day is within the preview range and is not its first or last day.
|
|
69
116
|
*/
|
|
70
|
-
isDayInsidePreview
|
|
117
|
+
isDayInsidePreview?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* If `true`, the day can be dragged to change the current date range.
|
|
120
|
+
* @default false
|
|
121
|
+
*/
|
|
122
|
+
isDayDraggable?: boolean;
|
|
71
123
|
/**
|
|
72
124
|
* Whether the day is the first day of the month.
|
|
73
125
|
*/
|
|
74
|
-
isDayStartOfMonth
|
|
126
|
+
isDayStartOfMonth?: boolean;
|
|
75
127
|
/**
|
|
76
128
|
* Whether the day is the last day of the month.
|
|
77
129
|
*/
|
|
78
|
-
isDayEndOfMonth
|
|
130
|
+
isDayEndOfMonth?: boolean;
|
|
79
131
|
/**
|
|
80
132
|
* Whether the day is the first visible cell of the month it's being rendered in.
|
|
81
133
|
*/
|
|
82
|
-
isDayFirstVisibleCell
|
|
134
|
+
isDayFirstVisibleCell?: boolean;
|
|
83
135
|
/**
|
|
84
136
|
* Whether the day is the last visible cell of the month it's being rendered in.
|
|
85
137
|
*/
|
|
86
|
-
isDayLastVisibleCell
|
|
87
|
-
/**
|
|
88
|
-
* Whether the day is a filler day (its content is hidden).
|
|
89
|
-
*/
|
|
90
|
-
isDayFillerCell: boolean;
|
|
138
|
+
isDayLastVisibleCell?: boolean;
|
|
91
139
|
}
|
|
@@ -1,30 +1,32 @@
|
|
|
1
|
-
import { PickerDayOwnerState,
|
|
1
|
+
import { PickerDayOwnerState, PickerDayProps } from '@mui/x-date-pickers/PickerDay';
|
|
2
|
+
import { PickerValidDate } from '@mui/x-date-pickers/models';
|
|
3
|
+
import { MuiEvent } from '@mui/x-internals/types';
|
|
2
4
|
import { DateRangePickerDayClasses } from "./dateRangePickerDayClasses.js";
|
|
3
|
-
export interface DateRangePickerDayProps extends Omit<
|
|
5
|
+
export interface DateRangePickerDayProps extends Omit<PickerDayProps, 'classes'> {
|
|
4
6
|
/**
|
|
5
7
|
* Set to `true` if the `day` is in a highlighted date range.
|
|
6
8
|
*/
|
|
7
|
-
isHighlighting
|
|
9
|
+
isHighlighting?: boolean;
|
|
8
10
|
/**
|
|
9
11
|
* Set to `true` if the `day` is the end of a highlighted date range.
|
|
10
12
|
*/
|
|
11
|
-
isEndOfHighlighting
|
|
13
|
+
isEndOfHighlighting?: boolean;
|
|
12
14
|
/**
|
|
13
15
|
* Set to `true` if the `day` is the start of a highlighted date range.
|
|
14
16
|
*/
|
|
15
|
-
isStartOfHighlighting
|
|
17
|
+
isStartOfHighlighting?: boolean;
|
|
16
18
|
/**
|
|
17
19
|
* Set to `true` if the `day` is in a preview date range.
|
|
18
20
|
*/
|
|
19
|
-
isPreviewing
|
|
21
|
+
isPreviewing?: boolean;
|
|
20
22
|
/**
|
|
21
23
|
* Set to `true` if the `day` is the end of a previewing date range.
|
|
22
24
|
*/
|
|
23
|
-
isEndOfPreviewing
|
|
25
|
+
isEndOfPreviewing?: boolean;
|
|
24
26
|
/**
|
|
25
27
|
* Set to `true` if the `day` is the start of a previewing date range.
|
|
26
28
|
*/
|
|
27
|
-
isStartOfPreviewing
|
|
29
|
+
isStartOfPreviewing?: boolean;
|
|
28
30
|
/**
|
|
29
31
|
* Override or extend the styles applied to the component.
|
|
30
32
|
*/
|
|
@@ -38,54 +40,100 @@ export interface DateRangePickerDayProps extends Omit<PickersDayProps, 'classes'
|
|
|
38
40
|
* @default false
|
|
39
41
|
*/
|
|
40
42
|
draggable?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* If `true`, the day is a filler day (its content is hidden).
|
|
45
|
+
* @default false
|
|
46
|
+
*/
|
|
47
|
+
isDayFillerCell?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Callback fired when the mouse enters the component.
|
|
50
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
51
|
+
* @param {PickerValidDate} day The day.
|
|
52
|
+
* @default () => {}
|
|
53
|
+
*/
|
|
54
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
55
|
+
/**
|
|
56
|
+
* Callback fired when the component is focused.
|
|
57
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
58
|
+
* @param {PickerValidDate} day The day.
|
|
59
|
+
* @default () => {}
|
|
60
|
+
*/
|
|
61
|
+
onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
62
|
+
/**
|
|
63
|
+
* Callback fired when the component is blurred.
|
|
64
|
+
* @param {React.FocusEvent<HTMLButtonElement>} event The event object.
|
|
65
|
+
* @param {PickerValidDate} day The day.
|
|
66
|
+
* @default () => {}
|
|
67
|
+
*/
|
|
68
|
+
onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
69
|
+
/**
|
|
70
|
+
* Callback fired when a key is pressed.
|
|
71
|
+
* @param {React.KeyboardEvent<HTMLButtonElement>} event The event object.
|
|
72
|
+
* @param {PickerValidDate} day The day.
|
|
73
|
+
* @default () => {}
|
|
74
|
+
*/
|
|
75
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
76
|
+
/**
|
|
77
|
+
* Callback fired when the mouse button is pressed.
|
|
78
|
+
* @param {React.MouseEvent<HTMLButtonElement>} event The event object.
|
|
79
|
+
* @default () => {}
|
|
80
|
+
*/
|
|
81
|
+
onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
82
|
+
/**
|
|
83
|
+
* Callback fired when the component is clicked.
|
|
84
|
+
* @param {MuiEvent<React.MouseEvent<HTMLButtonElement>>} event The event object.
|
|
85
|
+
* @default () => {}
|
|
86
|
+
*/
|
|
87
|
+
onClick?: (event: MuiEvent<React.MouseEvent<HTMLButtonElement>>) => void;
|
|
41
88
|
}
|
|
42
89
|
export interface DateRangePickerDayOwnerState extends PickerDayOwnerState {
|
|
43
90
|
/**
|
|
44
91
|
* Whether the day is the first day of the selected range.
|
|
45
92
|
*/
|
|
46
|
-
isDaySelectionStart
|
|
93
|
+
isDaySelectionStart?: boolean;
|
|
47
94
|
/**
|
|
48
95
|
* Whether the day is the last day of the selected range.
|
|
49
96
|
*/
|
|
50
|
-
isDaySelectionEnd
|
|
97
|
+
isDaySelectionEnd?: boolean;
|
|
51
98
|
/**
|
|
52
99
|
* Whether the day is within the selected range and is not its first or last day.
|
|
53
100
|
*/
|
|
54
|
-
isDayInsideSelection
|
|
101
|
+
isDayInsideSelection?: boolean;
|
|
55
102
|
/**
|
|
56
103
|
* Whether the day is within the preview range.
|
|
57
104
|
*/
|
|
58
|
-
isDayPreviewed
|
|
105
|
+
isDayPreviewed?: boolean;
|
|
59
106
|
/**
|
|
60
107
|
* Whether the day is the first day of the preview range.
|
|
61
108
|
*/
|
|
62
|
-
isDayPreviewStart
|
|
109
|
+
isDayPreviewStart?: boolean;
|
|
63
110
|
/**
|
|
64
111
|
* Whether the day is the last day of the preview range.
|
|
65
112
|
*/
|
|
66
|
-
isDayPreviewEnd
|
|
113
|
+
isDayPreviewEnd?: boolean;
|
|
67
114
|
/**
|
|
68
115
|
* Whether the day is within the preview range and is not its first or last day.
|
|
69
116
|
*/
|
|
70
|
-
isDayInsidePreview
|
|
117
|
+
isDayInsidePreview?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* If `true`, the day can be dragged to change the current date range.
|
|
120
|
+
* @default false
|
|
121
|
+
*/
|
|
122
|
+
isDayDraggable?: boolean;
|
|
71
123
|
/**
|
|
72
124
|
* Whether the day is the first day of the month.
|
|
73
125
|
*/
|
|
74
|
-
isDayStartOfMonth
|
|
126
|
+
isDayStartOfMonth?: boolean;
|
|
75
127
|
/**
|
|
76
128
|
* Whether the day is the last day of the month.
|
|
77
129
|
*/
|
|
78
|
-
isDayEndOfMonth
|
|
130
|
+
isDayEndOfMonth?: boolean;
|
|
79
131
|
/**
|
|
80
132
|
* Whether the day is the first visible cell of the month it's being rendered in.
|
|
81
133
|
*/
|
|
82
|
-
isDayFirstVisibleCell
|
|
134
|
+
isDayFirstVisibleCell?: boolean;
|
|
83
135
|
/**
|
|
84
136
|
* Whether the day is the last visible cell of the month it's being rendered in.
|
|
85
137
|
*/
|
|
86
|
-
isDayLastVisibleCell
|
|
87
|
-
/**
|
|
88
|
-
* Whether the day is a filler day (its content is hidden).
|
|
89
|
-
*/
|
|
90
|
-
isDayFillerCell: boolean;
|
|
138
|
+
isDayLastVisibleCell?: boolean;
|
|
91
139
|
}
|
|
@@ -1,41 +1,45 @@
|
|
|
1
1
|
export interface DateRangePickerDayClasses {
|
|
2
2
|
/** Styles applied to the root element. */
|
|
3
3
|
root: string;
|
|
4
|
-
/** Styles applied to the root element if `
|
|
5
|
-
|
|
6
|
-
/** Styles applied to the root element if `
|
|
7
|
-
|
|
8
|
-
/** Styles applied to the root element if `
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
/** Styles applied to the root element if `
|
|
15
|
-
|
|
16
|
-
/** Styles applied to the root element if `
|
|
17
|
-
|
|
18
|
-
/** Styles applied to the root element if `
|
|
19
|
-
|
|
20
|
-
/** Styles applied to the root element if `
|
|
4
|
+
/** Styles applied to the root element if `isDayOutsideMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
5
|
+
dayOutsideMonth: string;
|
|
6
|
+
/** Styles applied to the root element if `isDayOutsideMonth=true` and `showDaysOutsideCurrentMonth=false`. */
|
|
7
|
+
fillerCell: string;
|
|
8
|
+
/** Styles applied to the root element if `disableHighlightToday=false` and `isDayCurrent=true`. */
|
|
9
|
+
today: string;
|
|
10
|
+
/** State class applied to the root element if `isDayDisabled=true`. */
|
|
11
|
+
disabled: string;
|
|
12
|
+
/** State class applied to the root element if `isDaySelected=true`. */
|
|
13
|
+
selected: string;
|
|
14
|
+
/** Styles applied to the root element if `isDayPreviewStart=true`. */
|
|
15
|
+
previewStart: string;
|
|
16
|
+
/** Styles applied to the root element if `isDayPreviewEnd=true`. */
|
|
17
|
+
previewEnd: string;
|
|
18
|
+
/** Styles applied to the root element if `isDayInsidePreview=true`. */
|
|
19
|
+
insidePreviewing: string;
|
|
20
|
+
/** Styles applied to the root element if `isDaySelectionStart=true`. */
|
|
21
|
+
selectionStart: string;
|
|
22
|
+
/** Styles applied to the root element if `isDaySelectionEnd=true`. */
|
|
23
|
+
selectionEnd: string;
|
|
24
|
+
/** Styles applied to the root element if `isDayInsideSelection=true`. */
|
|
25
|
+
insideSelection: string;
|
|
26
|
+
/** Styles applied to the root element if `isDayStartOfWeek=true`. */
|
|
27
|
+
startOfWeek: string;
|
|
28
|
+
/** Styles applied to the root element if `isDayEndOfWeek=true`. */
|
|
29
|
+
endOfWeek: string;
|
|
30
|
+
/** Styles applied to the root element if `isDayStartOfMonth=true`. */
|
|
21
31
|
startOfMonth: string;
|
|
22
|
-
/** Styles applied to the root element if `
|
|
32
|
+
/** Styles applied to the root element if `isDayEndOfMonth=true`. */
|
|
23
33
|
endOfMonth: string;
|
|
24
|
-
/** Styles applied to the root element if `
|
|
34
|
+
/** Styles applied to the root element if `isDayFirstVisibleCell=true`. */
|
|
25
35
|
firstVisibleCell: string;
|
|
26
|
-
/** Styles applied to the root element if `
|
|
36
|
+
/** Styles applied to the root element if `isDayLastVisibleCell=true`. */
|
|
27
37
|
lastVisibleCell: string;
|
|
28
|
-
/** Styles applied to the root element if
|
|
29
|
-
|
|
30
|
-
/** Styles applied to the
|
|
31
|
-
|
|
32
|
-
/** Styles applied to the day element if `isHighlighting=false`. */
|
|
33
|
-
dayOutsideRangeInterval: string;
|
|
34
|
-
/** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
|
|
35
|
-
dayInsideRangeInterval: string;
|
|
36
|
-
/** Styles applied to the day element if `selected=false`. */
|
|
37
|
-
notSelectedDate: string;
|
|
38
|
+
/** Styles applied to the root element if `isDayPreviewed=true`. */
|
|
39
|
+
previewed: string;
|
|
40
|
+
/** Styles applied to the root element if `isDayDraggable=true`. */
|
|
41
|
+
draggable: string;
|
|
38
42
|
}
|
|
39
43
|
export type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
|
|
40
44
|
export declare function getDateRangePickerDayUtilityClass(slot: string): string;
|
|
41
|
-
export declare const dateRangePickerDayClasses: DateRangePickerDayClasses
|
|
45
|
+
export declare const dateRangePickerDayClasses: Record<keyof DateRangePickerDayClasses, string>;
|
|
@@ -1,41 +1,45 @@
|
|
|
1
1
|
export interface DateRangePickerDayClasses {
|
|
2
2
|
/** Styles applied to the root element. */
|
|
3
3
|
root: string;
|
|
4
|
-
/** Styles applied to the root element if `
|
|
5
|
-
|
|
6
|
-
/** Styles applied to the root element if `
|
|
7
|
-
|
|
8
|
-
/** Styles applied to the root element if `
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
|
|
14
|
-
/** Styles applied to the root element if `
|
|
15
|
-
|
|
16
|
-
/** Styles applied to the root element if `
|
|
17
|
-
|
|
18
|
-
/** Styles applied to the root element if `
|
|
19
|
-
|
|
20
|
-
/** Styles applied to the root element if `
|
|
4
|
+
/** Styles applied to the root element if `isDayOutsideMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
5
|
+
dayOutsideMonth: string;
|
|
6
|
+
/** Styles applied to the root element if `isDayOutsideMonth=true` and `showDaysOutsideCurrentMonth=false`. */
|
|
7
|
+
fillerCell: string;
|
|
8
|
+
/** Styles applied to the root element if `disableHighlightToday=false` and `isDayCurrent=true`. */
|
|
9
|
+
today: string;
|
|
10
|
+
/** State class applied to the root element if `isDayDisabled=true`. */
|
|
11
|
+
disabled: string;
|
|
12
|
+
/** State class applied to the root element if `isDaySelected=true`. */
|
|
13
|
+
selected: string;
|
|
14
|
+
/** Styles applied to the root element if `isDayPreviewStart=true`. */
|
|
15
|
+
previewStart: string;
|
|
16
|
+
/** Styles applied to the root element if `isDayPreviewEnd=true`. */
|
|
17
|
+
previewEnd: string;
|
|
18
|
+
/** Styles applied to the root element if `isDayInsidePreview=true`. */
|
|
19
|
+
insidePreviewing: string;
|
|
20
|
+
/** Styles applied to the root element if `isDaySelectionStart=true`. */
|
|
21
|
+
selectionStart: string;
|
|
22
|
+
/** Styles applied to the root element if `isDaySelectionEnd=true`. */
|
|
23
|
+
selectionEnd: string;
|
|
24
|
+
/** Styles applied to the root element if `isDayInsideSelection=true`. */
|
|
25
|
+
insideSelection: string;
|
|
26
|
+
/** Styles applied to the root element if `isDayStartOfWeek=true`. */
|
|
27
|
+
startOfWeek: string;
|
|
28
|
+
/** Styles applied to the root element if `isDayEndOfWeek=true`. */
|
|
29
|
+
endOfWeek: string;
|
|
30
|
+
/** Styles applied to the root element if `isDayStartOfMonth=true`. */
|
|
21
31
|
startOfMonth: string;
|
|
22
|
-
/** Styles applied to the root element if `
|
|
32
|
+
/** Styles applied to the root element if `isDayEndOfMonth=true`. */
|
|
23
33
|
endOfMonth: string;
|
|
24
|
-
/** Styles applied to the root element if `
|
|
34
|
+
/** Styles applied to the root element if `isDayFirstVisibleCell=true`. */
|
|
25
35
|
firstVisibleCell: string;
|
|
26
|
-
/** Styles applied to the root element if `
|
|
36
|
+
/** Styles applied to the root element if `isDayLastVisibleCell=true`. */
|
|
27
37
|
lastVisibleCell: string;
|
|
28
|
-
/** Styles applied to the root element if
|
|
29
|
-
|
|
30
|
-
/** Styles applied to the
|
|
31
|
-
|
|
32
|
-
/** Styles applied to the day element if `isHighlighting=false`. */
|
|
33
|
-
dayOutsideRangeInterval: string;
|
|
34
|
-
/** Styles applied to the day element if `selected=false` and `isHighlighting=true`. */
|
|
35
|
-
dayInsideRangeInterval: string;
|
|
36
|
-
/** Styles applied to the day element if `selected=false`. */
|
|
37
|
-
notSelectedDate: string;
|
|
38
|
+
/** Styles applied to the root element if `isDayPreviewed=true`. */
|
|
39
|
+
previewed: string;
|
|
40
|
+
/** Styles applied to the root element if `isDayDraggable=true`. */
|
|
41
|
+
draggable: string;
|
|
38
42
|
}
|
|
39
43
|
export type DateRangePickerDayClassKey = keyof DateRangePickerDayClasses;
|
|
40
44
|
export declare function getDateRangePickerDayUtilityClass(slot: string): string;
|
|
41
|
-
export declare const dateRangePickerDayClasses: DateRangePickerDayClasses
|
|
45
|
+
export declare const dateRangePickerDayClasses: Record<keyof DateRangePickerDayClasses, string>;
|
|
@@ -11,4 +11,4 @@ var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generat
|
|
|
11
11
|
function getDateRangePickerDayUtilityClass(slot) {
|
|
12
12
|
return (0, _generateUtilityClass.default)('MuiDateRangePickerDay', slot);
|
|
13
13
|
}
|
|
14
|
-
const dateRangePickerDayClasses = exports.dateRangePickerDayClasses = (0, _generateUtilityClasses.default)('MuiDateRangePickerDay', ['root', '
|
|
14
|
+
const dateRangePickerDayClasses = exports.dateRangePickerDayClasses = (0, _generateUtilityClasses.default)('MuiDateRangePickerDay', ['root', 'dayOutsideMonth', 'today', 'disabled', 'fillerCell', 'previewStart', 'previewEnd', 'insidePreviewing', 'selectionStart', 'selectionEnd', 'insideSelection', 'startOfWeek', 'endOfWeek', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'previewed', 'selected', 'draggable']);
|
|
@@ -3,4 +3,4 @@ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
|
3
3
|
export function getDateRangePickerDayUtilityClass(slot) {
|
|
4
4
|
return generateUtilityClass('MuiDateRangePickerDay', slot);
|
|
5
5
|
}
|
|
6
|
-
export const dateRangePickerDayClasses = generateUtilityClasses('MuiDateRangePickerDay', ['root', '
|
|
6
|
+
export const dateRangePickerDayClasses = generateUtilityClasses('MuiDateRangePickerDay', ['root', 'dayOutsideMonth', 'today', 'disabled', 'fillerCell', 'previewStart', 'previewEnd', 'insidePreviewing', 'selectionStart', 'selectionEnd', 'insideSelection', 'startOfWeek', 'endOfWeek', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'previewed', 'selected', 'draggable']);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DateTimeRangePickerProps } from "./DateTimeRangePicker.types.mjs";
|
|
3
|
-
type DateTimeRangePickerComponent = (
|
|
3
|
+
type DateTimeRangePickerComponent = ((props: DateTimeRangePickerProps & 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 { DateTimeRangePickerProps } from "./DateTimeRangePicker.types.js";
|
|
3
|
-
type DateTimeRangePickerComponent = (
|
|
3
|
+
type DateTimeRangePickerComponent = ((props: DateTimeRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -132,7 +132,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
132
132
|
*/
|
|
133
133
|
disableFuture: _propTypes.default.bool,
|
|
134
134
|
/**
|
|
135
|
-
* If `true`, today's
|
|
135
|
+
* If `true`, today's day is not highlighted.
|
|
136
136
|
* @default false
|
|
137
137
|
*/
|
|
138
138
|
disableHighlightToday: _propTypes.default.bool,
|
|
@@ -156,10 +156,6 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
156
156
|
* If `true`, the week number will be display in the calendar.
|
|
157
157
|
*/
|
|
158
158
|
displayWeekNumber: _propTypes.default.bool,
|
|
159
|
-
/**
|
|
160
|
-
* @default true
|
|
161
|
-
*/
|
|
162
|
-
enableAccessibleFieldDOMStructure: _propTypes.default.any,
|
|
163
159
|
/**
|
|
164
160
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
165
161
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -125,7 +125,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
125
125
|
*/
|
|
126
126
|
disableFuture: PropTypes.bool,
|
|
127
127
|
/**
|
|
128
|
-
* If `true`, today's
|
|
128
|
+
* If `true`, today's day is not highlighted.
|
|
129
129
|
* @default false
|
|
130
130
|
*/
|
|
131
131
|
disableHighlightToday: PropTypes.bool,
|
|
@@ -149,10 +149,6 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
|
|
|
149
149
|
* If `true`, the week number will be display in the calendar.
|
|
150
150
|
*/
|
|
151
151
|
displayWeekNumber: PropTypes.bool,
|
|
152
|
-
/**
|
|
153
|
-
* @default true
|
|
154
|
-
*/
|
|
155
|
-
enableAccessibleFieldDOMStructure: PropTypes.any,
|
|
156
152
|
/**
|
|
157
153
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
158
154
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -3,8 +3,8 @@ import { DesktopDateTimeRangePickerProps, DesktopDateTimeRangePickerSlots, Deskt
|
|
|
3
3
|
import { MobileDateTimeRangePickerProps, MobileDateTimeRangePickerSlots, MobileDateTimeRangePickerSlotProps } from "../MobileDateTimeRangePicker/index.mjs";
|
|
4
4
|
import type { ValidateDateTimeRangeProps } from "../validation/index.mjs";
|
|
5
5
|
export interface DateTimeRangePickerSlots extends DesktopDateTimeRangePickerSlots, MobileDateTimeRangePickerSlots {}
|
|
6
|
-
export interface DateTimeRangePickerSlotProps
|
|
7
|
-
export interface DateTimeRangePickerProps
|
|
6
|
+
export interface DateTimeRangePickerSlotProps extends DesktopDateTimeRangePickerSlotProps, MobileDateTimeRangePickerSlotProps {}
|
|
7
|
+
export interface DateTimeRangePickerProps extends DesktopDateTimeRangePickerProps, MobileDateTimeRangePickerProps {
|
|
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 DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure ext
|
|
|
20
20
|
* The props used for each component slot.
|
|
21
21
|
* @default {}
|
|
22
22
|
*/
|
|
23
|
-
slotProps?: DateTimeRangePickerSlotProps
|
|
23
|
+
slotProps?: DateTimeRangePickerSlotProps;
|
|
24
24
|
}
|
|
25
25
|
/**
|
|
26
26
|
* Props the field can receive when used inside a Date Time Range Picker (<DateTimeRangePicker />, <DesktopDateTimeRangePicker /> or <MobileDateTimeRangePicker /> component).
|
|
@@ -3,8 +3,8 @@ import { DesktopDateTimeRangePickerProps, DesktopDateTimeRangePickerSlots, Deskt
|
|
|
3
3
|
import { MobileDateTimeRangePickerProps, MobileDateTimeRangePickerSlots, MobileDateTimeRangePickerSlotProps } from "../MobileDateTimeRangePicker/index.js";
|
|
4
4
|
import type { ValidateDateTimeRangeProps } from "../validation/index.js";
|
|
5
5
|
export interface DateTimeRangePickerSlots extends DesktopDateTimeRangePickerSlots, MobileDateTimeRangePickerSlots {}
|
|
6
|
-
export interface DateTimeRangePickerSlotProps
|
|
7
|
-
export interface DateTimeRangePickerProps
|
|
6
|
+
export interface DateTimeRangePickerSlotProps extends DesktopDateTimeRangePickerSlotProps, MobileDateTimeRangePickerSlotProps {}
|
|
7
|
+
export interface DateTimeRangePickerProps extends DesktopDateTimeRangePickerProps, MobileDateTimeRangePickerProps {
|
|
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 DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure ext
|
|
|
20
20
|
* The props used for each component slot.
|
|
21
21
|
* @default {}
|
|
22
22
|
*/
|
|
23
|
-
slotProps?: DateTimeRangePickerSlotProps
|
|
23
|
+
slotProps?: DateTimeRangePickerSlotProps;
|
|
24
24
|
}
|
|
25
25
|
/**
|
|
26
26
|
* Props the field can receive when used inside a Date Time Range Picker (<DateTimeRangePicker />, <DesktopDateTimeRangePicker /> or <MobileDateTimeRangePicker /> component).
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { DesktopDateRangePickerProps } from "./DesktopDateRangePicker.types.mjs";
|
|
3
|
-
type DesktopDateRangePickerComponent = (
|
|
3
|
+
type DesktopDateRangePickerComponent = ((props: DesktopDateRangePickerProps & 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 { DesktopDateRangePickerProps } from "./DesktopDateRangePicker.types.js";
|
|
3
|
-
type DesktopDateRangePickerComponent = (
|
|
3
|
+
type DesktopDateRangePickerComponent = ((props: DesktopDateRangePickerProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
6
|
/**
|
|
@@ -137,7 +137,7 @@ DesktopDateRangePicker.propTypes = {
|
|
|
137
137
|
*/
|
|
138
138
|
disableFuture: _propTypes.default.bool,
|
|
139
139
|
/**
|
|
140
|
-
* If `true`, today's
|
|
140
|
+
* If `true`, today's day is not highlighted.
|
|
141
141
|
* @default false
|
|
142
142
|
*/
|
|
143
143
|
disableHighlightToday: _propTypes.default.bool,
|
|
@@ -156,10 +156,6 @@ DesktopDateRangePicker.propTypes = {
|
|
|
156
156
|
* If `true`, the week number will be display in the calendar.
|
|
157
157
|
*/
|
|
158
158
|
displayWeekNumber: _propTypes.default.bool,
|
|
159
|
-
/**
|
|
160
|
-
* @default true
|
|
161
|
-
*/
|
|
162
|
-
enableAccessibleFieldDOMStructure: _propTypes.default.any,
|
|
163
159
|
/**
|
|
164
160
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
165
161
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|
|
@@ -130,7 +130,7 @@ DesktopDateRangePicker.propTypes = {
|
|
|
130
130
|
*/
|
|
131
131
|
disableFuture: PropTypes.bool,
|
|
132
132
|
/**
|
|
133
|
-
* If `true`, today's
|
|
133
|
+
* If `true`, today's day is not highlighted.
|
|
134
134
|
* @default false
|
|
135
135
|
*/
|
|
136
136
|
disableHighlightToday: PropTypes.bool,
|
|
@@ -149,10 +149,6 @@ DesktopDateRangePicker.propTypes = {
|
|
|
149
149
|
* If `true`, the week number will be display in the calendar.
|
|
150
150
|
*/
|
|
151
151
|
displayWeekNumber: PropTypes.bool,
|
|
152
|
-
/**
|
|
153
|
-
* @default true
|
|
154
|
-
*/
|
|
155
|
-
enableAccessibleFieldDOMStructure: PropTypes.any,
|
|
156
152
|
/**
|
|
157
153
|
* The day view will show as many weeks as needed after the end of the current month to match this value.
|
|
158
154
|
* Put it to 6 to have a fixed number of weeks in Gregorian calendars
|