@mui/x-date-pickers 8.23.0 → 8.25.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 (68) hide show
  1. package/CHANGELOG.md +222 -6479
  2. package/DatePicker/DatePicker.js +1 -1
  3. package/DateTimePicker/DateTimePicker.js +1 -1
  4. package/DesktopDatePicker/DesktopDatePicker.js +1 -1
  5. package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
  6. package/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +1 -0
  7. package/DesktopTimePicker/DesktopTimePicker.js +1 -1
  8. package/MobileDatePicker/MobileDatePicker.js +1 -1
  9. package/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
  10. package/MobileTimePicker/MobileTimePicker.js +1 -1
  11. package/MonthCalendar/MonthCalendarButton.js +1 -0
  12. package/PickerDay2/PickerDay2.js +1 -0
  13. package/PickersDay/PickersDay.js +1 -1
  14. package/PickersTextField/PickersFilledInput/PickersFilledInput.js +1 -0
  15. package/PickersTextField/PickersInput/PickersInput.js +1 -0
  16. package/PickersTextField/PickersOutlinedInput/Outline.js +5 -1
  17. package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +1 -0
  18. package/StaticDatePicker/StaticDatePicker.js +1 -1
  19. package/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
  20. package/StaticTimePicker/StaticTimePicker.js +1 -1
  21. package/TimeClock/Clock.js +1 -0
  22. package/TimePicker/TimePicker.js +1 -1
  23. package/YearCalendar/YearCalendarButton.js +1 -0
  24. package/esm/DatePicker/DatePicker.js +1 -1
  25. package/esm/DateTimePicker/DateTimePicker.js +1 -1
  26. package/esm/DesktopDatePicker/DesktopDatePicker.js +1 -1
  27. package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -1
  28. package/esm/DesktopDateTimePicker/DesktopDateTimePickerLayout.js +2 -0
  29. package/esm/DesktopTimePicker/DesktopTimePicker.js +1 -1
  30. package/esm/MobileDatePicker/MobileDatePicker.js +1 -1
  31. package/esm/MobileDateTimePicker/MobileDateTimePicker.js +1 -1
  32. package/esm/MobileTimePicker/MobileTimePicker.js +1 -1
  33. package/esm/MonthCalendar/MonthCalendarButton.js +2 -0
  34. package/esm/PickerDay2/PickerDay2.js +2 -0
  35. package/esm/PickersDay/PickersDay.js +1 -1
  36. package/esm/PickersTextField/PickersFilledInput/PickersFilledInput.js +2 -0
  37. package/esm/PickersTextField/PickersInput/PickersInput.js +2 -0
  38. package/esm/PickersTextField/PickersOutlinedInput/Outline.js +5 -1
  39. package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +2 -0
  40. package/esm/StaticDatePicker/StaticDatePicker.js +1 -1
  41. package/esm/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
  42. package/esm/StaticTimePicker/StaticTimePicker.js +1 -1
  43. package/esm/TimeClock/Clock.js +2 -0
  44. package/esm/TimePicker/TimePicker.js +1 -1
  45. package/esm/YearCalendar/YearCalendarButton.js +2 -0
  46. package/esm/index.js +1 -1
  47. package/esm/internals/components/PickerViewRoot/PickerViewRoot.d.ts +1 -1
  48. package/esm/internals/components/PickerViewRoot/PickerViewRoot.js +4 -1
  49. package/esm/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +2 -0
  50. package/esm/internals/components/PickersModalDialog.js +6 -2
  51. package/esm/internals/components/PickersToolbar.js +2 -0
  52. package/esm/internals/components/PickersToolbarButton.js +2 -0
  53. package/esm/internals/components/PickersToolbarText.js +2 -0
  54. package/esm/internals/hooks/usePicker/usePicker.types.d.ts +1 -1
  55. package/esm/internals/hooks/useStaticPicker/useStaticPicker.js +5 -1
  56. package/esm/internals/hooks/useUtils.js +2 -0
  57. package/index.js +1 -1
  58. package/internals/components/PickerViewRoot/PickerViewRoot.d.ts +1 -1
  59. package/internals/components/PickerViewRoot/PickerViewRoot.js +4 -1
  60. package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js +1 -0
  61. package/internals/components/PickersModalDialog.js +6 -2
  62. package/internals/components/PickersToolbar.js +1 -0
  63. package/internals/components/PickersToolbarButton.js +1 -0
  64. package/internals/components/PickersToolbarText.js +1 -0
  65. package/internals/hooks/usePicker/usePicker.types.d.ts +1 -1
  66. package/internals/hooks/useStaticPicker/useStaticPicker.js +4 -1
  67. package/internals/hooks/useUtils.js +1 -0
  68. package/package.json +2 -2
