@mui/x-date-pickers-pro 7.11.0 → 7.12.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 (77) hide show
  1. package/CHANGELOG.md +194 -4
  2. package/DateRangeCalendar/DateRangeCalendar.js +6 -4
  3. package/DateRangeCalendar/DateRangeCalendar.types.d.ts +1 -1
  4. package/DateRangePicker/DateRangePicker.js +2 -0
  5. package/DateRangePicker/DateRangePickerToolbar.js +1 -1
  6. package/DateRangePickerDay/DateRangePickerDay.js +1 -1
  7. package/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
  8. package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
  9. package/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -1
  10. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +3 -1
  11. package/MobileDateRangePicker/MobileDateRangePicker.js +3 -1
  12. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +3 -1
  13. package/MultiInputDateRangeField/MultiInputDateRangeField.js +3 -1
  14. package/MultiInputDateRangeField/MultiInputDateRangeField.types.d.ts +1 -1
  15. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +3 -1
  16. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.types.d.ts +1 -1
  17. package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
  18. package/MultiInputTimeRangeField/MultiInputTimeRangeField.types.d.ts +1 -1
  19. package/SingleInputDateRangeField/SingleInputDateRangeField.js +3 -1
  20. package/SingleInputDateRangeField/SingleInputDateRangeField.types.d.ts +1 -1
  21. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +3 -1
  22. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.types.d.ts +1 -1
  23. package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -1
  24. package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts +1 -1
  25. package/StaticDateRangePicker/StaticDateRangePicker.js +2 -0
  26. package/index.js +1 -1
  27. package/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
  28. package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts +1 -1
  29. package/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -1
  30. package/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
  31. package/internals/utils/releaseInfo.js +1 -1
  32. package/models/fields.d.ts +1 -1
  33. package/modern/DateRangeCalendar/DateRangeCalendar.js +6 -4
  34. package/modern/DateRangePicker/DateRangePicker.js +2 -0
  35. package/modern/DateRangePicker/DateRangePickerToolbar.js +1 -1
  36. package/modern/DateRangePickerDay/DateRangePickerDay.js +1 -1
  37. package/modern/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
  38. package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -1
  39. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +3 -1
  40. package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +3 -1
  41. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +3 -1
  42. package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +3 -1
  43. package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +3 -1
  44. package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +3 -1
  45. package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +1 -1
  46. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +3 -1
  47. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +3 -1
  48. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +1 -1
  49. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +2 -0
  50. package/modern/index.js +1 -1
  51. package/modern/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +1 -1
  52. package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -1
  53. package/modern/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +1 -1
  54. package/modern/internals/utils/releaseInfo.js +1 -1
  55. package/node/DateRangeCalendar/DateRangeCalendar.js +7 -5
  56. package/node/DateRangePicker/DateRangePicker.js +2 -0
  57. package/node/DateRangePicker/DateRangePickerToolbar.js +2 -2
  58. package/node/DateRangePickerDay/DateRangePickerDay.js +2 -2
  59. package/node/DateTimeRangePicker/DateTimeRangePicker.js +2 -0
  60. package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +2 -2
  61. package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +6 -4
  62. package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +7 -5
  63. package/node/MobileDateRangePicker/MobileDateRangePicker.js +6 -4
  64. package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +4 -2
  65. package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +11 -9
  66. package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +11 -9
  67. package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +9 -9
  68. package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +6 -4
  69. package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +4 -2
  70. package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +4 -4
  71. package/node/StaticDateRangePicker/StaticDateRangePicker.js +2 -0
  72. package/node/index.js +1 -1
  73. package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js +2 -2
  74. package/node/internals/hooks/useEnrichedRangePickerFieldProps.js +4 -4
  75. package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js +2 -2
  76. package/node/internals/utils/releaseInfo.js +1 -1
  77. package/package.json +6 -7
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import Stack, { StackProps } from '@mui/material/Stack';
3
3
  import Typography, { TypographyProps } from '@mui/material/Typography';
