@mui/x-date-pickers-pro 7.0.0-alpha.0 → 7.0.0-alpha.2

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 (67) hide show
  1. package/CHANGELOG.md +591 -5
  2. package/DateRangeCalendar/DateRangeCalendar.js +72 -68
  3. package/DateRangeCalendar/DateRangeCalendar.types.d.ts +8 -5
  4. package/DateRangeCalendar/useDragRange.js +1 -1
  5. package/DateRangePicker/DateRangePicker.js +1 -6
  6. package/DateRangePicker/shared.d.ts +1 -1
  7. package/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -6
  8. package/MobileDateRangePicker/MobileDateRangePicker.js +1 -6
  9. package/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  10. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -9
  11. package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -9
  12. package/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  13. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +1 -9
  14. package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -9
  15. package/StaticDateRangePicker/StaticDateRangePicker.js +1 -6
  16. package/dateRangeViewRenderers/dateRangeViewRenderers.d.ts +1 -1
  17. package/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -2
  18. package/index.js +1 -1
  19. package/internals/utils/date-fields-utils.d.ts +0 -1
  20. package/internals/utils/releaseInfo.js +1 -1
  21. package/legacy/DateRangeCalendar/DateRangeCalendar.js +42 -41
  22. package/legacy/DateRangeCalendar/useDragRange.js +1 -1
  23. package/legacy/DateRangePicker/DateRangePicker.js +1 -6
  24. package/legacy/DateRangePickerDay/DateRangePickerDay.js +3 -4
  25. package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -6
  26. package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +1 -6
  27. package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  28. package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -9
  29. package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -9
  30. package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  31. package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +1 -9
  32. package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -9
  33. package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +1 -6
  34. package/legacy/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -2
  35. package/legacy/index.js +1 -1
  36. package/legacy/internals/utils/releaseInfo.js +1 -1
  37. package/modern/DateRangeCalendar/DateRangeCalendar.js +33 -33
  38. package/modern/DateRangeCalendar/useDragRange.js +1 -1
  39. package/modern/DateRangePicker/DateRangePicker.js +1 -6
  40. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -6
  41. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +1 -6
  42. package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  43. package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -9
  44. package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -9
  45. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  46. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +1 -9
  47. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -9
  48. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +1 -6
  49. package/modern/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -2
  50. package/modern/index.js +1 -1
  51. package/modern/internals/utils/releaseInfo.js +1 -1
  52. package/node/DateRangeCalendar/DateRangeCalendar.js +32 -32
  53. package/node/DateRangeCalendar/useDragRange.js +1 -1
  54. package/node/DateRangePicker/DateRangePicker.js +1 -6
  55. package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -6
  56. package/node/MobileDateRangePicker/MobileDateRangePicker.js +1 -6
  57. package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  58. package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +1 -9
  59. package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -9
  60. package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  61. package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +1 -9
  62. package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -9
  63. package/node/StaticDateRangePicker/StaticDateRangePicker.js +1 -6
  64. package/node/dateRangeViewRenderers/dateRangeViewRenderers.js +0 -2
  65. package/node/index.js +1 -1
  66. package/node/internals/utils/releaseInfo.js +1 -1
  67. package/package.json +7 -6
@@ -75,16 +75,11 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
75
75
  currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
76
76
  /**
77
77
  * Formats the day of week displayed in the calendar header.
78
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
79
78
  * @param {TDate} date The date of the day of week provided by the adapter.
80
79
  * @returns {string} The name to display.
81
80
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
82
81
  */
83
82
  dayOfWeekFormatter: PropTypes.func,
84
- /**
85
- * Default calendar month displayed when `value={[null, null]}`.
86
- */
87
- defaultCalendarMonth: PropTypes.any,
88
83
  /**
89
84
  * The initial position in the edited date range.
90
85
  * Used when the component is not controlled.
@@ -317,7 +312,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
317
312
  * Choose which timezone to use for the value.
318
313
  * Example: "default", "system", "UTC", "America/New_York".
319
314
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
320
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
315
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
321
316
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
322
317
  */
323
318
  timezone: PropTypes.string,
