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

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/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 = "MTY5OTQ4NDQwMDAwMA==";
+  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.
    */

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.
    */