4
4
  import TextField from '@mui/material/TextField';
5
- import { SlotComponentProps } from '@mui/base/utils';
5
+ import { SlotComponentProps } from '@mui/utils';
6
6
  import { BaseSingleInputFieldProps, FieldRef, PickerValidDate } from '@mui/x-date-pickers/models';
7
7
  import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '@mui/x-date-pickers/hooks';
8
8
  import { PickersInputLocaleText } from '@mui/x-date-pickers/locales';
@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
2
2
  import _extends from "@babel/runtime/helpers/esm/extends";
3
3
  const _excluded = ["clearable", "onClear"];
4
4
  import * as React from 'react';
5
- import { resolveComponentProps } from '@mui/base/utils';
5
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
6
6
  import useEventCallback from '@mui/utils/useEventCallback';
7
7
  import useForkRef from '@mui/utils/useForkRef';
8
8
  import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
3
  const _excluded = ["props"];
4
4
  import * as React from 'react';
5
- import { useSlotProps } from '@mui/base/utils';
5
+ import useSlotProps from '@mui/utils/useSlotProps';
6
6
  import { useLicenseVerifier } from '@mui/x-license';
7
7
  import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
8
8
  import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcyMTI1MzYwMDAwMA==";
3
+ const releaseInfo = "MTcyMjQ2MzIwMDAwMA==";
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
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { SlotComponentProps } from '@mui/base/utils';
2
+ import { SlotComponentProps } from '@mui/utils';
3
3
  import { BaseFieldProps, UseFieldResponse } from '@mui/x-date-pickers/internals';
4
4
  import { BaseSingleInputPickersTextFieldProps, FieldRef, FieldSection, PickerValidDate } from '@mui/x-date-pickers/models';
5
5
  import { UseClearableFieldResponse } from '@mui/x-date-pickers/hooks';
@@ -7,12 +7,13 @@ import PropTypes from 'prop-types';
7
7
  import clsx from 'clsx';
8
8
  import useEventCallback from '@mui/utils/useEventCallback';
9
9
  import useMediaQuery from '@mui/material/useMediaQuery';
10
- import { resolveComponentProps, useSlotProps } from '@mui/base/utils';
10
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
11
+ import useSlotProps from '@mui/utils/useSlotProps';
11
12
  import { styled, useThemeProps } from '@mui/material/styles';
12
13
  import composeClasses from '@mui/utils/composeClasses';
13
14
  import useId from '@mui/utils/useId';
14
15
  import { Watermark } from '@mui/x-license';
15
- import { applyDefaultDate, DayCalendar, useDefaultReduceAnimations, useCalendarState, useDefaultDates, useUtils, useNow, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone, useViews } from '@mui/x-date-pickers/internals';
16
+ import { applyDefaultDate, DayCalendar, useDefaultReduceAnimations, useCalendarState, useDefaultDates, useUtils, useNow, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, warnOnce, useControlledValueWithTimezone, useViews } from '@mui/x-date-pickers/internals';
16
17
  import { getReleaseInfo } from '../internals/utils/releaseInfo';
17
18
  import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
18
19
  import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
@@ -45,7 +46,6 @@ const DateRangeCalendarMonthContainer = styled('div', {
45
46
  }
46
47
  }));
47
48
  const weeksContainerHeight = (DAY_RANGE_SIZE + DAY_MARGIN * 2) * 6;
