@mui/x-date-pickers-pro 6.18.1 → 7.0.0-alpha.1

package/node/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -88,18 +88,6 @@ DesktopDateRangePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: _propTypes.default.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Position the current month is rendered in.
    * @default 1
@@ -107,7 +95,6 @@ DesktopDateRangePicker.propTypes = {
   currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/MobileDateRangePicker/MobileDateRangePicker.js

@@ -88,18 +88,6 @@ MobileDateRangePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: _propTypes.default.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Position the current month is rendered in.
    * @default 1
@@ -107,7 +95,6 @@ MobileDateRangePicker.propTypes = {
   currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -19,7 +19,7 @@ var _utils2 = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useMultiInputDateRangeField = require("../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
+const _excluded = ["slots", "slotProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -74,10 +74,8 @@ const MultiInputDateRangeField = exports.MultiInputDateRangeField = /*#__PURE__*
     forwardedProps
   } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'date');
   const {
-      slots: innerSlots,
-      slotProps: innerSlotProps,
-      components,
-      componentsProps,
+      slots,
+      slotProps,
       disabled,
       autoFocus,
       unstableStartFieldRef,
@@ -85,8 +83,6 @@ const MultiInputDateRangeField = exports.MultiInputDateRangeField = /*#__PURE__*
       className
     } = forwardedProps,
     otherForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(forwardedProps, _excluded);
-  const slots = innerSlots ?? (0, _internals.uncapitalizeObjectKeys)(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const ownerState = themeProps;
   const classes = useUtilityClasses(ownerState);
   const Root = slots?.root ?? MultiInputDateRangeFieldRoot;
@@ -121,7 +117,7 @@ const MultiInputDateRangeField = exports.MultiInputDateRangeField = /*#__PURE__*
   const Separator = slots?.separator ?? MultiInputDateRangeFieldSeparator;
   const separatorProps = (0, _utils.useSlotProps)({
     elementType: Separator,
-    externalSlotProps: slotProps?.separator ?? componentsProps?.separator,
+    externalSlotProps: slotProps?.separator,
     ownerState,
     className: classes.separator
   });
@@ -191,18 +187,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -19,7 +19,7 @@ var _utils2 = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useMultiInputDateTimeRangeField = require("../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
+const _excluded = ["slots", "slotProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -74,10 +74,8 @@ const MultiInputDateTimeRangeField = exports.MultiInputDateTimeRangeField = /*#_
     forwardedProps
   } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'date-time');
   const {
-      slots: innerSlots,
-      slotProps: innerSlotProps,
-      components,
-      componentsProps,
+      slots,
+      slotProps,
       disabled,
       autoFocus,
       unstableStartFieldRef,
@@ -85,8 +83,6 @@ const MultiInputDateTimeRangeField = exports.MultiInputDateTimeRangeField = /*#_
       className
     } = forwardedProps,
     otherForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(forwardedProps, _excluded);
-  const slots = innerSlots ?? (0, _internals.uncapitalizeObjectKeys)(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const ownerState = themeProps;
   const classes = useUtilityClasses(ownerState);
   const Root = slots?.root ?? MultiInputDateTimeRangeFieldRoot;
@@ -196,18 +192,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -19,7 +19,7 @@ var _utils2 = require("@mui/utils");
 var _internals = require("@mui/x-date-pickers/internals");
 var _useMultiInputTimeRangeField = require("../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
+const _excluded = ["slots", "slotProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -74,10 +74,8 @@ const MultiInputTimeRangeField = exports.MultiInputTimeRangeField = /*#__PURE__*
     forwardedProps
   } = (0, _internals.splitFieldInternalAndForwardedProps)(themeProps, 'time');
   const {
-      slots: innerSlots,
-      slotProps: innerSlotProps,
-      components,
-      componentsProps,
+      slots,
+      slotProps,
       disabled,
       autoFocus,
       unstableStartFieldRef,
@@ -85,8 +83,6 @@ const MultiInputTimeRangeField = exports.MultiInputTimeRangeField = /*#__PURE__*
       className
     } = forwardedProps,
     otherForwardedProps = (0, _objectWithoutPropertiesLoose2.default)(forwardedProps, _excluded);
-  const slots = innerSlots ?? (0, _internals.uncapitalizeObjectKeys)(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const ownerState = themeProps;
   const classes = useUtilityClasses(ownerState);
   const Root = slots?.root ?? MultiInputTimeRangeFieldRoot;
@@ -196,18 +192,6 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   classes: _propTypes.default.object,
   className: _propTypes.default.string,
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -16,7 +16,7 @@ var _hooks = require("@mui/x-date-pickers/hooks");
 var _utils2 = require("@mui/utils");
 var _useSingleInputDateRangeField = require("./useSingleInputDateRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -39,17 +39,15 @@ const SingleInputDateRangeField = exports.SingleInputDateRangeField = /*#__PURE_
   const {
       slots,
       slotProps,
-      components,
-      componentsProps,
       InputProps,
       inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
+  const TextField = slots?.textField ?? _TextField.default;
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: TextField,
-      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalSlotProps: slotProps?.textField,
       externalForwardedProps: other,
       ownerState
     }),
@@ -84,9 +82,7 @@ const SingleInputDateRangeField = exports.SingleInputDateRangeField = /*#__PURE_
     fieldProps,
     InputProps: fieldProps.InputProps,
     slots,
-    slotProps,
-    components,
-    componentsProps
+    slotProps
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
@@ -127,18 +123,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -16,7 +16,7 @@ var _hooks = require("@mui/x-date-pickers/hooks");
 var _utils2 = require("@mui/utils");
 var _useSingleInputDateTimeRangeField = require("./useSingleInputDateTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -39,17 +39,15 @@ const SingleInputDateTimeRangeField = exports.SingleInputDateTimeRangeField = /*
   const {
       slots,
       slotProps,
-      components,
-      componentsProps,
       InputProps,
       inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
+  const TextField = slots?.textField ?? _TextField.default;
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: TextField,
-      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalSlotProps: slotProps?.textField,
       externalForwardedProps: other,
       ownerState
     }),
@@ -84,9 +82,7 @@ const SingleInputDateTimeRangeField = exports.SingleInputDateTimeRangeField = /*
     fieldProps,
     InputProps: fieldProps.InputProps,
     slots,
-    slotProps,
-    components,
-    componentsProps
+    slotProps
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
@@ -132,18 +128,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -16,7 +16,7 @@ var _utils = require("@mui/base/utils");
 var _utils2 = require("@mui/utils");
 var _useSingleInputTimeRangeField = require("./useSingleInputTimeRangeField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -39,17 +39,15 @@ const SingleInputTimeRangeField = exports.SingleInputTimeRangeField = /*#__PURE_
   const {
       slots,
       slotProps,
-      components,
-      componentsProps,
       InputProps,
       inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
-  const TextField = slots?.textField ?? components?.TextField ?? _TextField.default;
+  const TextField = slots?.textField ?? _TextField.default;
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: TextField,
-      externalSlotProps: slotProps?.textField ?? componentsProps?.textField,
+      externalSlotProps: slotProps?.textField,
       externalForwardedProps: other,
       ownerState
     }),
@@ -84,9 +82,7 @@ const SingleInputTimeRangeField = exports.SingleInputTimeRangeField = /*#__PURE_
     fieldProps,
     InputProps: fieldProps.InputProps,
     slots,
-    slotProps,
-    components,
-    componentsProps
+    slotProps
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(TextField, (0, _extends2.default)({
     ref: ref
@@ -132,18 +128,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   color: _propTypes.default.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: _propTypes.default.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/node/StaticDateRangePicker/StaticDateRangePicker.js

@@ -77,18 +77,6 @@ StaticDateRangePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: _propTypes.default.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: _propTypes.default.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * Position the current month is rendered in.
    * @default 1
@@ -96,7 +84,6 @@ StaticDateRangePicker.propTypes = {
   currentMonthCalendarPosition: _propTypes.default.oneOf([1, 2, 3]),
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()

package/node/dateRangeViewRenderers/dateRangeViewRenderers.js

@@ -33,8 +33,6 @@ const renderDateRangeViewCalendar = ({
   onRangePositionChange,
   calendars,
   currentMonthCalendarPosition,
-  components,
-  componentsProps,
   slots,
   slotProps,
   loading,
@@ -71,8 +69,6 @@ const renderDateRangeViewCalendar = ({
   onRangePositionChange: onRangePositionChange,
   calendars: calendars,
   currentMonthCalendarPosition: currentMonthCalendarPosition,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   loading: loading,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers-pro v6.18.1
+ * @mui/x-date-pickers-pro v7.0.0-alpha.1
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -42,7 +42,9 @@ const useMultiInputTimeRangeField = ({
     timezone: timezoneProp,
     onChange,
     disabled,
-    readOnly
+    readOnly,
+    selectedSections,
+    onSelectedSectionsChange
   } = sharedProps;
   const {
     value,
@@ -90,7 +92,9 @@ const useMultiInputTimeRangeField = ({
     unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange
+    onChange: handleStartDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const endFieldProps = (0, _extends2.default)({
     error: !!validationError[1]
@@ -103,7 +107,9 @@ const useMultiInputTimeRangeField = ({
     unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange
+    onChange: handleEndDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const startDateResponse = (0, _TimeField.unstable_useTimeField)({
     props: startFieldProps,

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 = "MTY5OTQ4NDQwMDAwMA==";
+  const releaseInfo = "MTcwMDE3MjAwMDAwMA==";
   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": "6.18.1",
+  "version": "7.0.0-alpha.1",
   "description": "The commercial edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,8 +33,8 @@
     "@babel/runtime": "^7.23.2",
     "@mui/base": "^5.0.0-beta.22",
     "@mui/utils": "^5.14.16",
-    "@mui/x-date-pickers": "6.18.1",
-    "@mui/x-license-pro": "6.10.2",
+    "@mui/x-date-pickers": "7.0.0-alpha.1",
+    "@mui/x-license-pro": "7.0.0-alpha.1",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5"