@@ -185,7 +185,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
185
185
  * @param {TValue} value The value that was just accepted.
186
186
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
187
187
  * - `validationError`: validation result of the current value
188
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
188
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
189
189
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
190
190
  */
191
191
  onAccept: _propTypes.default.func,
@@ -223,7 +223,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
223
223
  * @param {TValue} value The value that was just accepted.
224
224
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
225
225
  * - `validationError`: validation result of the current value
226
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
226
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
227
227
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
228
228
  */
229
229
  onAccept: _propTypes.default.func,
@@ -196,7 +196,7 @@ DesktopDatePicker.propTypes = {
196
196
  * @param {TValue} value The value that was just accepted.
197
197
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
198
198
  * - `validationError`: validation result of the current value
199
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
199
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
200
200
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
201
201
  */
202
202
  onAccept: _propTypes.default.func,
@@ -318,7 +318,7 @@ DesktopDateTimePicker.propTypes = {
318
318
  * @param {TValue} value The value that was just accepted.
319
319
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
320
320
  * - `validationError`: validation result of the current value
321
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
321
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
322
322
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
323
323
  */
324
324
  onAccept: _propTypes.default.func,
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -200,7 +200,7 @@ DesktopTimePicker.propTypes = {
200
200
  * @param {TValue} value The value that was just accepted.
201
201
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
202
202
  * - `validationError`: validation result of the current value
203
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
203
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
204
204
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
205
205
  */
206
206
  onAccept: _propTypes.default.func,
@@ -194,7 +194,7 @@ MobileDatePicker.propTypes = {
194
194
  * @param {TValue} value The value that was just accepted.
195
195
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
196
196
  * - `validationError`: validation result of the current value
197
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
197
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
198
198
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
199
199
  */
200
200
  onAccept: _propTypes.default.func,
@@ -284,7 +284,7 @@ MobileDateTimePicker.propTypes = {
284
284
  * @param {TValue} value The value that was just accepted.
285
285
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
286
286
  * - `validationError`: validation result of the current value
287
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
287
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
288
288
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
289
289
  */
290
290
  onAccept: _propTypes.default.func,
@@ -185,7 +185,7 @@ MobileTimePicker.propTypes = {
185
185
  * @param {TValue} value The value that was just accepted.
186
186
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
187
187
  * - `validationError`: validation result of the current value
188
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
188
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
189
189
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
190
190
  */
191
191
  onAccept: _propTypes.default.func,
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -111,7 +111,7 @@ const overridesResolver = (props, styles) => {
111
111
  const {
112
112
  ownerState
113
113
  } = props;
114
- return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, !ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
114
+ return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
115
115
  };
116
116
  const PickersDayRoot = (0, _styles.styled)(_ButtonBase.default, {
117
117
  name: 'MuiPickersDay',
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -39,13 +39,17 @@ const OutlineRoot = (0, _styles.styled)('fieldset', {
39
39
  borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
40
40
  };
41
41
  });
42
- const OutlineLabel = (0, _styles.styled)('span')(({
42
+ const OutlineLabel = (0, _styles.styled)('span', {
43
+ slot: 'internal',
44
+ shouldForwardProp: undefined
45
+ })(({
43
46
  theme
44
47
  }) => ({
45
48
  fontFamily: theme.typography.fontFamily,
46
49
  fontSize: 'inherit'
47
50
  }));
48
51
  const OutlineLegend = (0, _styles.styled)('legend', {
52
+ slot: 'internal',
49
53
  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'notched'
50
54
  })(({
51
55
  theme
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -151,7 +151,7 @@ StaticDatePicker.propTypes = {
151
151
  * @param {TValue} value The value that was just accepted.
152
152
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
153
153
  * - `validationError`: validation result of the current value
154
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
154
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
155
155
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
156
156
  */
157
157
  onAccept: _propTypes.default.func,
@@ -238,7 +238,7 @@ StaticDateTimePicker.propTypes = {
238
238
  * @param {TValue} value The value that was just accepted.
239
239
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
240
240
  * - `validationError`: validation result of the current value
241
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
241
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
242
242
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
243
243
  */
244
244
  onAccept: _propTypes.default.func,
@@ -141,7 +141,7 @@ StaticTimePicker.propTypes = {
141
141
  * @param {TValue} value The value that was just accepted.
142
142
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
143
143
  * - `validationError`: validation result of the current value
144
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
144
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
145
145
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
146
146
  */
147
147
  onAccept: _propTypes.default.func,
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
5
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
@@ -173,7 +173,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
173
173
  * @param {TValue} value The value that was just accepted.
174
174
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
175
175
  * - `validationError`: validation result of the current value
176
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
176
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
177
177
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
178
178
  */
179
179
  onAccept: _propTypes.default.func,
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -178,7 +178,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
178
178
  * @param {TValue} value The value that was just accepted.
179
179
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
180
180
  * - `validationError`: validation result of the current value
181
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
181
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
182
182
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
183
183
  */
184
184
  onAccept: PropTypes.func,
@@ -216,7 +216,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
216
216
  * @param {TValue} value The value that was just accepted.
217
217
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
218
218
  * - `validationError`: validation result of the current value
219
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
219
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
220
220
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
221
221
  */
222
222
  onAccept: PropTypes.func,
@@ -189,7 +189,7 @@ DesktopDatePicker.propTypes = {
189
189
  * @param {TValue} value The value that was just accepted.
190
190
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
191
191
  * - `validationError`: validation result of the current value
192
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
192
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
193
193
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
194
194
  */
195
195
  onAccept: PropTypes.func,
@@ -311,7 +311,7 @@ DesktopDateTimePicker.propTypes = {
311
311
  * @param {TValue} value The value that was just accepted.
312
312
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
313
313
  * - `validationError`: validation result of the current value
314
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
314
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
315
315
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
316
316
  */
317
317
  onAccept: PropTypes.func,
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import PropTypes from 'prop-types';
3
5
  import clsx from 'clsx';
@@ -193,7 +193,7 @@ DesktopTimePicker.propTypes = {
193
193
  * @param {TValue} value The value that was just accepted.
194
194
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
195
195
  * - `validationError`: validation result of the current value
196
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
196
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
197
197
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
198
198
  */
199
199
  onAccept: PropTypes.func,
@@ -187,7 +187,7 @@ MobileDatePicker.propTypes = {
187
187
  * @param {TValue} value The value that was just accepted.
188
188
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
189
189
  * - `validationError`: validation result of the current value
190
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
190
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
191
191
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
192
192
  */
193
193
  onAccept: PropTypes.func,
@@ -277,7 +277,7 @@ MobileDateTimePicker.propTypes = {
277
277
  * @param {TValue} value The value that was just accepted.
278
278
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
279
279
  * - `validationError`: validation result of the current value
280
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
280
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
281
281
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
282
282
  */
283
283
  onAccept: PropTypes.func,
@@ -178,7 +178,7 @@ MobileTimePicker.propTypes = {
178
178
  * @param {TValue} value The value that was just accepted.
179
179
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
180
180
  * - `validationError`: validation result of the current value
181
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
181
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
182
182
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
183
183
  */
184
184
  onAccept: PropTypes.func,
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "children", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth", "isVisuallySelected"];
@@ -104,7 +104,7 @@ const overridesResolver = (props, styles) => {
104
104
  const {
105
105
  ownerState
106
106
  } = props;
107
- return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, !ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
107
+ return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
108
108
  };
109
109
  const PickersDayRoot = styled(ButtonBase, {
110
110
  name: 'MuiPickersDay',
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["label", "autoFocus", "disableUnderline", "hiddenLabel", "classes"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["label", "autoFocus", "disableUnderline", "ownerState", "classes"];
@@ -31,13 +31,17 @@ const OutlineRoot = styled('fieldset', {
31
31
  borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
32
32
  };
33
33
  });
34
- const OutlineLabel = styled('span')(({
34
+ const OutlineLabel = styled('span', {
35
+ slot: 'internal',
36
+ shouldForwardProp: undefined
37
+ })(({
35
38
  theme
36
39
  }) => ({
37
40
  fontFamily: theme.typography.fontFamily,
38
41
  fontSize: 'inherit'
39
42
  }));
40
43
  const OutlineLegend = styled('legend', {
44
+ slot: 'internal',
41
45
  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'notched'
42
46
  })(({
43
47
  theme
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["label", "autoFocus", "ownerState", "classes", "notched"];
@@ -144,7 +144,7 @@ StaticDatePicker.propTypes = {
144
144
  * @param {TValue} value The value that was just accepted.
145
145
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
146
146
  * - `validationError`: validation result of the current value
147
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
147
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
148
148
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
149
149
  */
150
150
  onAccept: PropTypes.func,
@@ -231,7 +231,7 @@ StaticDateTimePicker.propTypes = {
231
231
  * @param {TValue} value The value that was just accepted.
232
232
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
233
233
  * - `validationError`: validation result of the current value
234
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
234
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
235
235
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
236
236
  */
237
237
  onAccept: PropTypes.func,
@@ -134,7 +134,7 @@ StaticTimePicker.propTypes = {
134
134
  * @param {TValue} value The value that was just accepted.
135
135
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
136
136
  * - `validationError`: validation result of the current value
137
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
137
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
138
138
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
139
139
  */
140
140
  onAccept: PropTypes.func,
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import clsx from 'clsx';
@@ -166,7 +166,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
166
166
  * @param {TValue} value The value that was just accepted.
167
167
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
168
168
  * - `validationError`: validation result of the current value
169
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
169
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
170
170
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
171
171
  */
172
172
  onAccept: PropTypes.func,
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["autoFocus", "classes", "disabled", "selected", "value", "onClick", "onKeyDown", "onFocus", "onBlur", "slots", "slotProps"];
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v8.23.0
2
+ * @mui/x-date-pickers v8.25.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -1 +1 @@
1
- export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
1
+ export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
@@ -1,6 +1,9 @@
1
1
  import { styled } from '@mui/material/styles';
2
2
  import { DIALOG_WIDTH, VIEW_HEIGHT } from "../../constants/dimensions.js";
3
- export const PickerViewRoot = styled('div')({
3
+ export const PickerViewRoot = styled('div', {
4
+ slot: 'internal',
5
+ shouldForwardProp: undefined
6
+ })({
4
7
  overflow: 'hidden',
5
8
  width: DIALOG_WIDTH,
6
9
  maxHeight: VIEW_HEIGHT,
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel", "labelId", "classes"],
@@ -8,7 +8,9 @@ import { DIALOG_WIDTH } from "../constants/dimensions.js";
8
8
  import { usePickerContext } from "../../hooks/index.js";
9
9
  import { usePickerPrivateContext } from "../hooks/usePickerPrivateContext.js";
10
10
  import { jsx as _jsx } from "react/jsx-runtime";
11
- const PickersModalDialogRoot = styled(MuiDialog)({
11
+ const PickersModalDialogRoot = styled(MuiDialog, {
12
+ slot: 'internal'
13
+ })({
12
14
  [`& .${dialogClasses.container}`]: {
13
15
  outline: 0
14
16
  },
@@ -17,7 +19,9 @@ const PickersModalDialogRoot = styled(MuiDialog)({
17
19
  minWidth: DIALOG_WIDTH
18
20
  }
19
21
  });
20
- const PickersModalDialogContent = styled(DialogContent)({
22
+ const PickersModalDialogContent = styled(DialogContent, {
23
+ slot: 'internal'
24
+ })({
21
25
  '&:first-of-type': {
22
26
  padding: 0
23
27
  }
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["children", "className", "classes", "toolbarTitle", "hidden", "titleId", "classes", "landscapeDirection"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["align", "className", "classes", "selected", "typographyClassName", "value", "variant", "width"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["className", "classes", "selected", "value"];
@@ -41,7 +41,7 @@ export interface UsePickerBaseProps<TValue extends PickerValidValue, TView exten
41
41
  * @param {TValue} value The value that was just accepted.
42
42
  * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
43
43
  * - `validationError`: validation result of the current value
44
- * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
44
+ * - `source`: source of the acceptance. One of 'field' | 'view' | 'unknown'
45
45
  * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
46
46
  */
47
47
  onAccept?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["props", "steps"];
@@ -10,7 +12,9 @@ import { DIALOG_WIDTH } from "../../constants/dimensions.js";
10
12
  import { mergeSx } from "../../utils/utils.js";
11
13
  import { createNonRangePickerStepNavigation } from "../../utils/createNonRangePickerStepNavigation.js";
12
14
  import { jsx as _jsx } from "react/jsx-runtime";
13
- const PickerStaticLayout = styled(PickersLayout)(({
15
+ const PickerStaticLayout = styled(PickersLayout, {
16
+ slot: 'internal'
17
+ })(({
14
18
  theme
15
19
  }) => ({
16
20
  overflow: 'hidden',
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { useLocalizationContext, usePickerAdapter } from "../../hooks/usePickerAdapter.js";
3
5
  export const useDefaultDates = () => useLocalizationContext().defaultDates;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v8.23.0
2
+ * @mui/x-date-pickers v8.25.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -1 +1 @@
1
- export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
1
+ export declare const PickerViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.PickerViewRoot = void 0;
7
7
  var _styles = require("@mui/material/styles");
8
8
  var _dimensions = require("../../constants/dimensions");
9
- const PickerViewRoot = exports.PickerViewRoot = (0, _styles.styled)('div')({
9
+ const PickerViewRoot = exports.PickerViewRoot = (0, _styles.styled)('div', {
10
+ slot: 'internal',
11
+ shouldForwardProp: undefined
12
+ })({
10
13
  overflow: 'hidden',
11
14
  width: _dimensions.DIALOG_WIDTH,
12
15
  maxHeight: _dimensions.VIEW_HEIGHT,
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
@@ -16,7 +16,9 @@ var _dimensions = require("../constants/dimensions");
16
16
  var _hooks = require("../../hooks");
17
17
  var _usePickerPrivateContext = require("../hooks/usePickerPrivateContext");
18
18
  var _jsxRuntime = require("react/jsx-runtime");
19
- const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default)({
19
+ const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default, {
20
+ slot: 'internal'
21
+ })({
20
22
  [`& .${_Dialog.dialogClasses.container}`]: {
21
23
  outline: 0
22
24
  },
@@ -25,7 +27,9 @@ const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default)({
25
27
  minWidth: _dimensions.DIALOG_WIDTH
26
28
  }
27
29
  });
28
- const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default)({
30
+ const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default, {
31
+ slot: 'internal'
32
+ })({
29
33
  '&:first-of-type': {
30
34
  padding: 0
31
35
  }
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
 
3
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
5
  var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;