48
- const warnInvalidCurrentMonthCalendarPosition = buildWarning(['The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
49
49
  const DayCalendarForRange = styled(DayCalendar)(({
50
50
  theme
51
51
  }) => ({
@@ -402,7 +402,7 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
402
402
  const visibleMonths = React.useMemo(() => {
403
403
  if (process.env.NODE_ENV !== 'production') {
404
404
  if (currentMonthCalendarPosition > calendars || currentMonthCalendarPosition < 1) {
405
- warnInvalidCurrentMonthCalendarPosition();
405
+ warnOnce(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
406
406
  }
407
407
  }
408
408
  const firstMonth = utils.addMonths(calendarState.currentMonth, 1 - currentMonthCalendarPosition);
@@ -577,10 +577,12 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
577
577
  loading: PropTypes.bool,
578
578
  /**
579
579
  * Maximal selectable date.
580
+ * @default 2099-12-31
580
581
  */
581
582
  maxDate: PropTypes.object,
582
583
  /**
583
584
  * Minimal selectable date.
585
+ * @default 1900-01-01
584
586
  */
585
587
  minDate: PropTypes.object,
586
588
  /**
@@ -176,10 +176,12 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
176
176
  localeText: PropTypes.object,
177
177
  /**
178
178
  * Maximal selectable date.
179
+ * @default 2099-12-31
179
180
  */
180
181
  maxDate: PropTypes.object,
181
182
  /**
182
183
  * Minimal selectable date.
184
+ * @default 1900-01-01
183
185
  */
184
186
  minDate: PropTypes.object,
185
187
  /**
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
7
  import Typography from '@mui/material/Typography';
8
8
  import { styled, useThemeProps } from '@mui/material/styles';
9
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
9
+ import composeClasses from '@mui/utils/composeClasses';
10
10
  import { PickersToolbar, PickersToolbarButton, useUtils } from '@mui/x-date-pickers/internals';
11
11
  import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
12
12
  import { getDateRangePickerToolbarUtilityClass } from './dateRangePickerToolbarClasses';
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
7
  import { useLicenseVerifier } from '@mui/x-license';
8
8
  import { alpha, styled, useThemeProps } from '@mui/material/styles';
9
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
9
+ import composeClasses from '@mui/utils/composeClasses';
10
10
  import { useUtils } from '@mui/x-date-pickers/internals';
11
11
  import { PickersDay } from '@mui/x-date-pickers/PickersDay';
12
12
  import { getDateRangePickerDayUtilityClass, dateRangePickerDayClasses } from './dateRangePickerDayClasses';
@@ -186,6 +186,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
186
186
  localeText: PropTypes.object,
187
187
  /**
188
188
  * Maximal selectable date.
189
+ * @default 2099-12-31
189
190
  */
190
191
  maxDate: PropTypes.object,
191
192
  /**
@@ -199,6 +200,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
199
200
  maxTime: PropTypes.object,
200
201
  /**
201
202
  * Minimal selectable date.
203
+ * @default 1900-01-01
202
204
  */
203
205
  minDate: PropTypes.object,
204
206
  /**
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
7
  import { styled, useThemeProps } from '@mui/material/styles';
8
- import { unstable_composeClasses as composeClasses } from '@mui/utils';
8
+ import composeClasses from '@mui/utils/composeClasses';
9
9
  import { useUtils } from '@mui/x-date-pickers/internals';
10
10
  import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
11
11
  import { DateTimePickerToolbar } from '@mui/x-date-pickers/DateTimePicker';
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { extractValidationProps } from '@mui/x-date-pickers/internals';
5
- import { resolveComponentProps } from '@mui/base/utils';
5
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
6
6
  import { refType } from '@mui/utils';
7
7
  import { rangeValueManager } from '../internals/utils/valueManagers';
8
8
  import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
@@ -181,10 +181,12 @@ DesktopDateRangePicker.propTypes = {
181
181
  localeText: PropTypes.object,
182
182
  /**
183
183
  * Maximal selectable date.
184
+ * @default 2099-12-31
184
185
  */
185
186
  maxDate: PropTypes.object,
186
187
  /**
187
188
  * Minimal selectable date.
189
+ * @default 1900-01-01
188
190
  */
189
191
  minDate: PropTypes.object,
190
192
  /**
@@ -4,7 +4,7 @@ const _excluded = ["openTo", "rangePosition"];
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { extractValidationProps, isDatePickerView, isInternalTimeView, resolveDateTimeFormat, useUtils } from '@mui/x-date-pickers/internals';
7
- import { resolveComponentProps } from '@mui/base/utils';
7
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
8
8
  import { refType } from '@mui/utils';
9
9
  import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
10
10
  import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
@@ -266,6 +266,7 @@ DesktopDateTimeRangePicker.propTypes = {
266
266
  localeText: PropTypes.object,
267
267
  /**
268
268
  * Maximal selectable date.
269
+ * @default 2099-12-31
269
270
  */
270
271
  maxDate: PropTypes.object,
271
272
  /**
@@ -279,6 +280,7 @@ DesktopDateTimeRangePicker.propTypes = {
279
280
  maxTime: PropTypes.object,
280
281
  /**
281
282
  * Minimal selectable date.
283
+ * @default 1900-01-01
282
284
  */
283
285
  minDate: PropTypes.object,
284
286
  /**
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import * as React from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { extractValidationProps } from '@mui/x-date-pickers/internals';
5
- import { resolveComponentProps } from '@mui/base/utils';
5
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
6
6
  import { refType } from '@mui/utils';
7
7
  import { rangeValueManager } from '../internals/utils/valueManagers';
8
8
  import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
@@ -177,10 +177,12 @@ MobileDateRangePicker.propTypes = {
177
177
  localeText: PropTypes.object,
178
178
  /**
179
179
  * Maximal selectable date.
180
+ * @default 2099-12-31
180
181
  */
181
182
  maxDate: PropTypes.object,
182
183
  /**
183
184
  * Minimal selectable date.
185
+ * @default 1900-01-01
184
186
  */
185
187
  minDate: PropTypes.object,
186
188
  /**
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { refType } from '@mui/utils';
7
7
  import { DIALOG_WIDTH, VIEW_HEIGHT, extractValidationProps, isInternalTimeView, isDatePickerView, resolveDateTimeFormat, useUtils } from '@mui/x-date-pickers/internals';
8
- import { resolveComponentProps } from '@mui/base/utils';
8
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
9
9
  import { renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';
10
10
  import { multiSectionDigitalClockClasses, multiSectionDigitalClockSectionClasses } from '@mui/x-date-pickers/MultiSectionDigitalClock';
11
11
  import { digitalClockClasses } from '@mui/x-date-pickers/DigitalClock';
@@ -260,6 +260,7 @@ MobileDateTimeRangePicker.propTypes = {
260
260
  localeText: PropTypes.object,
261
261
  /**
262
262
  * Maximal selectable date.
263
+ * @default 2099-12-31
263
264
  */
264
265
  maxDate: PropTypes.object,
265
266
  /**
@@ -273,6 +274,7 @@ MobileDateTimeRangePicker.propTypes = {
273
274
  maxTime: PropTypes.object,
274
275
  /**
275
276
  * Minimal selectable date.
277
+ * @default 1900-01-01
276
278
  */
277
279
  minDate: PropTypes.object,
278
280
  /**
@@ -8,7 +8,7 @@ import Stack from '@mui/material/Stack';
8
8
  import MuiTextField from '@mui/material/TextField';
9
9
  import Typography from '@mui/material/Typography';
10
10
  import { styled, useThemeProps } from '@mui/material/styles';
11
- import { useSlotProps } from '@mui/base/utils';
11
+ import useSlotProps from '@mui/utils/useSlotProps';
12
12
  import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
13
13
  import { splitFieldInternalAndForwardedProps, convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
14
14
  import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
@@ -190,10 +190,12 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
190
190
  formatDensity: PropTypes.oneOf(['dense', 'spacious']),
191
191
  /**
192
192
  * Maximal selectable date.
193
+ * @default 2099-12-31
193
194
  */
194
195
  maxDate: PropTypes.object,
195
196
  /**
196
197
  * Minimal selectable date.
198
+ * @default 1900-01-01
197
199
  */
198
200
  minDate: PropTypes.object,
199
201
  /**
@@ -8,7 +8,7 @@ import Stack from '@mui/material/Stack';
8
8
  import MuiTextField from '@mui/material/TextField';
9
9
  import Typography from '@mui/material/Typography';
10
10
  import { styled, useThemeProps } from '@mui/material/styles';
11
- import { useSlotProps } from '@mui/base/utils';
11
+ import useSlotProps from '@mui/utils/useSlotProps';
12
12
  import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
13
13
  import { splitFieldInternalAndForwardedProps, convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
14
14
  import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
@@ -200,6 +200,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
200
200
  formatDensity: PropTypes.oneOf(['dense', 'spacious']),
201
201
  /**
202
202
  * Maximal selectable date.
203
+ * @default 2099-12-31
203
204
  */
204
205
  maxDate: PropTypes.object,
205
206
  /**
@@ -213,6 +214,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
213
214
  maxTime: PropTypes.object,
214
215
  /**
215
216
  * Minimal selectable date.
217
+ * @default 1900-01-01
216
218
  */
217
219
  minDate: PropTypes.object,
218
220
  /**
@@ -8,7 +8,7 @@ import Stack from '@mui/material/Stack';
8
8
  import MuiTextField from '@mui/material/TextField';
9
9
  import Typography from '@mui/material/Typography';
10
10
  import { styled, useThemeProps } from '@mui/material/styles';
11
- import { useSlotProps } from '@mui/base/utils';
11
+ import useSlotProps from '@mui/utils/useSlotProps';
12
12
  import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
13
13
  import { splitFieldInternalAndForwardedProps, convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
14
14
  import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
@@ -5,7 +5,7 @@ import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import MuiTextField from '@mui/material/TextField';
7
7
  import { useThemeProps } from '@mui/material/styles';
8
- import { useSlotProps } from '@mui/base/utils';
8
+ import useSlotProps from '@mui/utils/useSlotProps';
9
9
  import { refType } from '@mui/utils';
10
10
  import { useClearableField } from '@mui/x-date-pickers/hooks';
11
11
  import { convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
@@ -180,10 +180,12 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
180
180
  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
181
181
  /**
182
182
  * Maximal selectable date.
183
+ * @default 2099-12-31
183
184
  */
184
185
  maxDate: PropTypes.object,
185
186
  /**
186
187
  * Minimal selectable date.
188
+ * @default 1900-01-01
187
189
  */
188
190
  minDate: PropTypes.object,
189
191
  /**
@@ -8,7 +8,7 @@ import { convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/i
8
8
  import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
9
9
  import { useThemeProps } from '@mui/material/styles';
10
10
  import { refType } from '@mui/utils';
11
- import { useSlotProps } from '@mui/base/utils';
11
+ import useSlotProps from '@mui/utils/useSlotProps';
12
12
  import { useClearableField } from '@mui/x-date-pickers/hooks';
13
13
  import { useSingleInputDateTimeRangeField } from './useSingleInputDateTimeRangeField';
14
14
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -190,6 +190,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
190
190
  margin: PropTypes.oneOf(['dense', 'none', 'normal']),
191
191
  /**
192
192
  * Maximal selectable date.
193
+ * @default 2099-12-31
193
194
  */
194
195
  maxDate: PropTypes.object,
195
196
  /**
@@ -203,6 +204,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
203
204
  maxTime: PropTypes.object,
204
205
  /**
205
206
  * Minimal selectable date.
207
+ * @default 1900-01-01
206
208
  */
207
209
  minDate: PropTypes.object,
208
210
  /**
@@ -8,7 +8,7 @@ import { useClearableField } from '@mui/x-date-pickers/hooks';
8
8
  import { convertFieldResponseIntoMuiTextFieldProps } from '@mui/x-date-pickers/internals';
9
9
  import { PickersTextField } from '@mui/x-date-pickers/PickersTextField';
10
10
  import { useThemeProps } from '@mui/material/styles';
11
- import { useSlotProps } from '@mui/base/utils';
11
+ import useSlotProps from '@mui/utils/useSlotProps';
12
12
  import { refType } from '@mui/utils';
13
13
  import { useSingleInputTimeRangeField } from './useSingleInputTimeRangeField';
14
14
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -145,10 +145,12 @@ StaticDateRangePicker.propTypes = {
145
145
  localeText: PropTypes.object,
146
146
  /**
147
147
  * Maximal selectable date.
148
+ * @default 2099-12-31
148
149
  */
149
150
  maxDate: PropTypes.object,
150
151
  /**
151
152
  * Minimal selectable date.
153
+ * @default 1900-01-01
152
154
  */
153
155
  minDate: PropTypes.object,
154
156
  /**
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers-pro v7.11.0
2
+ * @mui/x-date-pickers-pro v7.12.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
3
  const _excluded = ["props"];
4
4
  import * as React from 'react';
5
- import { useSlotProps } from '@mui/base/utils';
5
+ import useSlotProps from '@mui/utils/useSlotProps';
6
6
  import { useLicenseVerifier } from '@mui/x-license';
7
7
  import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
8
8
  import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
@@ -2,7 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
2
2
  import _extends from "@babel/runtime/helpers/esm/extends";
3
3
  const _excluded = ["clearable", "onClear"];
4
4
  import * as React from 'react';
5
- import { resolveComponentProps } from '@mui/base/utils';
5
+ import resolveComponentProps from '@mui/utils/resolveComponentProps';
6
6
  import useEventCallback from '@mui/utils/useEventCallback';
7
7
  import useForkRef from '@mui/utils/useForkRef';
8
8
  import { usePickersTranslations } from '@mui/x-date-pickers/hooks';
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
3
  const _excluded = ["props"];
4
4
  import * as React from 'react';
5
- import { useSlotProps } from '@mui/base/utils';
5
+ import useSlotProps from '@mui/utils/useSlotProps';
6
6
  import { useLicenseVerifier } from '@mui/x-license';
7
7
  import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
8
8
  import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcyMTI1MzYwMDAwMA==";
3
+ const releaseInfo = "MTcyMjQ2MzIwMDAwMA==";
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
@@ -12,7 +12,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _clsx = _interopRequireDefault(require("clsx"));
13
13
  var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
14
14
  var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
15
- var _utils = require("@mui/base/utils");
15
+ var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
16
+ var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
16
17
  var _styles = require("@mui/material/styles");
17
18
  var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
18
19
  var _useId = _interopRequireDefault(require("@mui/utils/useId"));
@@ -54,7 +55,6 @@ const DateRangeCalendarMonthContainer = (0, _styles.styled)('div', {
54
55
  }
55
56
  }));
56
57
  const weeksContainerHeight = (_dimensions.DAY_RANGE_SIZE + _dimensions.DAY_MARGIN * 2) * 6;
57
- const warnInvalidCurrentMonthCalendarPosition = (0, _internals.buildWarning)(['The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
58
58
  const DayCalendarForRange = (0, _styles.styled)(_internals.DayCalendar)(({
59
59
  theme
60
60
  }) => ({
@@ -292,7 +292,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
292
292
  timezone
293
293
  });
294
294
  const CalendarHeader = slots?.calendarHeader ?? _PickersRangeCalendarHeader.PickersRangeCalendarHeader;
295
- const calendarHeaderProps = (0, _utils.useSlotProps)({
295
+ const calendarHeaderProps = (0, _useSlotProps.default)({
296
296
  elementType: CalendarHeader,
297
297
  externalSlotProps: slotProps?.calendarHeader,
298
298
  additionalProps: {
@@ -402,7 +402,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
402
402
  'data-position': datePosition
403
403
  }, dragEventHandlers, {
404
404
  draggable: isElementDraggable ? true : undefined
405
- }, (0, _utils.resolveComponentProps)(slotProps?.day, dayOwnerState) ?? {});
405
+ }, (0, _resolveComponentProps.default)(slotProps?.day, dayOwnerState) ?? {});
406
406
  }
407
407
  });
408
408
  const calendarMonths = React.useMemo(() => Array.from({
@@ -411,7 +411,7 @@ const DateRangeCalendar = exports.DateRangeCalendar = /*#__PURE__*/React.forward
411
411
  const visibleMonths = React.useMemo(() => {
412
412
  if (process.env.NODE_ENV !== 'production') {
413
413
  if (currentMonthCalendarPosition > calendars || currentMonthCalendarPosition < 1) {
414
- warnInvalidCurrentMonthCalendarPosition();
414
+ (0, _internals.warnOnce)(['MUI X: The `currentMonthCalendarPosition` prop must be an integer between `1` and the amount of calendars rendered.', 'For example if you have 2 calendars rendered, it should be equal to either 1 or 2.']);
415
415
  }
416
416
  }
417
417
  const firstMonth = utils.addMonths(calendarState.currentMonth, 1 - currentMonthCalendarPosition);
@@ -586,10 +586,12 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
586
586
  loading: _propTypes.default.bool,
587
587
  /**
588
588
  * Maximal selectable date.
589
+ * @default 2099-12-31
589
590
  */
590
591
  maxDate: _propTypes.default.object,
591
592
  /**
592
593
  * Minimal selectable date.
594
+ * @default 1900-01-01
593
595
  */
594
596
  minDate: _propTypes.default.object,
595
597
  /**
@@ -185,10 +185,12 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
185
185
  localeText: _propTypes.default.object,
186
186
  /**
187
187
  * Maximal selectable date.
188
+ * @default 2099-12-31
188
189
  */
189
190
  maxDate: _propTypes.default.object,
190
191
  /**
191
192
  * Minimal selectable date.
193
+ * @default 1900-01-01
192
194
  */
193
195
  minDate: _propTypes.default.object,
194
196
  /**
@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _clsx = _interopRequireDefault(require("clsx"));
13
13
  var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
14
14
  var _styles = require("@mui/material/styles");
15
- var _utils = require("@mui/utils");
15
+ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
16
16
  var _internals = require("@mui/x-date-pickers/internals");
17
17
  var _hooks = require("@mui/x-date-pickers/hooks");
18
18
  var _dateRangePickerToolbarClasses = require("./dateRangePickerToolbarClasses");
@@ -28,7 +28,7 @@ const useUtilityClasses = ownerState => {
28
28
  root: ['root'],
29
29
  container: ['container']
30
30
  };
31
- return (0, _utils.unstable_composeClasses)(slots, _dateRangePickerToolbarClasses.getDateRangePickerToolbarUtilityClass, classes);
31
+ return (0, _composeClasses.default)(slots, _dateRangePickerToolbarClasses.getDateRangePickerToolbarUtilityClass, classes);
32
32
  };
33
33
  const DateRangePickerToolbarRoot = (0, _styles.styled)(_internals.PickersToolbar, {
34
34
  name: 'MuiDateRangePickerToolbar',
@@ -12,7 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _clsx = _interopRequireDefault(require("clsx"));
13
13
  var _xLicense = require("@mui/x-license");
14
14
  var _styles = require("@mui/material/styles");
15
- var _utils = require("@mui/utils");
15
+ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
16
16
  var _internals = require("@mui/x-date-pickers/internals");
17
17
  var _PickersDay = require("@mui/x-date-pickers/PickersDay");
18
18
  var _dateRangePickerDayClasses = require("./dateRangePickerDayClasses");
@@ -44,7 +44,7 @@ const useUtilityClasses = ownerState => {
44
44
  rangeIntervalPreview: ['rangeIntervalPreview', isPreviewing && 'rangeIntervalDayPreview', (isStartOfPreviewing || isStartOfMonth) && 'rangeIntervalDayPreviewStart', (isEndOfPreviewing || isEndOfMonth) && 'rangeIntervalDayPreviewEnd'],
45
45
  day: ['day', !selected && 'notSelectedDate', !isHighlighting && 'dayOutsideRangeInterval', !selected && isHighlighting && 'dayInsideRangeInterval']
46
46
  };
47
- return (0, _utils.unstable_composeClasses)(slots, _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass, classes);
47
+ return (0, _composeClasses.default)(slots, _dateRangePickerDayClasses.getDateRangePickerDayUtilityClass, classes);
48
48
  };
49
49
  const endBorderStyle = {
50
50
  borderTopRightRadius: '50%',
@@ -195,6 +195,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
195
195
  localeText: _propTypes.default.object,
196
196
  /**
197
197
  * Maximal selectable date.
198
+ * @default 2099-12-31
198
199
  */
199
200
  maxDate: _propTypes.default.object,
200
201
  /**
@@ -208,6 +209,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
208
209
  maxTime: _propTypes.default.object,
209
210
  /**
210
211
  * Minimal selectable date.
212
+ * @default 1900-01-01
211
213
  */
212
214
  minDate: _propTypes.default.object,
213
215
  /**
@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
11
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
12
  var _clsx = _interopRequireDefault(require("clsx"));
13
13
  var _styles = require("@mui/material/styles");
14
- var _utils = require("@mui/utils");
14
+ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
15
15
  var _internals = require("@mui/x-date-pickers/internals");
16
16
  var _hooks = require("@mui/x-date-pickers/hooks");
17
17
  var _DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
30
30
  startToolbar: ['startToolbar'],
31
31
  endToolbar: ['endToolbar']
32
32
  };
33
- return (0, _utils.unstable_composeClasses)(slots, _dateTimeRangePickerToolbarClasses.getDateTimeRangePickerToolbarUtilityClass, classes);
33
+ return (0, _composeClasses.default)(slots, _dateTimeRangePickerToolbarClasses.getDateTimeRangePickerToolbarUtilityClass, classes);
34
34
  };
35
35
  const DateTimeRangePickerToolbarRoot = (0, _styles.styled)('div', {
36
36
  name: 'MuiDateTimeRangePickerToolbar',
@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
9
9
  var React = _interopRequireWildcard(require("react"));
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
  var _internals = require("@mui/x-date-pickers/internals");
12
- var _utils = require("@mui/base/utils");
13
- var _utils2 = require("@mui/utils");
12
+ var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
13
+ var _utils = require("@mui/utils");
14
14
  var _valueManagers = require("../internals/utils/valueManagers");
15
15
  var _shared = require("../DateRangePicker/shared");
16
16
  var _dateRangeViewRenderers = require("../dateRangeViewRenderers");
@@ -44,7 +44,7 @@ const DesktopDateRangePicker = exports.DesktopDateRangePicker = /*#__PURE__*/Rea
44
44
  field: _MultiInputDateRangeField.MultiInputDateRangeField
45
45
  }, defaultizedProps.slots),
46
46
  slotProps: (0, _extends2.default)({}, defaultizedProps.slotProps, {
47
- field: ownerState => (0, _extends2.default)({}, (0, _utils.resolveComponentProps)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
47
+ field: ownerState => (0, _extends2.default)({}, (0, _resolveComponentProps.default)(defaultizedProps.slotProps?.field, ownerState), (0, _internals.extractValidationProps)(defaultizedProps), {
48
48
  ref
49
49
  }),
50
50
  toolbar: (0, _extends2.default)({
@@ -171,7 +171,7 @@ DesktopDateRangePicker.propTypes = {
171
171
  * Pass a ref to the `input` element.
172
172
  * Ignored if the field has several inputs.
173
173
  */
174
- inputRef: _utils2.refType,
174
+ inputRef: _utils.refType,
175
175
  /**
176
176
  * The label content.
177
177
  * Ignored if the field has several inputs.
@@ -190,10 +190,12 @@ DesktopDateRangePicker.propTypes = {
190
190
  localeText: _propTypes.default.object,
191
191
  /**
192
192
  * Maximal selectable date.
193
+ * @default 2099-12-31
193
194
  */
194
195
  maxDate: _propTypes.default.object,
195
196
  /**
196
197
  * Minimal selectable date.
198
+ * @default 1900-01-01
197
199
  */
198
200
  minDate: _propTypes.default.object,
199
201
  /**