@mui/x-date-pickers-pro 6.18.0 → 7.0.0-alpha.0

package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
+var _excluded = ["slots", "slotProps", "disabled", "autoFocus", "unstableStartFieldRef", "unstableEndFieldRef", "className"],
   _excluded2 = ["onKeyDown", "ref", "readOnly", "inputMode"],
   _excluded3 = ["onKeyDown", "ref", "readOnly", "inputMode"];
 import * as React from 'react';
@@ -12,7 +12,7 @@ import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
 import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
 import { useMultiInputTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -73,18 +73,14 @@ var MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
   var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(themeProps, 'time'),
     timeFieldInternalProps = _splitFieldInternalAn.internalProps,
     forwardedProps = _splitFieldInternalAn.forwardedProps;
-  var innerSlots = forwardedProps.slots,
-    innerSlotProps = forwardedProps.slotProps,
-    components = forwardedProps.components,
-    componentsProps = forwardedProps.componentsProps,
+  var slots = forwardedProps.slots,
+    slotProps = forwardedProps.slotProps,
     disabled = forwardedProps.disabled,
     autoFocus = forwardedProps.autoFocus,
     unstableStartFieldRef = forwardedProps.unstableStartFieldRef,
     unstableEndFieldRef = forwardedProps.unstableEndFieldRef,
     className = forwardedProps.className,
     otherForwardedProps = _objectWithoutProperties(forwardedProps, _excluded);
-  var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
-  var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var ownerState = themeProps;
   var classes = useUtilityClasses(ownerState);
   var Root = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : MultiInputTimeRangeFieldRoot;
@@ -190,18 +186,6 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
   classes: PropTypes.object,
   className: PropTypes.string,
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+var _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 import * as React from 'react';
@@ -23,23 +23,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - [SingleInputDateRangeField API](https://mui.com/x/api/single-input-date-range-field/)
  */
 var SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateRangeField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiSingleInputDateRangeField'
   });
   var slots = themeProps.slots,
     slotProps = themeProps.slotProps,
-    components = themeProps.components,
-    componentsProps = themeProps.componentsProps,
     InputProps = themeProps.InputProps,
     inputProps = themeProps.inputProps,
     other = _objectWithoutProperties(themeProps, _excluded);
   var ownerState = themeProps;
-  var TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
+  var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var _useSlotProps = useSlotProps({
       elementType: TextField,
-      externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
       externalForwardedProps: other,
       ownerState: ownerState
     }),
@@ -67,9 +65,7 @@ var SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInp
       fieldProps: fieldProps,
       InputProps: fieldProps.InputProps,
       slots: slots,
-      slotProps: slotProps,
-      components: components,
-      componentsProps: componentsProps
+      slotProps: slotProps
     }),
     ProcessedInputProps = _useClearableField.InputProps,
     processedFieldProps = _useClearableField.fieldProps;
@@ -112,18 +108,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+var _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 import * as React from 'react';
@@ -23,23 +23,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - [SingleInputDateTimeRangeField API](https://mui.com/x/api/single-input-date-time-range-field/)
  */
 var SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateTimeRangeField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiSingleInputDateTimeRangeField'
   });
   var slots = themeProps.slots,
     slotProps = themeProps.slotProps,
-    components = themeProps.components,
-    componentsProps = themeProps.componentsProps,
     InputProps = themeProps.InputProps,
     inputProps = themeProps.inputProps,
     other = _objectWithoutProperties(themeProps, _excluded);
   var ownerState = themeProps;
-  var TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
+  var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var _useSlotProps = useSlotProps({
       elementType: TextField,
-      externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
       externalForwardedProps: other,
       ownerState: ownerState
     }),
@@ -67,9 +65,7 @@ var SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Singl
       fieldProps: fieldProps,
       InputProps: fieldProps.InputProps,
       slots: slots,
-      slotProps: slotProps,
-      components: components,
-      componentsProps: componentsProps
+      slotProps: slotProps
     }),
     ProcessedInputProps = _useClearableField.InputProps,
     processedFieldProps = _useClearableField.fieldProps;
@@ -117,18 +113,6 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
+var _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
 import * as React from 'react';
@@ -23,23 +23,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - [SingleInputTimeRangeField API](https://mui.com/x/api/single-input-time-range-field/)
  */
 var SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputTimeRangeField(inProps, ref) {
-  var _ref, _slots$textField, _slotProps$textField;
+  var _slots$textField;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiSingleInputTimeRangeField'
   });
   var slots = themeProps.slots,
     slotProps = themeProps.slotProps,
