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

package/node/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -153,7 +153,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
@@ -192,11 +192,11 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Callback fired when the value changes.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -229,7 +229,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.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,
   /**
    * The currently selected sections.
    * This prop accept four formats:
@@ -313,5 +313,5 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any)
+  value: _propTypes.default.arrayOf(_propTypes.default.object)
 } : void 0;

package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -158,7 +158,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
@@ -202,29 +202,29 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.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
@@ -262,7 +262,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.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,
   /**
    * The currently selected sections.
    * This prop accept four formats:
@@ -354,5 +354,5 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any)
+  value: _propTypes.default.arrayOf(_propTypes.default.object)
 } : void 0;

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -158,7 +158,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
@@ -203,12 +203,12 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.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
@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.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,
   /**
    * The currently selected sections.
    * This prop accept four formats:
@@ -327,5 +327,5 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any)
+  value: _propTypes.default.arrayOf(_propTypes.default.object)
 } : void 0;

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -93,7 +93,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -180,11 +180,11 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.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.
    */
@@ -227,7 +227,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.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
@@ -307,7 +307,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any),
+  value: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * The variant to use.
    * @default 'outlined'

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -98,7 +98,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -190,29 +190,29 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.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
@@ -260,7 +260,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.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
@@ -348,7 +348,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any),
+  value: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * The variant to use.
    * @default 'outlined'

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -98,7 +98,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -191,12 +191,12 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.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
@@ -244,7 +244,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.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
@@ -321,7 +321,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any),
+  value: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * The variant to use.
    * @default 'outlined'

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -96,7 +96,7 @@ StaticDateRangePicker.propTypes = {
    * The default value.
    * Used when the component is not controlled.
    */
-  defaultValue: _propTypes.default.arrayOf(_propTypes.default.any),
+  defaultValue: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * If `true`, after selecting `start` date calendar will not automatically switch to the month of `end` date.
    * @default false
@@ -156,11 +156,11 @@ StaticDateRangePicker.propTypes = {
   /**
    * Maximal selectable date.
    */
-  maxDate: _propTypes.default.any,
+  maxDate: _propTypes.default.object,
   /**
    * Minimal selectable date.
    */
-  minDate: _propTypes.default.any,
+  minDate: _propTypes.default.object,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -217,7 +217,7 @@ StaticDateRangePicker.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 rendered on the "day" view when `props.loading` is true.
    * @returns {React.ReactNode} The node to render when loading.
@@ -272,7 +272,7 @@ StaticDateRangePicker.propTypes = {
    * The selected value.
    * Used when the component is controlled.
    */
-  value: _propTypes.default.arrayOf(_propTypes.default.any),
+  value: _propTypes.default.arrayOf(_propTypes.default.object),
   /**
    * Define custom view renderers for each section.
    * If `null`, the section will only have field editing.

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v7.0.0-beta.0
+ * @mui/x-date-pickers-pro v7.0.0-beta.2
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -13,13 +13,8 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   LicenseInfo: true
 };
-Object.defineProperty(exports, "LicenseInfo", {
-  enumerable: true,
-  get: function () {
-    return _xLicensePro.LicenseInfo;
-  }
-});
-var _xLicensePro = require("@mui/x-license-pro");
+exports.LicenseInfo = void 0;
+var _xLicense = require("@mui/x-license");
 var _xDatePickers = require("@mui/x-date-pickers");
 Object.keys(_xDatePickers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -235,4 +230,18 @@ Object.keys(_models).forEach(function (key) {
       return _models[key];
     }
   });
-});
+});
+/**
+ * @deprecated Use `@mui/x-license` package instead:
+ * @example import { LicenseInfo } from '@mui/x-license';
+ */
+class LicenseInfo extends _xLicense.LicenseInfo {}
+
+// Fields
+
+// Calendars
+
+// New pickers
+
+// View renderers
+exports.LicenseInfo = LicenseInfo;

package/node/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/base/utils");
-var _xLicensePro = require("@mui/x-license-pro");
+var _xLicense = require("@mui/x-license");
 var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
@@ -26,7 +26,7 @@ const useDesktopRangePicker = _ref => {
       props
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicensePro.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
   const {
     slots,
     slotProps,

package/node/internals/hooks/useMobileRangePicker/useMobileRangePicker.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/base/utils");
-var _xLicensePro = require("@mui/x-license-pro");
+var _xLicense = require("@mui/x-license");
 var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
@@ -27,7 +27,7 @@ const useMobileRangePicker = _ref => {
       props
     } = _ref,
     pickerParams = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  (0, _xLicensePro.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
+  (0, _xLicense.useLicenseVerifier)('x-date-pickers-pro', releaseInfo);
   const {
     slots,
     slotProps: innerSlotProps,

package/node/internals/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTcwNjIyMDAwMDAwMA==";
+  const releaseInfo = "MTcwNzQyOTYwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "7.0.0-beta.0",
+  "version": "7.0.0-beta.2",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -31,12 +31,12 @@
     "directory": "packages/x-date-pickers-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.8",
-    "@mui/base": "^5.0.0-beta.33",
-    "@mui/system": "^5.15.6",
-    "@mui/utils": "^5.15.6",
-    "@mui/x-date-pickers": "7.0.0-beta.0",
-    "@mui/x-license-pro": "7.0.0-beta.0",
+    "@babel/runtime": "^7.23.9",
+    "@mui/base": "^5.0.0-beta.34",
+    "@mui/system": "^5.15.7",
+    "@mui/utils": "^5.15.7",
+    "@mui/x-date-pickers": "7.0.0-beta.2",
+    "@mui/x-license": "7.0.0-beta.2",
     "clsx": "^2.1.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"

package/themeAugmentation/props.d.ts

@@ -1,8 +1,8 @@
+import { PickerValidDate } from '@mui/x-date-pickers/models';
 import { DateRangePickerDayProps } from '../DateRangePickerDay';
 import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField/MultiInputDateRangeField.types';
 import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField/SingleInputDateRangeField.types';
 import { DateRangeCalendarProps } from '../DateRangeCalendar';
-
 import { DateRangePickerProps, DateRangePickerToolbarProps } from '../DateRangePicker';
 import { DesktopDateRangePickerProps } from '../DesktopDateRangePicker';
 import { MobileDateRangePickerProps } from '../MobileDateRangePicker';
@@ -18,32 +18,32 @@ import { ExportedDateTimeRangePickerTabsProps } from '../DateTimeRangePicker/Dat
 import { ExportedDateTimeRangePickerToolbarProps } from '../DateTimeRangePicker/DateTimeRangePickerToolbar';
 
 export interface PickersProComponentsPropsList {
-  MuiDateRangeCalendar: DateRangeCalendarProps<unknown>;
-  MuiDateRangePickerDay: DateRangePickerDayProps<unknown>;
+  MuiDateRangeCalendar: DateRangeCalendarProps<PickerValidDate>;
+  MuiDateRangePickerDay: DateRangePickerDayProps<PickerValidDate>;
   MuiDateTimeRangePickerTabs: ExportedDateTimeRangePickerTabsProps;
-  MuiDateRangePickerToolbar: DateRangePickerToolbarProps<unknown>;
+  MuiDateRangePickerToolbar: DateRangePickerToolbarProps<PickerValidDate>;
   MuiDateTimeRangePickerToolbar: ExportedDateTimeRangePickerToolbarProps;
 
   // Multi input range fields
-  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<unknown>;
-  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<unknown>;
-  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<unknown>;
+  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<PickerValidDate>;
+  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<PickerValidDate>;
+  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<PickerValidDate>;
 
   // Single input range fields
-  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<unknown>;
-  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<unknown>;
-  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<unknown>;
+  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<PickerValidDate>;
+  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<PickerValidDate>;
+  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<PickerValidDate>;
 
   // Date Range Pickers
-  MuiDateRangePicker: DateRangePickerProps<unknown>;
-  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<unknown>;
-  MuiMobileDateRangePicker: MobileDateRangePickerProps<unknown>;
-  MuiStaticDateRangePicker: StaticDateRangePickerProps<unknown>;
+  MuiDateRangePicker: DateRangePickerProps<PickerValidDate>;
+  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<PickerValidDate>;
+  MuiMobileDateRangePicker: MobileDateRangePickerProps<PickerValidDate>;
+  MuiStaticDateRangePicker: StaticDateRangePickerProps<PickerValidDate>;
 
   // Date Time Range Pickers
-  MuiDateTimeRangePicker: DateTimeRangePickerProps<unknown>;
-  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<unknown>;
-  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<unknown>;
+  MuiDateTimeRangePicker: DateTimeRangePickerProps<PickerValidDate>;
+  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<PickerValidDate>;
+  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<PickerValidDate>;
 }
 
 declare module '@mui/material/styles' {