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

package/SingleInputTimeRangeField/SingleInputTimeRangeField.types.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/base/utils';
 import TextField from '@mui/material/TextField';
 import { FieldsTextFieldProps } from '@mui/x-date-pickers/internals/models/fields';
-import { UncapitalizeObjectKeys, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
+import { FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
 import { UseTimeRangeFieldDefaultizedProps, UseTimeRangeFieldProps } from '../internals/models';
 export interface UseSingleInputTimeRangeFieldParams<TDate, TChildProps extends {}> {
     props: UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps>;
@@ -13,23 +13,11 @@ export interface UseSingleInputTimeRangeFieldProps<TDate> extends UseTimeRangeFi
 export type UseSingleInputTimeRangeFieldDefaultizedProps<TDate, AdditionalProps extends {}> = UseTimeRangeFieldDefaultizedProps<TDate> & AdditionalProps;
 export type UseSingleInputTimeRangeFieldComponentProps<TDate, TChildProps extends {}> = Omit<TChildProps, keyof UseSingleInputTimeRangeFieldProps<TDate>> & UseSingleInputTimeRangeFieldProps<TDate>;
 export interface SingleInputTimeRangeFieldProps<TDate> extends UseSingleInputTimeRangeFieldComponentProps<TDate, FieldsTextFieldProps> {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: SingleInputTimeRangeFieldSlotsComponent;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: SingleInputTimeRangeFieldSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<SingleInputTimeRangeFieldSlotsComponent>;
+    slots?: SingleInputTimeRangeFieldSlotsComponent;
     /**
      * The props used for each component slot.
      * @default {}
@@ -43,7 +31,7 @@ export interface SingleInputTimeRangeFieldSlotsComponent extends FieldSlotsCompo
      * Receives the same props as `@mui/material/TextField`.
      * @default TextField from '@mui/material'
      */
-    TextField?: React.ElementType;
+    textField?: React.ElementType;
 }
 export interface SingleInputTimeRangeFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
     textField?: SlotComponentProps<typeof TextField, {}, SingleInputTimeRangeFieldOwnerState<TDate>>;

package/StaticDateRangePicker/StaticDateRangePicker.js

@@ -69,18 +69,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/StaticDateRangePicker/StaticDateRangePicker.types.d.ts

@@ -1,4 +1,4 @@
-import { MakeOptional, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { MakeOptional } from '@mui/x-date-pickers/internals';
 import { StaticRangeOnlyPickerProps, UseStaticRangePickerSlotsComponent, UseStaticRangePickerSlotsComponentsProps } from '../internals/hooks/useStaticRangePicker';
 import { BaseDateRangePickerProps, BaseDateRangePickerSlotsComponent, BaseDateRangePickerSlotsComponentsProps } from '../DateRangePicker/shared';
 export interface StaticDateRangePickerSlotsComponent<TDate> extends BaseDateRangePickerSlotsComponent<TDate>, UseStaticRangePickerSlotsComponent<TDate, 'day'> {
@@ -6,23 +6,11 @@ export interface StaticDateRangePickerSlotsComponent<TDate> extends BaseDateRang
 export interface StaticDateRangePickerSlotsComponentsProps<TDate> extends BaseDateRangePickerSlotsComponentsProps<TDate>, UseStaticRangePickerSlotsComponentsProps<TDate, 'day'> {
 }
 export interface StaticDateRangePickerProps<TDate> extends BaseDateRangePickerProps<TDate>, MakeOptional<StaticRangeOnlyPickerProps, 'displayStaticWrapperAs'> {
-    /**
-     * Overridable components.
-     * @default {}
-     * @deprecated Please use `slots`.
-     */
-    components?: StaticDateRangePickerSlotsComponent<TDate>;
-    /**
-     * The props used for each component slot.
-     * @default {}
-     * @deprecated Please use `slotProps`.
-     */
-    componentsProps?: StaticDateRangePickerSlotsComponentsProps<TDate>;
     /**
      * Overridable component slots.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<StaticDateRangePickerSlotsComponent<TDate>>;
+    slots?: StaticDateRangePickerSlotsComponent<TDate>;
     /**
      * The props used for each component slot.
      * @default {}

package/dateRangeViewRenderers/dateRangeViewRenderers.d.ts

@@ -10,4 +10,4 @@ export interface DateRangeViewRendererProps<TDate, TView extends DateOrTimeViewW
  * We don't pass all the props down to `DateRangeCalendar`,
  * because otherwise some unwanted props would be passed to the HTML element.
  */
-export declare const renderDateRangeViewCalendar: <TDate extends unknown>({ value, defaultValue, referenceDate, onChange, className, classes, 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, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, }: DateRangeViewRendererProps<TDate, any>) => React.JSX.Element;
+export declare const renderDateRangeViewCalendar: <TDate extends unknown>({ value, defaultValue, referenceDate, onChange, className, classes, disableFuture, disablePast, minDate, maxDate, shouldDisableDate, reduceAnimations, onMonthChange, defaultCalendarMonth, rangePosition, defaultRangePosition, onRangePositionChange, calendars, currentMonthCalendarPosition, slots, slotProps, loading, renderLoading, disableHighlightToday, readOnly, disabled, showDaysOutsideCurrentMonth, dayOfWeekFormatter, disableAutoMonthSwitching, sx, autoFocus, fixedWeekNumber, disableDragEditing, displayWeekNumber, timezone, }: DateRangeViewRendererProps<TDate, any>) => React.JSX.Element;

package/dateRangeViewRenderers/dateRangeViewRenderers.js

@@ -25,8 +25,6 @@ export const renderDateRangeViewCalendar = ({
   onRangePositionChange,
   calendars,
   currentMonthCalendarPosition,
-  components,
-  componentsProps,
   slots,
   slotProps,
   loading,
@@ -63,8 +61,6 @@ export const renderDateRangeViewCalendar = ({
   onRangePositionChange: onRangePositionChange,
   calendars: calendars,
   currentMonthCalendarPosition: currentMonthCalendarPosition,
-  components: components,
-  componentsProps: componentsProps,
   slots: slots,
   slotProps: slotProps,
   loading: loading,

package/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/internals/hooks/useDesktopRangePicker/useDesktopRangePicker.types.d.ts

@@ -1,4 +1,4 @@
-import { UsePickerParams, BasePickerProps, PickersPopperSlotsComponent, PickersPopperSlotsComponentsProps, ExportedBaseToolbarProps, UsePickerViewsProps, UncapitalizeObjectKeys, BaseNonStaticPickerProps, UsePickerValueNonStaticProps, UsePickerViewsNonStaticProps } from '@mui/x-date-pickers/internals';
+import { UsePickerParams, BasePickerProps, PickersPopperSlotsComponent, PickersPopperSlotsComponentsProps, ExportedBaseToolbarProps, UsePickerViewsProps, BaseNonStaticPickerProps, UsePickerValueNonStaticProps, UsePickerViewsNonStaticProps } from '@mui/x-date-pickers/internals';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps } from '@mui/x-date-pickers/PickersLayout';
 import { DateRange, RangeFieldSection, BaseRangeNonStaticPickerProps } from '../../models';
@@ -20,7 +20,7 @@ export interface UseDesktopRangePickerProps<TDate, TView extends DateOrTimeViewW
      * Overridable component slots.
      * @default {}
      */
-    slots: UncapitalizeObjectKeys<UseDesktopRangePickerSlotsComponent<TDate, TView>>;
+    slots: UseDesktopRangePickerSlotsComponent<TDate, TView>;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/hooks/useEnrichedRangePickerFieldProps.d.ts

@@ -6,28 +6,28 @@ import { SlotComponentProps } from '@mui/base/utils';
 import { BaseSingleInputFieldProps } from '@mui/x-date-pickers/models';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { PickersInputLocaleText } from '@mui/x-date-pickers/locales';
-import { BaseFieldProps, UsePickerResponse, WrapperVariant, UncapitalizeObjectKeys, UsePickerProps, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
+import { BaseFieldProps, UsePickerResponse, WrapperVariant, UsePickerProps, FieldSlotsComponents, FieldSlotsComponentsProps } from '@mui/x-date-pickers/internals';
 import { BaseMultiInputFieldProps, DateRange, RangeFieldSection, RangePosition, UseDateRangeFieldProps } from '../models';
 import { UseRangePositionResponse } from './useRangePosition';
 export interface RangePickerFieldSlotsComponent extends FieldSlotsComponents {
-    Field: React.ElementType;
+    field: React.ElementType;
     /**
      * Element rendered at the root.
      * Ignored if the field has only one input.
      */
-    FieldRoot?: React.ElementType<StackProps>;
+    fieldRoot?: React.ElementType<StackProps>;
     /**
      * Element rendered between the two inputs.
      * Ignored if the field has only one input.
      */
-    FieldSeparator?: React.ElementType<TypographyProps>;
+    fieldSeparator?: React.ElementType<TypographyProps>;
     /**
      * Form control with an input to render a date or time inside the default field.
      * It is rendered twice: once for the start element and once for the end element.
      * Receives the same props as `@mui/material/TextField`.
      * @default TextField from '@mui/material'
      */
-    TextField?: React.ElementType<TextFieldProps>;
+    textField?: React.ElementType<TextFieldProps>;
 }
 export interface RangePickerFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
     field?: SlotComponentProps<React.ElementType<BaseMultiInputFieldProps<DateRange<TDate>, TDate, RangeFieldSection, unknown>>, {}, UsePickerProps<DateRange<TDate>, TDate, any, RangeFieldSection, any, any, any>>;
@@ -48,7 +48,7 @@ export interface UseEnrichedRangePickerFieldPropsParams<TDate, TView extends Dat
     label?: React.ReactNode;
     localeText: PickersInputLocaleText<TDate> | undefined;
     pickerSlotProps: RangePickerFieldSlotsComponentsProps<TDate> | undefined;
-    pickerSlots: UncapitalizeObjectKeys<RangePickerFieldSlotsComponent> | undefined;
+    pickerSlots: RangePickerFieldSlotsComponent | undefined;
     fieldProps: FieldProps;
     anchorRef?: React.Ref<HTMLDivElement>;
 }

package/internals/hooks/useMobileRangePicker/useMobileRangePicker.types.d.ts

@@ -1,4 +1,4 @@
-import { UsePickerParams, BasePickerProps, PickersModalDialogSlotsComponent, PickersModalDialogSlotsComponentsProps, ExportedBaseToolbarProps, UsePickerViewsProps, UncapitalizeObjectKeys, BaseNonStaticPickerProps, UsePickerValueNonStaticProps, UsePickerViewsNonStaticProps } from '@mui/x-date-pickers/internals';
+import { UsePickerParams, BasePickerProps, PickersModalDialogSlotsComponent, PickersModalDialogSlotsComponentsProps, ExportedBaseToolbarProps, UsePickerViewsProps, BaseNonStaticPickerProps, UsePickerValueNonStaticProps, UsePickerViewsNonStaticProps } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps } from '@mui/x-date-pickers/PickersLayout';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRange, RangeFieldSection, BaseRangeNonStaticPickerProps } from '../../models';
@@ -16,7 +16,7 @@ export interface UseMobileRangePickerProps<TDate, TView extends DateOrTimeViewWi
      * Overridable component slots.
      * @default {}
      */
-    slots: UncapitalizeObjectKeys<UseMobileRangePickerSlotsComponent<TDate, TView>>;
+    slots: UseMobileRangePickerSlotsComponent<TDate, TView>;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField.js

@@ -41,7 +41,9 @@ export const useMultiInputDateTimeRangeField = ({
     timezone: timezoneProp,
     onChange,
     disabled,
-    readOnly
+    readOnly,
+    selectedSections,
+    onSelectedSectionsChange
   } = sharedProps;
   const {
     value,
@@ -89,7 +91,9 @@ export const useMultiInputDateTimeRangeField = ({
     unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange
+    onChange: handleStartDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const endFieldProps = _extends({
     error: !!validationError[1]
@@ -102,7 +106,9 @@ export const useMultiInputDateTimeRangeField = ({
     unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange
+    onChange: handleEndDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const startDateResponse = useDateTimeField({
     props: startFieldProps,

package/internals/hooks/useMultiInputRangeField/useMultiInputTimeRangeField.js

@@ -35,7 +35,9 @@ export const useMultiInputTimeRangeField = ({
     timezone: timezoneProp,
     onChange,
     disabled,
-    readOnly
+    readOnly,
+    selectedSections,
+    onSelectedSectionsChange
   } = sharedProps;
   const {
     value,
@@ -83,7 +85,9 @@ export const useMultiInputTimeRangeField = ({
     unstableFieldRef: unstableStartFieldRef,
     value: valueProp === undefined ? undefined : valueProp[0],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[0],
-    onChange: handleStartDateChange
+    onChange: handleStartDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const endFieldProps = _extends({
     error: !!validationError[1]
@@ -96,7 +100,9 @@ export const useMultiInputTimeRangeField = ({
     unstableFieldRef: unstableEndFieldRef,
     value: valueProp === undefined ? undefined : valueProp[1],
     defaultValue: defaultValue === undefined ? undefined : defaultValue[1],
-    onChange: handleEndDateChange
+    onChange: handleEndDateChange,
+    selectedSections,
+    onSelectedSectionsChange
   });
   const startDateResponse = useTimeField({
     props: startFieldProps,

package/internals/hooks/useStaticRangePicker/useStaticRangePicker.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BasePickerProps, UsePickerParams, ExportedBaseToolbarProps, StaticOnlyPickerProps, UncapitalizeObjectKeys } from '@mui/x-date-pickers/internals';
+import { BasePickerProps, UsePickerParams, ExportedBaseToolbarProps, StaticOnlyPickerProps } from '@mui/x-date-pickers/internals';
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps } from '@mui/x-date-pickers/PickersLayout';
 import { DateOrTimeViewWithMeridiem } from '@mui/x-date-pickers/internals/models';
 import { DateRange } from '../../models/range';
@@ -17,7 +17,7 @@ export interface UseStaticRangePickerProps<TDate, TView extends DateOrTimeViewWi
      * Overridable components.
      * @default {}
      */
-    slots?: UncapitalizeObjectKeys<UseStaticRangePickerSlotsComponent<TDate, TView>>;
+    slots?: UseStaticRangePickerSlotsComponent<TDate, TView>;
     /**
      * The props used for each component slot.
      * @default {}

package/internals/utils/releaseInfo.js

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

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _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"],
+var _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';
@@ -14,7 +14,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';
@@ -147,10 +147,8 @@ var DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalendar
     calendars = props.calendars,
     _props$currentMonthCa = props.currentMonthCalendarPosition,
     currentMonthCalendarPosition = _props$currentMonthCa === void 0 ? 1 : _props$currentMonthCa,
-    components = props.components,
-    componentsProps = props.componentsProps,
-    innerSlots = props.slots,
-    innerSlotProps = props.slotProps,
+    slots = props.slots,
+    slotProps = props.slotProps,
     loading = props.loading,
     renderLoading = props.renderLoading,
     disableHighlightToday = props.disableHighlightToday,
@@ -179,8 +177,6 @@ var DateRangeCalendar = /*#__PURE__*/React.forwardRef(function DateRangeCalendar
   var utils = useUtils();
   var localeText = useLocaleText();
   var now = useNow(timezone);
-  var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
-  var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var _useRangePosition = useRangePosition({
       rangePosition: rangePositionProp,
       defaultRangePosition: inDefaultRangePosition,
@@ -523,18 +519,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/legacy/DateRangePicker/DateRangePicker.js

@@ -67,18 +67,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/legacy/DateRangePicker/shared.js

@@ -1,21 +1,16 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _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) {
-  var _themeProps$disableFu, _themeProps$disablePa, _themeProps$slots, _themeProps$slotProps;
+  var _themeProps$disableFu, _themeProps$disablePa;
   var utils = useUtils();
   var defaultDates = useDefaultDates();
-  var _useThemeProps = useThemeProps({
-      props: props,
-      name: name
-    }),
-    components = _useThemeProps.components,
-    componentsProps = _useThemeProps.componentsProps,
-    themeProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var themeProps = useThemeProps({
+    props: props,
+    name: name
+  });
   var localeText = React.useMemo(function () {
     var _themeProps$localeTex;
     if (((_themeProps$localeTex = themeProps.localeText) == null ? void 0 : _themeProps$localeTex.toolbarTitle) == null) {
@@ -33,7 +28,6 @@ export function useDateRangePickerDefaultizedProps(props, name) {
     maxDate: applyDefaultDate(utils, themeProps.maxDate, defaultDates.maxDate),
     slots: _extends({
       toolbar: DateRangePickerToolbar
-    }, (_themeProps$slots = themeProps.slots) != null ? _themeProps$slots : uncapitalizeObjectKeys(components)),
-    slotProps: (_themeProps$slotProps = themeProps.slotProps) != null ? _themeProps$slotProps : componentsProps
+    }, themeProps.slots)
   });
 }

package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -82,18 +82,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/legacy/MobileDateRangePicker/MobileDateRangePicker.js

@@ -82,18 +82,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/legacy/MultiInputDateRangeField/MultiInputDateRangeField.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 { useMultiInputDateRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -65,7 +65,7 @@ var MultiInputDateRangeFieldSeparator = styled(function (props) {
  * - [MultiInputDateRangeField API](https://mui.com/x/api/multi-input-date-range-field/)
  */
 var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateRangeField(inProps, ref) {
-  var _slots$root, _slots$textField, _slots$separator, _slotProps$separator;
+  var _slots$root, _slots$textField, _slots$separator;
   var themeProps = useThemeProps({
     props: inProps,
     name: 'MuiMultiInputDateRangeField'
@@ -73,18 +73,14 @@ var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
   var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(themeProps, 'date'),
     dateFieldInternalProps = _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 : MultiInputDateRangeFieldRoot;
@@ -119,7 +115,7 @@ var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInput
   var Separator = (_slots$separator = slots == null ? void 0 : slots.separator) != null ? _slots$separator : MultiInputDateRangeFieldSeparator;
   var separatorProps = useSlotProps({
     elementType: Separator,
-    externalSlotProps: (_slotProps$separator = slotProps == null ? void 0 : slotProps.separator) != null ? _slotProps$separator : componentsProps == null ? void 0 : componentsProps.separator,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.separator,
     ownerState: ownerState,
     className: classes.separator
   });
@@ -185,18 +181,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/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.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 { useMultiInputDateTimeRangeField } from '../internals/hooks/useMultiInputRangeField/useMultiInputDateTimeRangeField';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -73,18 +73,14 @@ var MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiI
   var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(themeProps, 'date-time'),
     dateTimeFieldInternalProps = _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 : MultiInputDateTimeRangeFieldRoot;
@@ -190,18 +186,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.
    */