-    components = themeProps.components,
-    componentsProps = themeProps.componentsProps,
     InputProps = themeProps.InputProps,
     inputProps = themeProps.inputProps,
     other = _objectWithoutProperties(themeProps, _excluded);
   var ownerState = themeProps;
-  var TextField = (_ref = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : components == null ? void 0 : components.TextField) != null ? _ref : MuiTextField;
+  var TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
   var _useSlotProps = useSlotProps({
       elementType: TextField,
-      externalSlotProps: (_slotProps$textField = slotProps == null ? void 0 : slotProps.textField) != null ? _slotProps$textField : componentsProps == null ? void 0 : componentsProps.textField,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
       externalForwardedProps: other,
       ownerState: ownerState
     }),
@@ -67,9 +65,7 @@ var SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInp
       fieldProps: fieldProps,
       InputProps: fieldProps.InputProps,
       slots: slots,
-      slotProps: slotProps,
-      components: components,
-      componentsProps: componentsProps
+      slotProps: slotProps
     }),
     ProcessedInputProps = _useClearableField.InputProps,
     processedFieldProps = _useClearableField.fieldProps;
@@ -117,18 +113,6 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
    */
   color: PropTypes.oneOf(['error', 'info', 'primary', 'secondary', 'success', 'warning']),
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/legacy/StaticDateRangePicker/StaticDateRangePicker.js

