@mui/x-date-pickers-pro 7.22.1 → 8.0.0-alpha.0

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v7.22.1
+ * @mui/x-date-pickers-pro v8.0.0-alpha.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -10,15 +10,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  LicenseInfo: true
-};
-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;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _xDatePickers[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -30,7 +24,6 @@ Object.keys(_xDatePickers).forEach(function (key) {
 var _DateRangePickerDay = require("./DateRangePickerDay");
 Object.keys(_DateRangePickerDay).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateRangePickerDay[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -42,7 +35,6 @@ Object.keys(_DateRangePickerDay).forEach(function (key) {
 var _MultiInputDateRangeField = require("./MultiInputDateRangeField");
 Object.keys(_MultiInputDateRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MultiInputDateRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -54,7 +46,6 @@ Object.keys(_MultiInputDateRangeField).forEach(function (key) {
 var _MultiInputTimeRangeField = require("./MultiInputTimeRangeField");
 Object.keys(_MultiInputTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MultiInputTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -66,7 +57,6 @@ Object.keys(_MultiInputTimeRangeField).forEach(function (key) {
 var _MultiInputDateTimeRangeField = require("./MultiInputDateTimeRangeField");
 Object.keys(_MultiInputDateTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MultiInputDateTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -78,7 +68,6 @@ Object.keys(_MultiInputDateTimeRangeField).forEach(function (key) {
 var _SingleInputDateRangeField = require("./SingleInputDateRangeField");
 Object.keys(_SingleInputDateRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SingleInputDateRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -90,7 +79,6 @@ Object.keys(_SingleInputDateRangeField).forEach(function (key) {
 var _SingleInputTimeRangeField = require("./SingleInputTimeRangeField");
 Object.keys(_SingleInputTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SingleInputTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -102,7 +90,6 @@ Object.keys(_SingleInputTimeRangeField).forEach(function (key) {
 var _SingleInputDateTimeRangeField = require("./SingleInputDateTimeRangeField");
 Object.keys(_SingleInputDateTimeRangeField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _SingleInputDateTimeRangeField[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -114,7 +101,6 @@ Object.keys(_SingleInputDateTimeRangeField).forEach(function (key) {
 var _DateRangeCalendar = require("./DateRangeCalendar");
 Object.keys(_DateRangeCalendar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateRangeCalendar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -126,7 +112,6 @@ Object.keys(_DateRangeCalendar).forEach(function (key) {
 var _PickersRangeCalendarHeader = require("./PickersRangeCalendarHeader");
 Object.keys(_PickersRangeCalendarHeader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _PickersRangeCalendarHeader[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -138,7 +123,6 @@ Object.keys(_PickersRangeCalendarHeader).forEach(function (key) {
 var _DateRangePicker = require("./DateRangePicker");
 Object.keys(_DateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -150,7 +134,6 @@ Object.keys(_DateRangePicker).forEach(function (key) {
 var _DesktopDateRangePicker = require("./DesktopDateRangePicker");
 Object.keys(_DesktopDateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DesktopDateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -162,7 +145,6 @@ Object.keys(_DesktopDateRangePicker).forEach(function (key) {
 var _MobileDateRangePicker = require("./MobileDateRangePicker");
 Object.keys(_MobileDateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MobileDateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -174,7 +156,6 @@ Object.keys(_MobileDateRangePicker).forEach(function (key) {
 var _StaticDateRangePicker = require("./StaticDateRangePicker");
 Object.keys(_StaticDateRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _StaticDateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -186,7 +167,6 @@ Object.keys(_StaticDateRangePicker).forEach(function (key) {
 var _DateTimeRangePicker = require("./DateTimeRangePicker");
 Object.keys(_DateTimeRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DateTimeRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -198,7 +178,6 @@ Object.keys(_DateTimeRangePicker).forEach(function (key) {
 var _DesktopDateTimeRangePicker = require("./DesktopDateTimeRangePicker");
 Object.keys(_DesktopDateTimeRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _DesktopDateTimeRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -210,7 +189,6 @@ Object.keys(_DesktopDateTimeRangePicker).forEach(function (key) {
 var _MobileDateTimeRangePicker = require("./MobileDateTimeRangePicker");
 Object.keys(_MobileDateTimeRangePicker).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _MobileDateTimeRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -222,7 +200,6 @@ Object.keys(_MobileDateTimeRangePicker).forEach(function (key) {
 var _dateRangeViewRenderers = require("./dateRangeViewRenderers");
 Object.keys(_dateRangeViewRenderers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _dateRangeViewRenderers[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -234,7 +211,6 @@ Object.keys(_dateRangeViewRenderers).forEach(function (key) {
 var _models = require("./models");
 Object.keys(_models).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _models[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -246,7 +222,6 @@ Object.keys(_models).forEach(function (key) {
 var _validation = require("./validation");
 Object.keys(_validation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _validation[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -254,18 +229,4 @@ Object.keys(_validation).forEach(function (key) {
       return _validation[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

@@ -61,15 +61,17 @@ const useDesktopRangePicker = _ref => {
     open,
     actions,
     layoutProps,
+    providerProps,
     renderCurrentView,
     shouldRestoreFocus,
     fieldProps: pickerFieldProps,
-    contextValue
+    ownerState
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     wrapperVariant: 'desktop',
     autoFocusView: false,
     fieldRef: rangePosition === 'start' ? startFieldRef : endFieldRef,
+    localeText,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
@@ -93,24 +95,30 @@ const useDesktopRangePicker = _ref => {
   const fieldProps = (0, _useSlotProps.default)({
     elementType: Field,
     externalSlotProps: slotProps?.field,
-    additionalProps: (0, _extends2.default)({}, pickerFieldProps, {
+    additionalProps: (0, _extends2.default)({
+      // Internal props
       readOnly,
       disabled,
-      className,
-      sx,
       format,
       formatDensity,
       enableAccessibleFieldDOMStructure,
       selectedSections,
       onSelectedSectionsChange,
       timezone,
-      autoFocus: autoFocus && !props.open,
+      autoFocus: autoFocus && !props.open
+    }, pickerFieldProps, {
+      // onChange and value
+
+      // Forwarded props
+      className,
+      sx,
       ref: fieldContainerRef
-    }, fieldType === 'single-input' ? {
-      inputRef,
+    }, fieldType === 'single-input' && !!inputRef && {
+      inputRef
+    }, fieldType === 'single-input' && {
       name
-    } : {}),
-    ownerState: props
+    }),
+    ownerState
   });
   const enrichedFieldProps = (0, _useEnrichedRangePickerFieldProps.useEnrichedRangePickerFieldProps)({
     wrapperVariant: 'desktop',
@@ -145,9 +153,7 @@ const useDesktopRangePicker = _ref => {
     })
   });
   const Layout = slots?.layout ?? _PickersLayout.PickersLayout;
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickersProvider, {
-    contextValue: contextValue,
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersPopper, (0, _extends2.default)({
       role: "tooltip",
       placement: "bottom-start",
@@ -166,7 +172,7 @@ const useDesktopRangePicker = _ref => {
         children: renderCurrentView()
       }))
     }))]
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/useEnrichedRangePickerFieldProps.js

@@ -36,7 +36,7 @@ const useMultiInputFieldSlotProps = ({
   startFieldRef,
   endFieldRef
 }) => {
-  const translations = (0, _hooks.usePickersTranslations)();
+  const translations = (0, _hooks.usePickerTranslations)();
   const handleStartFieldRef = (0, _useForkRef.default)(fieldProps.unstableStartFieldRef, startFieldRef);
   const handleEndFieldRef = (0, _useForkRef.default)(fieldProps.unstableEndFieldRef, endFieldRef);
   const previousRangePosition = React.useRef(rangePosition);
@@ -216,8 +216,8 @@ const useSingleInputFieldSlotProps = ({
   });
   const slotProps = (0, _extends2.default)({}, fieldProps.slotProps, {
     textField: pickerSlotProps?.textField,
-    clearButton: pickerSlots?.clearButton,
-    clearIcon: pickerSlots?.clearIcon
+    clearButton: pickerSlotProps?.clearButton,
+    clearIcon: pickerSlotProps?.clearIcon
   });
   const enrichedFieldProps = (0, _extends2.default)({}, fieldProps, {
     slots,

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

@@ -54,19 +54,21 @@ const useMobileRangePicker = _ref => {
     onRangePositionChange
   } = (0, _useRangePosition.useRangePosition)(props, fieldType === 'single-input' ? startFieldRef : undefined);
   const labelId = (0, _useId.default)();
-  const contextTranslations = (0, _hooks.usePickersTranslations)();
+  const contextTranslations = (0, _hooks.usePickerTranslations)();
   const {
     open,
     actions,
     layoutProps,
+    providerProps,
     renderCurrentView,
     fieldProps: pickerFieldProps,
-    contextValue
+    ownerState
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     wrapperVariant: 'mobile',
     autoFocusView: true,
     fieldRef: rangePosition === 'start' ? startFieldRef : endFieldRef,
+    localeText,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
@@ -76,22 +78,28 @@ const useMobileRangePicker = _ref => {
   const fieldProps = (0, _useSlotProps.default)({
     elementType: Field,
     externalSlotProps: innerSlotProps?.field,
-    additionalProps: (0, _extends2.default)({}, pickerFieldProps, {
+    additionalProps: (0, _extends2.default)({
+      // Internal props
       readOnly: readOnly ?? true,
       disabled,
-      className,
-      sx,
       format,
       formatDensity,
       enableAccessibleFieldDOMStructure,
       selectedSections,
       onSelectedSectionsChange,
       timezone
-    }, fieldType === 'single-input' ? {
-      inputRef,
+    }, pickerFieldProps, {
+      // onChange and value
+
+      // Forwarded props
+      className,
+      sx
+    }, fieldType === 'single-input' && !!inputRef && {
+      inputRef
+    }, fieldType === 'single-input' && {
       name
-    } : {}),
-    ownerState: props
+    }),
+    ownerState
   });
   const isToolbarHidden = innerSlotProps?.toolbar?.hidden ?? false;
   const enrichedFieldProps = (0, _useEnrichedRangePickerFieldProps.useEnrichedRangePickerFieldProps)({
@@ -145,9 +153,7 @@ const useMobileRangePicker = _ref => {
       'aria-labelledby': labelledById
     }, innerSlotProps?.mobilePaper)
   });
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickersProvider, {
-    contextValue: contextValue,
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, enrichedFieldProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickersModalDialog, (0, _extends2.default)({}, actions, {
       open: open,
       slots: slots,
@@ -158,7 +164,7 @@ const useMobileRangePicker = _ref => {
         children: renderCurrentView()
       }))
     }))]
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/hooks/useStaticRangePicker/useStaticRangePicker.js

@@ -11,7 +11,6 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
-var _LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 var _PickersLayout = require("@mui/x-date-pickers/PickersLayout");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useRangePosition = require("../useRangePosition");
@@ -50,11 +49,13 @@ const useStaticRangePicker = _ref => {
   } = (0, _useRangePosition.useRangePosition)(props);
   const {
     layoutProps,
+    providerProps,
     renderCurrentView
   } = (0, _internals.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     autoFocusView: autoFocus ?? false,
     fieldRef: undefined,
+    localeText,
     additionalViewProps: {
       rangePosition,
       onRangePositionChange
@@ -68,8 +69,7 @@ const useStaticRangePicker = _ref => {
       onRangePositionChange
     })
   });
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocalizationProvider.LocalizationProvider, {
-    localeText: localeText,
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.PickerProvider, (0, _extends2.default)({}, providerProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Layout, (0, _extends2.default)({}, layoutProps, slotProps?.layout, {
       slots: slots,
       slotProps: slotPropsForLayout,
@@ -78,7 +78,7 @@ const useStaticRangePicker = _ref => {
       ref: ref,
       children: renderCurrentView()
     }))
-  });
+  }));
   return {
     renderPicker
   };

package/node/internals/models/fields.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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 = "MTczMDQzMzYwMDAwMA==";
+  const releaseInfo = "MTczMTUzODgwMDAwMA==";
   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/node/validation/validateDateRange.js

@@ -11,6 +11,10 @@ var _validation = require("@mui/x-date-pickers/validation");
 var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 const _excluded = ["shouldDisableDate"];
+/**
+ * Validation props used by the Date Range Picker, Date Range Field and Date Range Calendar components.
+ */
+
 const validateDateRange = ({
   adapter,
   value,

package/node/validation/validateDateTimeRange.js

@@ -11,6 +11,10 @@ var _validation = require("@mui/x-date-pickers/validation");
 var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
 const _excluded = ["shouldDisableDate"];
+/**
+ * Validation props used by the Date Time Range Picker and Date Time Range Field.
+ */
+
 const validateDateTimeRange = ({
   adapter,
   value,

package/node/validation/validateTimeRange.js

@@ -7,6 +7,10 @@ exports.validateTimeRange = void 0;
 var _validation = require("@mui/x-date-pickers/validation");
 var _dateUtils = require("../internals/utils/date-utils");
 var _valueManagers = require("../internals/utils/valueManagers");
+/**
+ * Validation props used by the Time Range Picker and Time Range Field.
+ */
+
 const validateTimeRange = ({
   adapter,
   value,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers-pro",
-  "version": "7.22.1",
+  "version": "8.0.0-alpha.0",
   "description": "The Pro plan edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -32,14 +32,14 @@
     "directory": "packages/x-date-pickers-pro"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.7",
+    "@babel/runtime": "^7.26.0",
     "@mui/utils": "^5.16.6 || ^6.0.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-date-pickers": "7.22.1",
-    "@mui/x-internals": "7.21.0",
-    "@mui/x-license": "7.21.0"
+    "@mui/x-date-pickers": "8.0.0-alpha.0",
+    "@mui/x-license": "8.0.0-alpha.0",
+    "@mui/x-internals": "8.0.0-alpha.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -51,7 +51,7 @@
     "dayjs": "^1.10.7",
     "luxon": "^3.0.2",
     "moment": "^2.29.4",
-    "moment-hijri": "^2.1.2",
+    "moment-hijri": "^2.1.2 || ^3.0.0",
     "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"

package/themeAugmentation/props.d.ts

@@ -1,4 +1,3 @@
-import { PickerValidDate } from '@mui/x-date-pickers/models';
 import { DateRangePickerDayProps } from '../DateRangePickerDay';
 import { MultiInputDateRangeFieldProps } from '../MultiInputDateRangeField/MultiInputDateRangeField.types';
 import { SingleInputDateRangeFieldProps } from '../SingleInputDateRangeField/SingleInputDateRangeField.types';
@@ -20,33 +19,33 @@ import { ExportedDateTimeRangePickerToolbarProps } from '../DateTimeRangePicker/
 import { ExportedPickersRangeCalendarHeaderProps } from '../PickersRangeCalendarHeader';
 
 export interface PickersProComponentsPropsList {
-  MuiDateRangeCalendar: DateRangeCalendarProps<PickerValidDate>;
-  MuiDateRangePickerDay: DateRangePickerDayProps<PickerValidDate>;
+  MuiDateRangeCalendar: DateRangeCalendarProps;
+  MuiDateRangePickerDay: DateRangePickerDayProps;
   MuiDateTimeRangePickerTabs: ExportedDateTimeRangePickerTabsProps;
   MuiDateRangePickerToolbar: ExportedDateRangePickerToolbarProps;
   MuiDateTimeRangePickerToolbar: ExportedDateTimeRangePickerToolbarProps;
-  MuiPickersRangeCalendarHeader: ExportedPickersRangeCalendarHeaderProps<PickerValidDate>;
+  MuiPickersRangeCalendarHeader: ExportedPickersRangeCalendarHeaderProps;
 
   // Multi input range fields
-  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<PickerValidDate, any>;
-  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<PickerValidDate, any>;
-  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<PickerValidDate, any>;
+  MuiMultiInputDateRangeField: MultiInputDateRangeFieldProps<any>;
+  MuiMultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldProps<any>;
+  MuiMultiInputTimeRangeField: MultiInputTimeRangeFieldProps<any>;
 
   // Single input range fields
-  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<PickerValidDate, any>;
-  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<PickerValidDate, any>;
-  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<PickerValidDate, any>;
+  MuiSingleInputDateRangeField: SingleInputDateRangeFieldProps<any>;
+  MuiSingleInputDateTimeRangeField: SingleInputDateTimeRangeFieldProps<any>;
+  MuiSingleInputTimeRangeField: SingleInputTimeRangeFieldProps<any>;
 
   // Date Range Pickers
-  MuiDateRangePicker: DateRangePickerProps<PickerValidDate, any>;
-  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<PickerValidDate, any>;
-  MuiMobileDateRangePicker: MobileDateRangePickerProps<PickerValidDate, any>;
-  MuiStaticDateRangePicker: StaticDateRangePickerProps<PickerValidDate>;
+  MuiDateRangePicker: DateRangePickerProps<any>;
+  MuiDesktopDateRangePicker: DesktopDateRangePickerProps<any>;
+  MuiMobileDateRangePicker: MobileDateRangePickerProps<any>;
+  MuiStaticDateRangePicker: StaticDateRangePickerProps;
 
   // Date Time Range Pickers
-  MuiDateTimeRangePicker: DateTimeRangePickerProps<PickerValidDate, any>;
-  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<PickerValidDate, any>;
-  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<PickerValidDate, any>;
+  MuiDateTimeRangePicker: DateTimeRangePickerProps<any>;
+  MuiDesktopDateTimeRangePicker: DesktopDateTimeRangePickerProps<any>;
+  MuiMobileDateTimeRangePicker: MobileDateTimeRangePickerProps<any>;
 }
 
 declare module '@mui/material/styles' {

package/validation/validateDateRange.d.ts

@@ -1,8 +1,12 @@
-import { PickerValidDate } from '@mui/x-date-pickers/models';
 import { Validator } from '@mui/x-date-pickers/validation';
-import { BaseDateValidationProps } from '@mui/x-date-pickers/internals';
+import { BaseDateValidationProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { DayRangeValidationProps } from '../internals/models/dateRange';
-import { DateRangeValidationError, DateRange } from '../models';
-export interface ValidateDateRangeProps<TDate extends PickerValidDate> extends DayRangeValidationProps<TDate>, Required<BaseDateValidationProps<TDate>> {
+import { DateRangeValidationError } from '../models';
+/**
+ * Validation props used by the Date Range Picker, Date Range Field and Date Range Calendar components.
+ */
+export interface ExportedValidateDateRangeProps extends DayRangeValidationProps, BaseDateValidationProps {
 }
-export declare const validateDateRange: Validator<DateRange<any>, any, DateRangeValidationError, ValidateDateRangeProps<any>>;
+export interface ValidateDateRangeProps extends DayRangeValidationProps, Required<BaseDateValidationProps> {
+}
+export declare const validateDateRange: Validator<PickerRangeValue, DateRangeValidationError, ValidateDateRangeProps>;

package/validation/validateDateRange.js

@@ -4,6 +4,11 @@ const _excluded = ["shouldDisableDate"];
 import { validateDate } from '@mui/x-date-pickers/validation';
 import { isRangeValid } from "../internals/utils/date-utils.js";
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
+
+/**
+ * Validation props used by the Date Range Picker, Date Range Field and Date Range Calendar components.
+ */
+
 export const validateDateRange = ({
   adapter,
   value,

package/validation/validateDateTimeRange.d.ts

@@ -1,8 +1,13 @@
-import { PickerValidDate } from '@mui/x-date-pickers/models';
+import { DateTimeValidationProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
 import { Validator } from '@mui/x-date-pickers/validation';
-import { BaseDateValidationProps, TimeValidationProps } from '@mui/x-date-pickers/internals';
-import { DayRangeValidationProps } from '../internals/models/dateRange';
-import { DateTimeRangeValidationError, DateRange } from '../models';
-export interface ValidateDateTimeRangeProps<TDate extends PickerValidDate> extends DayRangeValidationProps<TDate>, TimeValidationProps<TDate>, Required<BaseDateValidationProps<TDate>> {
+import { DateTimeRangeValidationError } from '../models';
+import { ExportedValidateDateRangeProps, ValidateDateRangeProps } from './validateDateRange';
+import { ExportedValidateTimeRangeProps, ValidateTimeRangeProps } from './validateTimeRange';
+/**
+ * Validation props used by the Date Time Range Picker and Date Time Range Field.
+ */
+export interface ExportedValidateDateTimeRangeProps extends ExportedValidateDateRangeProps, ExportedValidateTimeRangeProps, DateTimeValidationProps {
 }
-export declare const validateDateTimeRange: Validator<DateRange<any>, any, DateTimeRangeValidationError, ValidateDateTimeRangeProps<any>>;
+export interface ValidateDateTimeRangeProps extends ValidateDateRangeProps, ValidateTimeRangeProps {
+}
+export declare const validateDateTimeRange: Validator<PickerRangeValue, DateTimeRangeValidationError, ValidateDateTimeRangeProps>;

package/validation/validateDateTimeRange.js

@@ -4,6 +4,11 @@ const _excluded = ["shouldDisableDate"];
 import { validateDateTime } from '@mui/x-date-pickers/validation';
 import { isRangeValid } from "../internals/utils/date-utils.js";
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
+
+/**
+ * Validation props used by the Date Time Range Picker and Date Time Range Field.
+ */
+
 export const validateDateTimeRange = ({
   adapter,
   value,

package/validation/validateTimeRange.d.ts

@@ -1,6 +1,11 @@
 import { Validator } from '@mui/x-date-pickers/validation';
-import { BaseTimeValidationProps } from '@mui/x-date-pickers/internals';
-import { TimeRangeValidationError, DateRange } from '../models';
-export interface ValidateTimeRangeProps extends Required<BaseTimeValidationProps> {
+import { TimeValidationProps, BaseTimeValidationProps, PickerRangeValue } from '@mui/x-date-pickers/internals';
+import { TimeRangeValidationError } from '../models';
+/**
+ * Validation props used by the Time Range Picker and Time Range Field.
+ */
+export interface ExportedValidateTimeRangeProps extends BaseTimeValidationProps, TimeValidationProps {
 }
-export declare const validateTimeRange: Validator<DateRange<any>, any, TimeRangeValidationError, ValidateTimeRangeProps>;
+export interface ValidateTimeRangeProps extends Required<BaseTimeValidationProps>, TimeValidationProps {
+}
+export declare const validateTimeRange: Validator<PickerRangeValue, TimeRangeValidationError, ValidateTimeRangeProps>;

package/validation/validateTimeRange.js

@@ -1,6 +1,11 @@
 import { validateTime } from '@mui/x-date-pickers/validation';
 import { isRangeValid } from "../internals/utils/date-utils.js";
 import { rangeValueManager } from "../internals/utils/valueManagers.js";
+
+/**
+ * Validation props used by the Time Range Picker and Time Range Field.
+ */
+
 export const validateTimeRange = ({
   adapter,
   value,