@@ -86,16 +86,11 @@ DesktopDateRangePicker.propTypes = {
86
86
  currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
87
87
  /**
88
88
  * Formats the day of week displayed in the calendar header.
89
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
90
89
  * @param {TDate} date The date of the day of week provided by the adapter.
91
90
  * @returns {string} The name to display.
92
91
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
93
92
  */
94
93
  dayOfWeekFormatter: PropTypes.func,
95
- /**
96
- * Default calendar month displayed when `value={[null, null]}`.
97
- */
98
- defaultCalendarMonth: PropTypes.any,
99
94
  /**
100
95
  * The initial position in the edited date range.
101
96
  * Used when the component is not controlled.
@@ -322,7 +317,7 @@ DesktopDateRangePicker.propTypes = {
322
317
  * Choose which timezone to use for the value.
323
318
  * Example: "default", "system", "UTC", "America/New_York".
324
319
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
325
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
320
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
326
321
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
327
322
  */
328
323
  timezone: PropTypes.string,
@@ -86,16 +86,11 @@ MobileDateRangePicker.propTypes = {
86
86
  currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
87
87
  /**
88
88
  * Formats the day of week displayed in the calendar header.
89
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
90
89
  * @param {TDate} date The date of the day of week provided by the adapter.
91
90
  * @returns {string} The name to display.
92
91
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
93
92
  */
94
93
  dayOfWeekFormatter: PropTypes.func,
95
- /**
96
- * Default calendar month displayed when `value={[null, null]}`.
97
- */
98
- defaultCalendarMonth: PropTypes.any,
99
94
  /**
100
95
  * The initial position in the edited date range.
101
96
  * Used when the component is not controlled.
@@ -322,7 +317,7 @@ MobileDateRangePicker.propTypes = {
322
317
  * Choose which timezone to use for the value.
323
318
  * Example: "default", "system", "UTC", "America/New_York".
324
319
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
325
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
320
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
326
321
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
327
322
  */
328
323
  timezone: PropTypes.string,
@@ -321,7 +321,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
321
321
  * Choose which timezone to use for the value.
322
322
  * Example: "default", "system", "UTC", "America/New_York".
323
323
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
324
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
324
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
325
325
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
326
326
  */
327
327
  timezone: PropTypes.string,
@@ -304,14 +304,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
304
304
  endIndex: PropTypes.number.isRequired,
305
305
  startIndex: PropTypes.number.isRequired
306
306
  })]),
307
- /**
308
- * Disable specific clock time.
309
- * @param {number} clockValue The value to check.
310
- * @param {TimeView} view The clock type of the timeValue.
311
- * @returns {boolean} If `true` the time will be disabled.
312
- * @deprecated Consider using `shouldDisableTime`.
313
- */
314
- shouldDisableClock: PropTypes.func,
315
307
  /**
316
308
  * Disable specific date.
317
309
  *
@@ -370,7 +362,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
370
362
  * Choose which timezone to use for the value.
371
363
  * Example: "default", "system", "UTC", "America/New_York".
372
364
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
373
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
365
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
374
366
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
375
367
  */
376
368
  timezone: PropTypes.string,
@@ -288,14 +288,6 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
288
288
  endIndex: PropTypes.number.isRequired,
289
289
  startIndex: PropTypes.number.isRequired
290
290
  })]),
291
- /**
292
- * Disable specific clock time.
293
- * @param {number} clockValue The value to check.
294
- * @param {TimeView} view The clock type of the timeValue.
295
- * @returns {boolean} If `true` the time will be disabled.
296
- * @deprecated Consider using `shouldDisableTime`.
297
- */
298
- shouldDisableClock: PropTypes.func,
299
291
  /**
300
292
  * Disable specific time.
301
293
  * @template TDate
@@ -343,7 +335,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
343
335
  * Choose which timezone to use for the value.
344
336
  * Example: "default", "system", "UTC", "America/New_York".
345
337
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
346
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
338
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
347
339
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
348
340
  */
349
341
  timezone: PropTypes.string,
@@ -319,7 +319,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
319
319
  * Choose which timezone to use for the value.
320
320
  * Example: "default", "system", "UTC", "America/New_York".
321
321
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
322
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
322
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
323
323
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
324
324
  */
325
325
  timezone: PropTypes.string,
@@ -303,14 +303,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
303
303
  endIndex: PropTypes.number.isRequired,
304
304
  startIndex: PropTypes.number.isRequired
305
305
  })]),
306
- /**
307
- * Disable specific clock time.
308
- * @param {number} clockValue The value to check.
309
- * @param {TimeView} view The clock type of the timeValue.
310
- * @returns {boolean} If `true` the time will be disabled.
311
- * @deprecated Consider using `shouldDisableTime`.
312
- */
313
- shouldDisableClock: PropTypes.func,
314
306
  /**
315
307
  * Disable specific date.
316
308
  *
@@ -368,7 +360,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
368
360
  * Choose which timezone to use for the value.
369
361
  * Example: "default", "system", "UTC", "America/New_York".
370
362
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
371
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
363
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
372
364
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
373
365
  */
