@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.
Files changed (186) hide show
  1. package/CHANGELOG.md +267 -1
  2. package/DateRangeCalendar/DateRangeCalendar.js +9 -21
  3. package/DateRangeCalendar/DateRangeCalendar.mjs +9 -21
  4. package/DateRangeCalendar/DateRangeCalendar.types.d.mts +3 -3
  5. package/DateRangeCalendar/DateRangeCalendar.types.d.ts +3 -3
  6. package/DateRangePicker/DateRangePicker.d.mts +1 -1
  7. package/DateRangePicker/DateRangePicker.d.ts +1 -1
  8. package/DateRangePicker/DateRangePicker.js +1 -5
  9. package/DateRangePicker/DateRangePicker.mjs +1 -5
  10. package/DateRangePicker/DateRangePicker.types.d.mts +3 -3
  11. package/DateRangePicker/DateRangePicker.types.d.ts +3 -3
  12. package/DateRangePickerDay/DateRangePickerDay.d.mts +3 -3
  13. package/DateRangePickerDay/DateRangePickerDay.d.ts +3 -3
  14. package/DateRangePickerDay/DateRangePickerDay.js +416 -212
  15. package/DateRangePickerDay/DateRangePickerDay.mjs +418 -214
  16. package/DateRangePickerDay/DateRangePickerDay.types.d.mts +71 -23
  17. package/DateRangePickerDay/DateRangePickerDay.types.d.ts +71 -23
  18. package/DateRangePickerDay/dateRangePickerDayClasses.d.mts +35 -31
  19. package/DateRangePickerDay/dateRangePickerDayClasses.d.ts +35 -31
  20. package/DateRangePickerDay/dateRangePickerDayClasses.js +1 -1
  21. package/DateRangePickerDay/dateRangePickerDayClasses.mjs +1 -1
  22. package/DateTimeRangePicker/DateTimeRangePicker.d.mts +1 -1
  23. package/DateTimeRangePicker/DateTimeRangePicker.d.ts +1 -1
  24. package/DateTimeRangePicker/DateTimeRangePicker.js +1 -5
  25. package/DateTimeRangePicker/DateTimeRangePicker.mjs +1 -5
  26. package/DateTimeRangePicker/DateTimeRangePicker.types.d.mts +3 -3
  27. package/DateTimeRangePicker/DateTimeRangePicker.types.d.ts +3 -3
  28. package/DesktopDateRangePicker/DesktopDateRangePicker.d.mts +1 -1
  29. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +1 -1
  30. package/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -5
  31. package/DesktopDateRangePicker/DesktopDateRangePicker.mjs +1 -5
  32. package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.mts +3 -3
  33. package/DesktopDateRangePicker/DesktopDateRangePicker.types.d.ts +3 -3
  34. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.mts +1 -1
  35. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.d.ts +1 -1
  36. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +1 -5
  37. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.mjs +1 -5
  38. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.mts +3 -3
  39. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.types.d.ts +3 -3
  40. package/DesktopTimeRangePicker/DesktopTimeRangePicker.d.mts +1 -1
  41. package/DesktopTimeRangePicker/DesktopTimeRangePicker.d.ts +1 -1
  42. package/DesktopTimeRangePicker/DesktopTimeRangePicker.js +0 -4
  43. package/DesktopTimeRangePicker/DesktopTimeRangePicker.mjs +0 -4
  44. package/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.mts +3 -3
  45. package/DesktopTimeRangePicker/DesktopTimeRangePicker.types.d.ts +3 -3
  46. package/MobileDateRangePicker/MobileDateRangePicker.d.mts +1 -1
  47. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +1 -1
  48. package/MobileDateRangePicker/MobileDateRangePicker.js +1 -5
  49. package/MobileDateRangePicker/MobileDateRangePicker.mjs +1 -5
  50. package/MobileDateRangePicker/MobileDateRangePicker.types.d.mts +3 -3
  51. package/MobileDateRangePicker/MobileDateRangePicker.types.d.ts +3 -3
  52. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.mts +1 -1
  53. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.d.ts +1 -1
  54. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +1 -5
  55. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.mjs +1 -5
  56. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.mts +3 -3
  57. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.types.d.ts +3 -3
  58. package/MobileTimeRangePicker/MobileTimeRangePicker.d.mts +1 -1
  59. package/MobileTimeRangePicker/MobileTimeRangePicker.d.ts +1 -1
  60. package/MobileTimeRangePicker/MobileTimeRangePicker.js +0 -4
  61. package/MobileTimeRangePicker/MobileTimeRangePicker.mjs +0 -4
  62. package/MobileTimeRangePicker/MobileTimeRangePicker.types.d.mts +3 -3
  63. package/MobileTimeRangePicker/MobileTimeRangePicker.types.d.ts +3 -3
  64. package/MultiInputDateRangeField/MultiInputDateRangeField.d.mts +2 -2
  65. package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +2 -2
  66. package/MultiInputDateRangeField/MultiInputDateRangeField.js +0 -4
  67. package/MultiInputDateRangeField/MultiInputDateRangeField.mjs +0 -4
  68. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.mts +2 -2
  69. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +2 -2
  70. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +0 -4
  71. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.mjs +0 -4
  72. package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.mts +2 -2
  73. package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +2 -2
  74. package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +0 -4
  75. package/MultiInputTimeRangeField/MultiInputTimeRangeField.mjs +0 -4
  76. package/SingleInputDateRangeField/SingleInputDateRangeField.d.mts +1 -1
  77. package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +1 -1
  78. package/SingleInputDateRangeField/SingleInputDateRangeField.js +22 -28
  79. package/SingleInputDateRangeField/SingleInputDateRangeField.mjs +22 -28
  80. package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.mts +2 -2
  81. package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +2 -2
  82. package/SingleInputDateRangeField/useSingleInputDateRangeField.d.mts +1 -1
  83. package/SingleInputDateRangeField/useSingleInputDateRangeField.d.ts +1 -1
  84. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.mts +1 -1
  85. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +1 -1
  86. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +22 -28
  87. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.mjs +22 -28
  88. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.mts +2 -2
  89. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +2 -2
  90. package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.mts +1 -1
  91. package/SingleInputDateTimeRangeField/useSingleInputDateTimeRangeField.d.ts +1 -1
  92. package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.mts +1 -1
  93. package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +1 -1
  94. package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +22 -28
  95. package/SingleInputTimeRangeField/SingleInputTimeRangeField.mjs +22 -28
  96. package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.mts +2 -2
  97. package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +2 -2
  98. package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.mts +1 -1
  99. package/SingleInputTimeRangeField/useSingleInputTimeRangeField.d.ts +1 -1
  100. package/StaticDateRangePicker/StaticDateRangePicker.js +1 -1
  101. package/StaticDateRangePicker/StaticDateRangePicker.mjs +1 -1
  102. package/TimeRangePicker/TimeRangePicker.d.mts +1 -1
  103. package/TimeRangePicker/TimeRangePicker.d.ts +1 -1
  104. package/TimeRangePicker/TimeRangePicker.js +0 -4
  105. package/TimeRangePicker/TimeRangePicker.mjs +0 -4
  106. package/TimeRangePicker/TimeRangePicker.types.d.mts +3 -3
  107. package/TimeRangePicker/TimeRangePicker.types.d.ts +3 -3
  108. package/hooks/useMultiInputRangeField/useMultiInputRangeField.d.mts +8 -9
  109. package/hooks/useMultiInputRangeField/useMultiInputRangeField.d.ts +8 -9
  110. package/hooks/useMultiInputRangeField/useMultiInputRangeField.js +4 -7
  111. package/hooks/useMultiInputRangeField/useMultiInputRangeField.mjs +4 -7
  112. package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.mts +1 -1
  113. package/hooks/useMultiInputRangeField/useMultiInputRangeFieldSelectedSections.d.ts +1 -1
  114. package/hooks/useMultiInputRangeField/useTextFieldProps.d.mts +3 -3
  115. package/hooks/useMultiInputRangeField/useTextFieldProps.d.ts +3 -3
  116. package/hooks/useMultiInputRangeField/useTextFieldProps.js +1 -3
  117. package/hooks/useMultiInputRangeField/useTextFieldProps.mjs +1 -3
  118. package/index.d.mts +0 -1
  119. package/index.d.ts +0 -1
  120. package/index.js +1 -12
  121. package/index.mjs +1 -2
  122. package/internals/constants/dimensions.d.mts +1 -2
  123. package/internals/constants/dimensions.d.ts +1 -2
  124. package/internals/constants/dimensions.js +7 -2
  125. package/internals/constants/dimensions.mjs +2 -2
  126. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.mts +2 -2
  127. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.d.ts +2 -2
  128. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +2 -2
  129. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.mjs +2 -2
  130. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.mts +5 -5
  131. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts +5 -5
  132. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.mts +2 -2
  133. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.d.ts +2 -2
  134. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +2 -2
  135. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.mjs +2 -2
  136. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.mts +6 -6
  137. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts +6 -6
  138. package/internals/models/fields.d.mts +1 -1
  139. package/internals/models/fields.d.ts +1 -1
  140. package/internals/models/managers.d.mts +1 -1
  141. package/internals/models/managers.d.ts +1 -1
  142. package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.js +7 -6
  143. package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.mjs +7 -6
  144. package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.mts +4 -7
  145. package/internals/utils/createMultiInputRangeField/createMultiInputRangeField.types.d.ts +4 -7
  146. package/internals/utils/createMultiInputRangeField/useTextFieldProps.js +7 -5
  147. package/internals/utils/createMultiInputRangeField/useTextFieldProps.mjs +7 -5
  148. package/internals/utils/valueManagers.js +2 -6
  149. package/internals/utils/valueManagers.mjs +3 -7
  150. package/managers/useDateRangeManager.d.mts +4 -6
  151. package/managers/useDateRangeManager.d.ts +4 -6
  152. package/managers/useDateRangeManager.js +1 -3
  153. package/managers/useDateRangeManager.mjs +1 -3
  154. package/managers/useDateTimeRangeManager.d.mts +4 -6
  155. package/managers/useDateTimeRangeManager.d.ts +4 -6
  156. package/managers/useDateTimeRangeManager.js +1 -3
  157. package/managers/useDateTimeRangeManager.mjs +1 -3
  158. package/managers/useTimeRangeManager.d.mts +4 -6
  159. package/managers/useTimeRangeManager.d.ts +4 -6
  160. package/managers/useTimeRangeManager.js +1 -3
  161. package/managers/useTimeRangeManager.mjs +1 -3
  162. package/models/fields.d.mts +2 -2
  163. package/models/fields.d.ts +2 -2
  164. package/package.json +7 -21
  165. package/themeAugmentation/components.d.mts +0 -4
  166. package/themeAugmentation/components.d.ts +0 -4
  167. package/themeAugmentation/overrides.d.mts +0 -2
  168. package/themeAugmentation/overrides.d.ts +0 -2
  169. package/themeAugmentation/props.d.mts +12 -14
  170. package/themeAugmentation/props.d.ts +12 -14
  171. package/DateRangePickerDay2/DateRangePickerDay2.d.mts +0 -7
  172. package/DateRangePickerDay2/DateRangePickerDay2.d.ts +0 -7
  173. package/DateRangePickerDay2/DateRangePickerDay2.js +0 -605
  174. package/DateRangePickerDay2/DateRangePickerDay2.mjs +0 -598
  175. package/DateRangePickerDay2/DateRangePickerDay2.types.d.mts +0 -92
  176. package/DateRangePickerDay2/DateRangePickerDay2.types.d.ts +0 -92
  177. package/DateRangePickerDay2/DateRangePickerDay2.types.js +0 -5
  178. package/DateRangePickerDay2/DateRangePickerDay2.types.mjs +0 -1
  179. package/DateRangePickerDay2/dateRangePickerDay2Classes.d.mts +0 -29
  180. package/DateRangePickerDay2/dateRangePickerDay2Classes.d.ts +0 -29
  181. package/DateRangePickerDay2/dateRangePickerDay2Classes.js +0 -14
  182. package/DateRangePickerDay2/dateRangePickerDay2Classes.mjs +0 -6
  183. package/DateRangePickerDay2/index.d.mts +0 -4
  184. package/DateRangePickerDay2/index.d.ts +0 -4
  185. package/DateRangePickerDay2/index.js +0 -25
  186. package/DateRangePickerDay2/index.mjs +0 -2
