@mui/x-date-pickers 7.0.0-beta.1 → 7.0.0-beta.2

package/modern/TimePicker/TimePickerToolbar.js

@@ -241,7 +241,7 @@ process.env.NODE_ENV !== "production" ? TimePickerToolbar.propTypes = {
    * @default "––"
    */
   toolbarPlaceholder: PropTypes.node,
-  value: PropTypes.any,
+  value: PropTypes.object,
   /**
    * Currently visible picker view.
    */

package/modern/YearCalendar/YearCalendar.js

@@ -269,7 +269,7 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: PropTypes.any,
+  defaultValue: PropTypes.object,
   /**
    * If `true` picker is disabled
    */
@@ -294,11 +294,11 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: PropTypes.any,
+  maxDate: PropTypes.object,
   /**
    * Minimal selectable date.
    */
-  minDate: PropTypes.any,
+  minDate: PropTypes.object,
   /**
    * Callback fired when the value changes.
    * @template TDate
@@ -315,7 +315,7 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid year using the validation props, except callbacks such as `shouldDisableYear`.
    */
-  referenceDate: PropTypes.any,
+  referenceDate: PropTypes.object,
   /**
    * Disable specific year.
    * @template TDate
@@ -339,7 +339,7 @@ process.env.NODE_ENV !== "production" ? YearCalendar.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: PropTypes.any,
+  value: PropTypes.object,
   /**
    * Years rendered per row.
    * @default 3

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-beta.1
+ * @mui/x-date-pickers v7.0.0-beta.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -255,7 +255,6 @@ const NUMBER_SYMBOL_MAP = {
   '9': '۹',
   '0': '۰'
 };
-
 /**
  * Based on `@date-io/date-fns-jalali`
  *

package/node/AdapterDayjs/AdapterDayjs.js

@@ -128,7 +128,6 @@ const defaultFormats = {
 const MISSING_UTC_PLUGIN = ['Missing UTC plugin', 'To be able to use UTC or timezones, you have to enable the `utc` plugin', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc'].join('\n');
 const MISSING_TIMEZONE_PLUGIN = ['Missing timezone plugin', 'To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone'].join('\n');
 const withLocale = (dayjs, locale) => !locale ? dayjs : (...args) => dayjs(...args).locale(locale);
-
 /**
  * Based on `@date-io/dayjs`
  *

package/node/AdapterLuxon/AdapterLuxon.js

@@ -139,7 +139,6 @@ const defaultFormats = {
   keyboardDateTime12h: 'D hh:mm a',
   keyboardDateTime24h: 'D T'
 };
-
 /**
  * Based on `@date-io/luxon`
  *
@@ -336,7 +335,7 @@ class AdapterLuxon {
       return diff.days < 0;
     };
     this.isWithinRange = (value, [start, end]) => {
-      return value.equals(start) || value.equals(end) || this.isAfter(value, start) && this.isBefore(value, end);
+      return this.isEqual(value, start) || this.isEqual(value, end) || this.isAfter(value, start) && this.isBefore(value, end);
     };
     this.startOfYear = value => {
       return value.startOf('year');

package/node/AdapterMoment/AdapterMoment.js

@@ -129,7 +129,6 @@ const defaultFormats = {
   keyboardDateTime24h: 'L HH:mm'
 };
 const MISSING_TIMEZONE_PLUGIN = ['Missing timezone plugin', 'To be able to use timezones, you have to pass the default export from `moment-timezone` to the `dateLibInstance` prop of `LocalizationProvider`', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#moment-and-timezone'].join('\n');
-
 /**
  * Based on `@date-io/moment`
  *

package/node/AdapterMomentHijri/AdapterMomentHijri.js

@@ -110,7 +110,6 @@ const NUMBER_SYMBOL_MAP = {
   '9': '٩',
   '0': '٠'
 };
-
 /**
  * Based on `@date-io/hijri`
  *

package/node/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -108,7 +108,6 @@ const NUMBER_SYMBOL_MAP = {
   '9': '۹',
   '0': '۰'
 };
-
 /**
  * Based on `@date-io/jalaali`
  *

package/node/DateCalendar/DateCalendar.js

@@ -375,7 +375,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -419,11 +419,11 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
@@ -483,7 +483,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -551,7 +551,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/DateField/DateField.js

@@ -92,7 +92,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -179,11 +179,11 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Name attribute of the `input` element.
    */
@@ -226,7 +226,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * For example, on time fields it will be used to determine the date to set.
    * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false
@@ -319,7 +319,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The variant to use.
    * @default 'outlined'

package/node/DatePicker/DatePicker.js

@@ -81,7 +81,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -156,11 +156,11 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
@@ -252,7 +252,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -333,7 +333,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/DatePicker/DatePickerToolbar.js

@@ -129,7 +129,7 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
    * @default "––"
    */
   toolbarPlaceholder: _propTypes.default.node,
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * Currently visible picker view.
    */

package/node/DateTimeField/DateTimeField.js

@@ -97,7 +97,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -189,29 +189,29 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
    */
-  maxDateTime: _propTypes.default.any,
+  maxDateTime: _propTypes.default.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
    */
-  minDateTime: _propTypes.default.any,
+  minDateTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -259,7 +259,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * For example, on time fields it will be used to determine the date to set.
    * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false
@@ -360,7 +360,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The variant to use.
    * @default 'outlined'

package/node/DateTimePicker/DateTimePicker.js

@@ -91,7 +91,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * CSS media query when `Mobile` mode will be changed to `Desktop`.
    * @default '@media (pointer: fine)'
@@ -171,29 +171,29 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
    */
-  maxDateTime: _propTypes.default.any,
+  maxDateTime: _propTypes.default.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
    */
-  minDateTime: _propTypes.default.any,
+  minDateTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -290,7 +290,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -400,7 +400,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/DateTimePicker/DateTimePickerToolbar.js

@@ -360,7 +360,7 @@ process.env.NODE_ENV !== "production" ? DateTimePickerToolbar.propTypes = {
    */
   toolbarTitle: _propTypes.default.node,
   toolbarVariant: _propTypes.default.oneOf(['desktop', 'mobile']),
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * Currently visible picker view.
    */

package/node/DesktopDatePicker/DesktopDatePicker.js

@@ -102,7 +102,7 @@ DesktopDatePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -171,11 +171,11 @@ DesktopDatePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
@@ -267,7 +267,7 @@ DesktopDatePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -348,7 +348,7 @@ DesktopDatePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -150,7 +150,7 @@ DesktopDateTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -224,29 +224,29 @@ DesktopDateTimePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Maximal selectable moment of time with binding to date, to set max time in each day use `maxTime`.
    */
-  maxDateTime: _propTypes.default.any,
+  maxDateTime: _propTypes.default.object,
   /**
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Minimal selectable moment of time with binding to date, to set min time in each day use `minTime`.
    */
-  minDateTime: _propTypes.default.any,
+  minDateTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -343,7 +343,7 @@ DesktopDateTimePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -453,7 +453,7 @@ DesktopDateTimePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/DesktopTimePicker/DesktopTimePicker.js

@@ -126,7 +126,7 @@ DesktopTimePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -180,12 +180,12 @@ DesktopTimePicker.propTypes = {
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -265,7 +265,7 @@ DesktopTimePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * The currently selected sections.
    * This prop accept four formats:
@@ -334,7 +334,7 @@ DesktopTimePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/DigitalClock/DigitalClock.js

@@ -294,7 +294,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
    * The default selected value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker views and text field are disabled.
    * @default false
@@ -323,12 +323,12 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
    * Maximal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  maxTime: _propTypes.default.any,
+  maxTime: _propTypes.default.object,
   /**
    * Minimal selectable time.
    * The date part of the object will be ignored unless `props.disableIgnoringDatePartForTimeValidation === true`.
    */
-  minTime: _propTypes.default.any,
+  minTime: _propTypes.default.object,
   /**
    * Step over minutes.
    * @default 1
@@ -371,7 +371,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid time using the validation props, except callbacks such as `shouldDisableTime`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Disable specific time.
    * @template TDate
@@ -417,7 +417,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.

package/node/MobileDatePicker/MobileDatePicker.js

@@ -99,7 +99,7 @@ MobileDatePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.any,
+  defaultValue: _propTypes.default.object,
   /**
    * If `true`, the picker and text field are disabled.
    * @default false
@@ -168,11 +168,11 @@ MobileDatePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Months rendered per row.
    * @default 3
@@ -264,7 +264,7 @@ MobileDatePicker.propTypes = {
    * The date used to generate the new value when both `value` and `defaultValue` are empty.
    * @default The closest valid date-time using the validation props, except callbacks like `shouldDisable<...>`.
    */
-  referenceDate: _propTypes.default.any,
+  referenceDate: _propTypes.default.object,
   /**
    * Component displaying when passed `loading` true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -345,7 +345,7 @@ MobileDatePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.any,
+  value: _propTypes.default.object,
   /**
    * The visible view.
    * Used when the component view is controlled.