374
366
  timezone: PropTypes.string,
@@ -287,14 +287,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
287
287
  endIndex: PropTypes.number.isRequired,
288
288
  startIndex: PropTypes.number.isRequired
289
289
  })]),
290
- /**
291
- * Disable specific clock time.
292
- * @param {number} clockValue The value to check.
293
- * @param {TimeView} view The clock type of the timeValue.
294
- * @returns {boolean} If `true` the time will be disabled.
295
- * @deprecated Consider using `shouldDisableTime`.
296
- */
297
- shouldDisableClock: PropTypes.func,
298
290
  /**
299
291
  * Disable specific time.
300
292
  * @template TDate
@@ -341,7 +333,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
341
333
  * Choose which timezone to use for the value.
342
334
  * Example: "default", "system", "UTC", "America/New_York".
343
335
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
344
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
336
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
345
337
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
346
338
  */
347
339
  timezone: PropTypes.string,
@@ -75,16 +75,11 @@ StaticDateRangePicker.propTypes = {
75
75
  currentMonthCalendarPosition: PropTypes.oneOf([1, 2, 3]),
76
76
  /**
77
77
  * Formats the day of week displayed in the calendar header.
78
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
79
78
  * @param {TDate} date The date of the day of week provided by the adapter.
80
79
  * @returns {string} The name to display.
81
80
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
82
81
  */
83
82
  dayOfWeekFormatter: PropTypes.func,
84
- /**
85
- * Default calendar month displayed when `value={[null, null]}`.
86
- */
87
- defaultCalendarMonth: PropTypes.any,
88
83
  /**
89
84
  * The initial position in the edited date range.
90
85
  * Used when the component is not controlled.
@@ -263,7 +258,7 @@ StaticDateRangePicker.propTypes = {
263
258
  * Choose which timezone to use for the value.
264
259
  * Example: "default", "system", "UTC", "America/New_York".
265
260
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
266
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
261
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
267
262
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
268
263
  */
269
264
  timezone: PropTypes.string,
@@ -19,7 +19,6 @@ export const renderDateRangeViewCalendar = ({
19
19
  shouldDisableDate,
20
20
  reduceAnimations,
21
21
  onMonthChange,
22
- defaultCalendarMonth,
23
22
  rangePosition,
24
23
  defaultRangePosition,
25
24
  onRangePositionChange,
@@ -55,7 +54,6 @@ export const renderDateRangeViewCalendar = ({
55
54
  shouldDisableDate: shouldDisableDate,
56
55
  reduceAnimations: reduceAnimations,
57
56
  onMonthChange: onMonthChange,
58
- defaultCalendarMonth: defaultCalendarMonth,
59
57
  rangePosition: rangePosition,
60
58
  defaultRangePosition: defaultRangePosition,
61
59
  onRangePositionChange: onRangePositionChange,
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers-pro v7.0.0-alpha.0
2
+ * @mui/x-date-pickers-pro v7.0.0-alpha.2
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTY5OTU3MDgwMDAwMA==";
3
+ const releaseInfo = "MTcwMDY5MDQwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat
@@ -27,7 +27,7 @@ var _valueManagers = require("../internals/utils/valueManagers");
27
27
  var _useDragRange2 = require("./useDragRange");
28
28
  var _useRangePosition = require("../internals/hooks/useRangePosition");
29
29
  var _jsxRuntime = require("react/jsx-runtime");
30
- const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "defaultCalendarMonth", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone"],
30
+ const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone"],
31
31
  _excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
32
32
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
33
33
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -144,7 +144,6 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
144
144
  shouldDisableDate,
145
145
  reduceAnimations,
146
146
  onMonthChange,
147
- defaultCalendarMonth,
148
147
  rangePosition: rangePositionProp,
149
148
  defaultRangePosition: inDefaultRangePosition,
150
149
  onRangePositionChange: inOnRangePositionChange,
@@ -264,7 +263,6 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
264
263
  } = (0, _internals.useCalendarState)({
265
264
  value: value[0] || value[1],
266
265
  referenceDate,
267
- defaultCalendarMonth,
268
266
  disableFuture,
269
267
  disablePast,
270
268
  disableSwitchToMonthOnDayFocus: true,
@@ -275,6 +273,34 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
275
273
  shouldDisableDate: wrappedShouldDisableDate,
276
274
  timezone
277
275
  });
276
+
277
+ // When disabled, limit the view to the selected date
278
+ const minDateWithDisabled = disabled && value[0] || minDate;
279
+ const maxDateWithDisabled = disabled && value[1] || maxDate;
280
+ const CalendarHeader = slots?.calendarHeader ?? _PickersCalendarHeader.PickersCalendarHeader;
281
+ const calendarHeaderProps = (0, _utils.useSlotProps)({
282
+ elementType: CalendarHeader,
283
+ externalSlotProps: slotProps?.calendarHeader,
284
+ additionalProps: {
285
+ views: ['day'],
286
+ view: 'day',
287
+ currentMonth: calendarState.currentMonth,
288
+ onMonthChange: (newMonth, direction) => handleChangeMonth({
289
+ newMonth,
290
+ direction
291
+ }),
292
+ minDate: minDateWithDisabled,
293
+ maxDate: maxDateWithDisabled,
294
+ disabled,
295
+ disablePast,
296
+ disableFuture,
297
+ reduceAnimations,
298
+ slots,
299
+ slotProps,
300
+ timezone
301
+ },
302
+ ownerState: props
303
+ });
278
304
  const prevValue = React.useRef(null);
279
305
  React.useEffect(() => {
280
306
  const date = rangePosition === 'start' ? value[0] : value[1];
@@ -327,10 +353,6 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
327
353
  readOnly,
328
354
  disabled
329
355
  };
330
-
331
- // When disabled, limit the view to the selected date
332
- const minDateWithDisabled = disabled && value[0] || minDate;
333
- const maxDateWithDisabled = disabled && value[1] || maxDate;
334
356
  const [rangePreviewDay, setRangePreviewDay] = React.useState(null);
335
357
  const CalendarTransitionProps = React.useMemo(() => ({
336
358
  onMouseLeave: () => setRangePreviewDay(null)
@@ -427,24 +449,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
427
449
  releaseInfo: releaseInfo
428
450
  }), calendarMonths.map((month, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(DateRangeCalendarMonthContainer, {
429
451
  className: classes.monthContainer,
430
- children: [calendars === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersCalendarHeader.PickersCalendarHeader, {
431
- views: ['day'],
432
- view: 'day',
433
- currentMonth: calendarState.currentMonth,
434
- onMonthChange: (newMonth, direction) => handleChangeMonth({
435
- newMonth,
436
- direction
437
- }),
438
- minDate: minDateWithDisabled,
439
- maxDate: maxDateWithDisabled,
440
- disabled: disabled,
441
- disablePast: disablePast,
442
- disableFuture: disableFuture,
443
- reduceAnimations: reduceAnimations,
444
- slots: slots,
445
- slotProps: slotProps,
446
- timezone: timezone
447
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangeCalendarArrowSwitcher, {
452
+ children: [calendars === 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CalendarHeader, (0, _extends2.default)({}, calendarHeaderProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DateRangeCalendarArrowSwitcher, {
448
453
  onGoToPrevious: selectPreviousMonth,
449
454
  onGoToNext: selectNextMonth,
450
455
  isPreviousHidden: index !== 0,
@@ -455,7 +460,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
455
460
  nextLabel: localeText.nextMonth,
456
461
  slots: slots,
457
462
  slotProps: slotProps,
458
- children: utils.format(visibleMonths[month], 'monthAndYear')
463
+ children: utils.formatByString(visibleMonths[month], calendarHeaderProps.format ?? `${utils.formats.month} ${utils.formats.year}`)
459
464
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCalendarForRange, (0, _extends2.default)({
460
465
  className: classes.dayCalendar
461
466
  }, calendarState, baseDateValidationProps, commonViewProps, {
@@ -507,16 +512,11 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
507
512
  currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
508
513
  /**
509
514
  * Formats the day of week displayed in the calendar header.
510
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
511
515
  * @param {TDate} date The date of the day of week provided by the adapter.
512
516
  * @returns {string} The name to display.
513
517
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
514
518
  */
515
519
  dayOfWeekFormatter: _propTypes.default.func,
516
- /**
517
- * Default calendar month displayed when `value={[null, null]}`.
518
- */
519
- defaultCalendarMonth: _propTypes.default.any,
520
520
  /**
521
521
  * The initial position in the edited date range.
522
522
  * Used when the component is not controlled.
@@ -666,7 +666,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
666
666
  * Choose which timezone to use for the value.
667
667
  * Example: "default", "system", "UTC", "America/New_York".
668
668
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
669
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
669
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
670
670
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
671
671
  */
672
672
  timezone: _propTypes.default.string,
@@ -17,7 +17,7 @@ const resolveDateFromTarget = (target, utils, timezone) => {
17
17
  return null;
18
18
  }
19
19
  const timestamp = +timestampString;
20
- return utils.dateWithTimezone(new Date(timestamp).toISOString(), timezone);
20
+ return utils.date(new Date(timestamp).toISOString(), timezone);
21
21
  };
22
22
  const isSameAsDraggingDate = event => {
23
23
  const timestampString = event.target.dataset.timestamp;
@@ -84,16 +84,11 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
84
84
  currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
85
85
  /**
86
86
  * Formats the day of week displayed in the calendar header.
87
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
88
87
  * @param {TDate} date The date of the day of week provided by the adapter.
89
88
  * @returns {string} The name to display.
90
89
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
91
90
  */
92
91
  dayOfWeekFormatter: _propTypes.default.func,
93
- /**
94
- * Default calendar month displayed when `value={[null, null]}`.
95
- */
96
- defaultCalendarMonth: _propTypes.default.any,
97
92
  /**
98
93
  * The initial position in the edited date range.
99
94
  * Used when the component is not controlled.
@@ -326,7 +321,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
326
321
  * Choose which timezone to use for the value.
327
322
  * Example: "default", "system", "UTC", "America/New_York".
328
323
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
329
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
324
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
330
325
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
331
326
  */
332
327
  timezone: _propTypes.default.string,
@@ -95,16 +95,11 @@ DesktopDateRangePicker.propTypes = {
95
95
  currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
96
96
  /**
97
97
  * Formats the day of week displayed in the calendar header.
98
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
99
98
  * @param {TDate} date The date of the day of week provided by the adapter.
100
99
  * @returns {string} The name to display.
101
100
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
102
101
  */
103
102
  dayOfWeekFormatter: _propTypes.default.func,
104
- /**
105
- * Default calendar month displayed when `value={[null, null]}`.
106
- */
107
- defaultCalendarMonth: _propTypes.default.any,
108
103
  /**
109
104
  * The initial position in the edited date range.
110
105
  * Used when the component is not controlled.
@@ -331,7 +326,7 @@ DesktopDateRangePicker.propTypes = {
331
326
  * Choose which timezone to use for the value.
332
327
  * Example: "default", "system", "UTC", "America/New_York".
333
328
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
334
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
329
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
335
330
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
336
331
  */
337
332
  timezone: _propTypes.default.string,
@@ -95,16 +95,11 @@ MobileDateRangePicker.propTypes = {
95
95
  currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
96
96
  /**
97
97
  * Formats the day of week displayed in the calendar header.
98
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
99
98
  * @param {TDate} date The date of the day of week provided by the adapter.
100
99
  * @returns {string} The name to display.
101
100
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
102
101
  */
103
102
  dayOfWeekFormatter: _propTypes.default.func,
104
- /**
105
- * Default calendar month displayed when `value={[null, null]}`.
106
- */
107
- defaultCalendarMonth: _propTypes.default.any,
108
103
  /**
109
104
  * The initial position in the edited date range.
110
105
  * Used when the component is not controlled.
@@ -331,7 +326,7 @@ MobileDateRangePicker.propTypes = {
331
326
  * Choose which timezone to use for the value.
332
327
  * Example: "default", "system", "UTC", "America/New_York".
333
328
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
334
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
329
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
335
330
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
336
331
  */
337
332
  timezone: _propTypes.default.string,
@@ -330,7 +330,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
330
330
  * Choose which timezone to use for the value.
331
331
  * Example: "default", "system", "UTC", "America/New_York".
332
332
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
333
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
333
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
334
334
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
335
335
  */
336
336
  timezone: _propTypes.default.string,
@@ -313,14 +313,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
313
313
  endIndex: _propTypes.default.number.isRequired,
314
314
  startIndex: _propTypes.default.number.isRequired
315
315
  })]),
316
- /**
317
- * Disable specific clock time.
318
- * @param {number} clockValue The value to check.
319
- * @param {TimeView} view The clock type of the timeValue.
320
- * @returns {boolean} If `true` the time will be disabled.
321
- * @deprecated Consider using `shouldDisableTime`.
322
- */
323
- shouldDisableClock: _propTypes.default.func,
324
316
  /**
325
317
  * Disable specific date.
326
318
  *
@@ -379,7 +371,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
379
371
  * Choose which timezone to use for the value.
380
372
  * Example: "default", "system", "UTC", "America/New_York".
381
373
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
382
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
374
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
383
375
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
384
376
  */
385
377
  timezone: _propTypes.default.string,
@@ -297,14 +297,6 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
297
297
  endIndex: _propTypes.default.number.isRequired,
298
298
  startIndex: _propTypes.default.number.isRequired
299
299
  })]),
300
- /**
301
- * Disable specific clock time.
302
- * @param {number} clockValue The value to check.
303
- * @param {TimeView} view The clock type of the timeValue.
304
- * @returns {boolean} If `true` the time will be disabled.
305
- * @deprecated Consider using `shouldDisableTime`.
306
- */
307
- shouldDisableClock: _propTypes.default.func,
308
300
  /**
309
301
  * Disable specific time.
310
302
  * @template TDate
@@ -352,7 +344,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
352
344
  * Choose which timezone to use for the value.
353
345
  * Example: "default", "system", "UTC", "America/New_York".
354
346
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
355
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
347
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
356
348
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
357
349
  */
358
350
  timezone: _propTypes.default.string,
@@ -328,7 +328,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
328
328
  * Choose which timezone to use for the value.
329
329
  * Example: "default", "system", "UTC", "America/New_York".
330
330
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
331
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
331
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
332
332
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
333
333
  */
334
334
  timezone: _propTypes.default.string,
@@ -312,14 +312,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
312
312
  endIndex: _propTypes.default.number.isRequired,
313
313
  startIndex: _propTypes.default.number.isRequired
314
314
  })]),
315
- /**
316
- * Disable specific clock time.
317
- * @param {number} clockValue The value to check.
318
- * @param {TimeView} view The clock type of the timeValue.
319
- * @returns {boolean} If `true` the time will be disabled.
320
- * @deprecated Consider using `shouldDisableTime`.
321
- */
322
- shouldDisableClock: _propTypes.default.func,
323
315
  /**
324
316
  * Disable specific date.
325
317
  *
@@ -377,7 +369,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
377
369
  * Choose which timezone to use for the value.
378
370
  * Example: "default", "system", "UTC", "America/New_York".
379
371
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
380
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
372
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
381
373
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
382
374
  */
383
375
  timezone: _propTypes.default.string,
@@ -296,14 +296,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
296
296
  endIndex: _propTypes.default.number.isRequired,
297
297
  startIndex: _propTypes.default.number.isRequired
298
298
  })]),
299
- /**
300
- * Disable specific clock time.
301
- * @param {number} clockValue The value to check.
302
- * @param {TimeView} view The clock type of the timeValue.
303
- * @returns {boolean} If `true` the time will be disabled.
304
- * @deprecated Consider using `shouldDisableTime`.
305
- */
306
- shouldDisableClock: _propTypes.default.func,
307
299
  /**
308
300
  * Disable specific time.
309
301
  * @template TDate
@@ -350,7 +342,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
350
342
  * Choose which timezone to use for the value.
351
343
  * Example: "default", "system", "UTC", "America/New_York".
352
344
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
353
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
345
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
354
346
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
355
347
  */
356
348
  timezone: _propTypes.default.string,
@@ -84,16 +84,11 @@ StaticDateRangePicker.propTypes = {
84
84
  currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
85
85
  /**
86
86
  * Formats the day of week displayed in the calendar header.
87
- * @param {string} day The day of week provided by the adapter. Deprecated, will be removed in v7: Use `date` instead.
88
87
  * @param {TDate} date The date of the day of week provided by the adapter.
89
88
  * @returns {string} The name to display.
90
89
  * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
91
90
  */
92
91
  dayOfWeekFormatter: _propTypes.default.func,
93
- /**
94
- * Default calendar month displayed when `value={[null, null]}`.
95
- */
96
- defaultCalendarMonth: _propTypes.default.any,
97
92
  /**
98
93
  * The initial position in the edited date range.
99
94
  * Used when the component is not controlled.
@@ -272,7 +267,7 @@ StaticDateRangePicker.propTypes = {
272
267
  * Choose which timezone to use for the value.
273
268
  * Example: "default", "system", "UTC", "America/New_York".
274
269
  * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
275
- * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
270
+ * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
276
271
  * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
277
272
  */
278
273
  timezone: _propTypes.default.string,