@@ -1,30 +1,32 @@
1
- import { PickerDayOwnerState, PickersDayProps } from '@mui/x-date-pickers/PickersDay';
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<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
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: boolean;
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: boolean;
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: boolean;
17
+ isStartOfHighlighting?: boolean;
16
18
  /**
17
19
  * Set to `true` if the `day` is in a preview date range.
18
20
  */
19
- isPreviewing: boolean;
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: boolean;
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: boolean;
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: boolean;
93
+ isDaySelectionStart?: boolean;
47
94
  /**
48
95
  * Whether the day is the last day of the selected range.
49
96
  */
50
- isDaySelectionEnd: boolean;
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: boolean;
101
+ isDayInsideSelection?: boolean;
55
102
  /**
56
103
  * Whether the day is within the preview range.
57
104
  */
58
- isDayPreviewed: boolean;
105
+ isDayPreviewed?: boolean;
59
106
  /**
60
107
  * Whether the day is the first day of the preview range.
61
108
  */
62
- isDayPreviewStart: boolean;
109
+ isDayPreviewStart?: boolean;
63
110
  /**
64
111
  * Whether the day is the last day of the preview range.
65
112
  */
66
- isDayPreviewEnd: boolean;
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: boolean;
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: boolean;
126
+ isDayStartOfMonth?: boolean;
75
127
  /**
76
128
  * Whether the day is the last day of the month.
77
129
  */