@@ -68,18 +68,6 @@ StaticDateRangePicker.propTypes = {
    * Class name applied to the root element.
    */
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Position the current month is rendered in.
    * @default 1

package/legacy/dateRangeViewRenderers/dateRangeViewRenderers.js

@@ -25,8 +25,6 @@ export var renderDateRangeViewCalendar = function renderDateRangeViewCalendar(_r
     onRangePositionChange = _ref.onRangePositionChange,
     calendars = _ref.calendars,
     currentMonthCalendarPosition = _ref.currentMonthCalendarPosition,
-    components = _ref.components,
-    componentsProps = _ref.componentsProps,
     slots = _ref.slots,
     slotProps = _ref.slotProps,
     loading = _ref.loading,
@@ -63,8 +61,6 @@ export var renderDateRangeViewCalendar = function renderDateRangeViewCalendar(_r
     onRangePositionChange: onRangePositionChange,
     calendars: calendars,
     currentMonthCalendarPosition: currentMonthCalendarPosition,
-    components: components,
-    componentsProps: componentsProps,
     slots: slots,
     slotProps: slotProps,
     loading: loading,

package/legacy/index.js

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

package/legacy/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -39,7 +39,9 @@ export var useMultiInputDateTimeRangeField = function useMultiInputDateTimeRange
     timezoneProp = sharedProps.timezone,
     onChange = sharedProps.onChange,
     disabled = sharedProps.disabled,
-    readOnly = sharedProps.readOnly;
+    readOnly = sharedProps.readOnly,
+    selectedSections = sharedProps.selectedSections,
+    onSelectedSectionsChange = sharedProps.onSelectedSectionsChange;
   var _useControlledValueWi = useControlledValueWithTimezone({
       name: 'useMultiInputDateRangeField',
       timezone: timezoneProp,
@@ -85,7 +87,9 @@ export var useMultiInputDateTimeRangeField = function useMultiInputDateTimeRange
     unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange
+    onChange: handleStartDateChange,
+    selectedSections: selectedSections,
+    onSelectedSectionsChange: onSelectedSectionsChange
   });
   var endFieldProps = _extends({
     error: !!validationError[1]
@@ -98,7 +102,9 @@ export var useMultiInputDateTimeRangeField = function useMultiInputDateTimeRange
     unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange
+    onChange: handleEndDateChange,
+    selectedSections: selectedSections,
+    onSelectedSectionsChange: onSelectedSectionsChange
   });
   var startDateResponse = useDateTimeField({
     props: startFieldProps,

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

@@ -33,7 +33,9 @@ export var useMultiInputTimeRangeField = function useMultiInputTimeRangeField(_r
     timezoneProp = sharedProps.timezone,
     onChange = sharedProps.onChange,
     disabled = sharedProps.disabled,
-    readOnly = sharedProps.readOnly;
+    readOnly = sharedProps.readOnly,
+    selectedSections = sharedProps.selectedSections,
+    onSelectedSectionsChange = sharedProps.onSelectedSectionsChange;
   var _useControlledValueWi = useControlledValueWithTimezone({
       name: 'useMultiInputDateRangeField',
       timezone: timezoneProp,
@@ -79,7 +81,9 @@ export var useMultiInputTimeRangeField = function useMultiInputTimeRangeField(_r
     unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange
+    onChange: handleStartDateChange,
+    selectedSections: selectedSections,
+    onSelectedSectionsChange: onSelectedSectionsChange
   });
   var endFieldProps = _extends({
     error: !!validationError[1]
@@ -92,7 +96,9 @@ export var useMultiInputTimeRangeField = function useMultiInputTimeRangeField(_r
     unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange
+    onChange: handleEndDateChange,
+    selectedSections: selectedSections,
+    onSelectedSectionsChange: onSelectedSectionsChange
   });
   var startDateResponse = useTimeField({
     props: startFieldProps,

package/legacy/internals/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5ODk2NjAwMDAwMA==";
+  var releaseInfo = "MTY5OTU3MDgwMDAwMA==";
   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/modern/DateRangeCalendar/DateRangeCalendar.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "defaultCalendarMonth", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "components", "componentsProps", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone"],
+const _excluded = ["value", "defaultValue", "referenceDate", "onChange", "className", "disableFuture", "disablePast", "minDate", "maxDate", "shouldDisableDate", "reduceAnimations", "onMonthChange", "defaultCalendarMonth", "rangePosition", "defaultRangePosition", "onRangePositionChange", "calendars", "currentMonthCalendarPosition", "slots", "slotProps", "loading", "renderLoading", "disableHighlightToday", "readOnly", "disabled", "showDaysOutsideCurrentMonth", "dayOfWeekFormatter", "disableAutoMonthSwitching", "autoFocus", "fixedWeekNumber", "disableDragEditing", "displayWeekNumber", "timezone"],
   _excluded2 = ["isDragging", "rangeDragDay", "draggingDatePosition"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
@@ -12,7 +12,7 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import { Watermark } from '@mui/x-license-pro';
 import { PickersCalendarHeader } from '@mui/x-date-pickers/PickersCalendarHeader';
-import { applyDefaultDate, DAY_MARGIN, DayCalendar, useDefaultReduceAnimations, PickersArrowSwitcher, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, uncapitalizeObjectKeys, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
+import { applyDefaultDate, DAY_MARGIN, DayCalendar, useDefaultReduceAnimations, PickersArrowSwitcher, useCalendarState, useDefaultDates, useLocaleText, useNextMonthDisabled, usePreviousMonthDisabled, useUtils, useNow, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, buildWarning, useControlledValueWithTimezone } from '@mui/x-date-pickers/internals';
 import { getReleaseInfo } from '../internals/utils/releaseInfo';
 import { dateRangeCalendarClasses, getDateRangeCalendarUtilityClass } from './dateRangeCalendarClasses';
 import { isEndOfRange, isRangeValid, isStartOfRange, isWithinRange } from '../internals/utils/date-utils';
@@ -142,10 +142,8 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
       onRangePositionChange: inOnRangePositionChange,
       calendars,
       currentMonthCalendarPosition = 1,
-      components,
-      componentsProps,
-      slots: innerSlots,
-      slotProps: innerSlotProps,
+      slots,
+      slotProps,
       loading,
       renderLoading,
       disableHighlightToday,
@@ -176,8 +174,6 @@ const DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalend
   const utils = useUtils();
   const localeText = useLocaleText();
   const now = useNow(timezone);
-  const slots = innerSlots ?? uncapitalizeObjectKeys(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const {
     rangePosition,
     onRangePositionChange
@@ -496,18 +492,6 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
   calendars: PropTypes.oneOf([1, 2, 3]),
   classes: PropTypes.object,
   className: PropTypes.string,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Position the current month is rendered in.
    * @default 1

package/modern/DateRangePicker/DateRangePicker.js

@@ -68,18 +68,6 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: PropTypes.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Position the current month is rendered in.
    * @default 1

package/modern/DateRangePicker/shared.js

@@ -1,22 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["components", "componentsProps"];
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
-import { useDefaultDates, useUtils, applyDefaultDate, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { useDefaultDates, useUtils, applyDefaultDate } from '@mui/x-date-pickers/internals';
 import { DateRangePickerToolbar } from './DateRangePickerToolbar';
 export function useDateRangePickerDefaultizedProps(props, name) {
   const utils = useUtils();
   const defaultDates = useDefaultDates();
-  const _useThemeProps = useThemeProps({
-      props,
-      name
-    }),
-    {
-      components,
-      componentsProps
-    } = _useThemeProps,
-    themeProps = _objectWithoutPropertiesLoose(_useThemeProps, _excluded);
+  const themeProps = useThemeProps({
+    props,
+    name
+  });
   const localeText = React.useMemo(() => {
     if (themeProps.localeText?.toolbarTitle == null) {
       return themeProps.localeText;
@@ -33,7 +26,6 @@ export function useDateRangePickerDefaultizedProps(props, name) {
     maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
     slots: _extends({
       toolbar: DateRangePickerToolbar
-    }, themeProps.slots ?? uncapitalizeObjectKeys(components)),
-    slotProps: themeProps.slotProps ?? componentsProps
+    }, themeProps.slots)
   });
 }

package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -79,18 +79,6 @@ DesktopDateRangePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: PropTypes.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Position the current month is rendered in.
    * @default 1

package/modern/MobileDateRangePicker/MobileDateRangePicker.js

@@ -79,18 +79,6 @@ MobileDateRangePicker.propTypes = {
    * @default `true` for desktop, `false` for mobile (based on the chosen wrapper and `desktopModeMediaQuery` prop).
    */
   closeOnSelect: PropTypes.bool,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * Position the current month is rendered in.
    * @default 1

package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-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"];
 import * as React from 'react';
@@ -12,7 +12,7 @@ import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
 import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
 import { useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -65,10 +65,8 @@ const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
     forwardedProps
   } = splitFieldInternalAndForwardedProps(themeProps, 'date');
   const {
-      slots: innerSlots,
-      slotProps: innerSlotProps,
-      components,
-      componentsProps,
+      slots,
+      slotProps,
       disabled,
       autoFocus,
       unstableStartFieldRef,
@@ -76,8 +74,6 @@ const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
       className
     } = forwardedProps,
     otherForwardedProps = _objectWithoutPropertiesLoose(forwardedProps, _excluded);
-  const slots = innerSlots ?? uncapitalizeObjectKeys(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const ownerState = themeProps;
   const classes = useUtilityClasses(ownerState);
   const Root = slots?.root ?? MultiInputDateRangeFieldRoot;
@@ -112,7 +108,7 @@ const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInp
   const Separator = slots?.separator ?? MultiInputDateRangeFieldSeparator;
   const separatorProps = useSlotProps({
     elementType: Separator,
-    externalSlotProps: slotProps?.separator ?? componentsProps?.separator,
+    externalSlotProps: slotProps?.separator,
     ownerState,
     className: classes.separator
   });
@@ -182,18 +178,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
   classes: PropTypes.object,
   className: PropTypes.string,
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */

package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-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"];
 import * as React from 'react';
@@ -12,7 +12,7 @@ import Typography from '@mui/material/Typography';
 import { styled, useThemeProps } from '@mui/material/styles';
 import { useSlotProps } from '@mui/base/utils';
 import { unstable_composeClasses as composeClasses, unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import { splitFieldInternalAndForwardedProps, uncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { splitFieldInternalAndForwardedProps } from '@mui/x-date-pickers/internals';
 import { useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -65,10 +65,8 @@ const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Mult
     forwardedProps
   } = splitFieldInternalAndForwardedProps(themeProps, 'date-time');
   const {
-      slots: innerSlots,
-      slotProps: innerSlotProps,
-      components,
-      componentsProps,
+      slots,
+      slotProps,
       disabled,
       autoFocus,
       unstableStartFieldRef,
@@ -76,8 +74,6 @@ const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function Mult
       className
     } = forwardedProps,
     otherForwardedProps = _objectWithoutPropertiesLoose(forwardedProps, _excluded);
-  const slots = innerSlots ?? uncapitalizeObjectKeys(components);
-  const slotProps = innerSlotProps ?? componentsProps;
   const ownerState = themeProps;
   const classes = useUtilityClasses(ownerState);
   const Root = slots?.root ?? MultiInputDateTimeRangeFieldRoot;
@@ -187,18 +183,6 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
   classes: PropTypes.object,
   className: PropTypes.string,
   component: PropTypes.elementType,
-  /**
-   * Overridable components.
-   * @default {}
-   * @deprecated Please use `slots`.
-   */
-  components: PropTypes.object,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   * @deprecated Please use `slotProps`.
-   */
-  componentsProps: PropTypes.object,
   /**
    * The default value. Use when the component is not controlled.
    */