78
- isDayEndOfMonth: boolean;
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: boolean;
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: boolean;
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, PickersDayProps } from '@mui/x-date-pickers/PickersDay';
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<PickersDayProps, 'classes' | 'onBlur' | 'onFocus' | 'onKeyDown'> {
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: boolean;
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: boolean;
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: boolean;
17
+ isStartOfHighlighting?: boolean;
16
18
  /**
17
19
  * Set to `true` if the `day` is in a preview date range.
18
20
  */
19
- isPreviewing: boolean;
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: boolean;
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: boolean;
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: boolean;
93
+ isDaySelectionStart?: boolean;
47
94
  /**
48
95
  * Whether the day is the last day of the selected range.
49
96
  */
50
- isDaySelectionEnd: boolean;
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: boolean;
101
+ isDayInsideSelection?: boolean;
55
102
  /**
56
103
  * Whether the day is within the preview range.
57
104
  */
58
- isDayPreviewed: boolean;
105
+ isDayPreviewed?: boolean;
59
106
  /**
60
107
  * Whether the day is the first day of the preview range.
61
108
  */
62
- isDayPreviewStart: boolean;
109
+ isDayPreviewStart?: boolean;
63
110
  /**
64
111
  * Whether the day is the last day of the preview range.
65
112
  */
66
- isDayPreviewEnd: boolean;
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: boolean;
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: boolean;
126
+ isDayStartOfMonth?: boolean;
75
127
  /**
76
128
  * Whether the day is the last day of the month.
77
129
  */
78
- isDayEndOfMonth: boolean;
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: boolean;
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: boolean;
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 `isHighlighting=true`. */
5
- rangeIntervalDayHighlight: string;
6
- /** Styles applied to the root element if `isStartOfHighlighting=true`. */
7
- rangeIntervalDayHighlightStart: string;
8
- /** Styles applied to the root element if `isEndOfHighlighting=true`. */
9
- rangeIntervalDayHighlightEnd: string;
10
- /** Styles applied to the preview element. */
11
- rangeIntervalPreview: string;
12
- /** Styles applied to the root element if `isPreviewing=true`. */
13
- rangeIntervalDayPreview: string;
14
- /** Styles applied to the root element if `isStartOfPreviewing=true`. */
15
- rangeIntervalDayPreviewStart: string;
16
- /** Styles applied to the root element if `isEndOfPreviewing=true`. */
17
- rangeIntervalDayPreviewEnd: string;
18
- /** Styles applied to the root element if `outsideCurrentMonth=true` */
19
- outsideCurrentMonth: string;
20
- /** Styles applied to the root element if `day` is the start of the month. */
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 `day` is the end of the month. */
32
+ /** Styles applied to the root element if `isDayEndOfMonth=true`. */
23
33
  endOfMonth: string;
24
- /** Styles applied to the root element if `day` is the first visible cell of the month. */
34
+ /** Styles applied to the root element if `isDayFirstVisibleCell=true`. */
25
35
  firstVisibleCell: string;
26
- /** Styles applied to the root element if `day` is the last visible cell of the month. */
36
+ /** Styles applied to the root element if `isDayLastVisibleCell=true`. */
27
37
  lastVisibleCell: string;
28
- /** Styles applied to the root element if it is an empty cell used to fill the week. */
29
- hiddenDayFiller: string;
30
- /** Styles applied to the day element. */
31
- day: string;
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 `isHighlighting=true`. */
5
- rangeIntervalDayHighlight: string;
6
- /** Styles applied to the root element if `isStartOfHighlighting=true`. */
7
- rangeIntervalDayHighlightStart: string;
8
- /** Styles applied to the root element if `isEndOfHighlighting=true`. */
9
- rangeIntervalDayHighlightEnd: string;
10
- /** Styles applied to the preview element. */
11
- rangeIntervalPreview: string;
12
- /** Styles applied to the root element if `isPreviewing=true`. */
13
- rangeIntervalDayPreview: string;
14
- /** Styles applied to the root element if `isStartOfPreviewing=true`. */
15
- rangeIntervalDayPreviewStart: string;
16
- /** Styles applied to the root element if `isEndOfPreviewing=true`. */
17
- rangeIntervalDayPreviewEnd: string;
18
- /** Styles applied to the root element if `outsideCurrentMonth=true` */
19
- outsideCurrentMonth: string;
20
- /** Styles applied to the root element if `day` is the start of the month. */
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 `day` is the end of the month. */
32
+ /** Styles applied to the root element if `isDayEndOfMonth=true`. */
23
33
  endOfMonth: string;
24
- /** Styles applied to the root element if `day` is the first visible cell of the month. */
34
+ /** Styles applied to the root element if `isDayFirstVisibleCell=true`. */
25
35
  firstVisibleCell: string;
26
- /** Styles applied to the root element if `day` is the last visible cell of the month. */
36
+ /** Styles applied to the root element if `isDayLastVisibleCell=true`. */
27
37
  lastVisibleCell: string;
28
- /** Styles applied to the root element if it is an empty cell used to fill the week. */
29
- hiddenDayFiller: string;
30
- /** Styles applied to the day element. */
31
- day: string;
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', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
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', 'rangeIntervalDayHighlight', 'rangeIntervalDayHighlightStart', 'rangeIntervalDayHighlightEnd', 'rangeIntervalPreview', 'rangeIntervalDayPreview', 'rangeIntervalDayPreviewStart', 'rangeIntervalDayPreviewEnd', 'outsideCurrentMonth', 'startOfMonth', 'endOfMonth', 'firstVisibleCell', 'lastVisibleCell', 'hiddenDayFiller', 'day', 'dayOutsideRangeInterval', 'dayInsideRangeInterval', 'notSelectedDate']);
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 = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
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 = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
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 date is rendering without highlighting with circle.
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 date is rendering without highlighting with circle.
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<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
7
- export interface DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> {
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<TEnableAccessibleFieldDOMStructure>;
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<TEnableAccessibleFieldDOMStructure extends boolean> extends DesktopDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimeRangePickerSlotProps<TEnableAccessibleFieldDOMStructure> {}
7
- export interface DateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure extends boolean = true> extends DesktopDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure>, MobileDateTimeRangePickerProps<TEnableAccessibleFieldDOMStructure> {
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<TEnableAccessibleFieldDOMStructure>;
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 = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DesktopDateRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
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 = (<TEnableAccessibleFieldDOMStructure extends boolean = true>(props: DesktopDateRangePickerProps<TEnableAccessibleFieldDOMStructure> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
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 date is rendering without highlighting with circle.
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 date is rendering without highlighting with circle.
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