@mui/x-date-pickers 6.0.3 → 6.1.0

package/internals/models/index.js

@@ -1,3 +1 @@
-export * from './views';
-export * from './fields';
-export * from './muiPickersAdapter';
+export * from './fields';

package/internals/models/props/basePickerProps.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system';
 import { UsePickerBaseProps } from '../../hooks/usePicker';
-import { DateOrTimeView } from '../views';
+import { DateOrTimeView } from '../../../models';
 import { PickersInputComponentLocaleText } from '../../../locales/utils/pickersLocaleTextApi';
 import type { UsePickerViewsProps } from '../../hooks/usePicker/usePickerViews';
 import { MakeOptional } from '../helpers';
@@ -41,10 +41,10 @@ export interface BaseNonStaticPickerProps {
     format?: string;
 }
 /**
- * Props common to all non-static pickers with a single input.
+ * Props common to all non-range non-static pickers.
  * These props are handled by the headless wrappers.
  */
-export interface BaseSingleInputNonStaticPickerProps {
+export interface BaseNonRangeNonStaticPickerProps {
     /**
      * The label content.
      */

package/internals/models/props/tabs.d.ts

@@ -1,4 +1,4 @@
-import { DateOrTimeView } from '../views';
+import { DateOrTimeView } from '../../../models';
 export interface BaseTabsProps<TView extends DateOrTimeView> {
     /**
      * Currently visible picker view.

package/internals/models/props/toolbar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DateOrTimeView } from '../views';
+import { DateOrTimeView } from '../../../models';
 export interface BaseToolbarProps<TValue, TView extends DateOrTimeView> extends ExportedBaseToolbarProps {
     isLandscape: boolean;
     onChange: (newValue: TValue) => void;

package/internals/utils/date-utils.d.ts

@@ -1,4 +1,4 @@
-import { MuiPickersAdapter } from '../models';
+import { MuiPickersAdapter } from '../../models';
 interface FindClosestDateParams<TDate> {
     date: TDate;
     disableFuture?: boolean;

package/internals/utils/time-utils.d.ts

@@ -1,4 +1,4 @@
-import { DateOrTimeView, MuiPickersAdapter } from '../models';
+import { DateOrTimeView, MuiPickersAdapter } from '../../models';
 export declare const isTimeView: (view: DateOrTimeView) => boolean;
 type Meridiem = 'am' | 'pm' | null;
 export declare const getMeridiem: <TDate>(date: TDate | null, utils: MuiPickersAdapter<TDate>) => Meridiem;

package/internals/utils/utils.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export declare function arrayIncludes<T>(array: T[] | readonly T[], itemOrItems: T | T[]): boolean;
-export declare const onSpaceOrEnter: (innerFn: (ev: React.MouseEvent<any> | React.KeyboardEvent<any>) => void, onFocus?: ((event: React.KeyboardEvent<any>) => void) | undefined) => (event: React.KeyboardEvent) => void;
+export declare const onSpaceOrEnter: (innerFn: (ev: React.MouseEvent<any> | React.KeyboardEvent<any>) => void, externalEvent?: ((event: React.KeyboardEvent<any>) => void) | undefined) => (event: React.KeyboardEvent) => void;
 export declare const executeInTheNextEventLoopTick: (fn: () => void) => void;
 export declare const getActiveElement: (root?: Document | ShadowRoot) => Element | null;
 export declare const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = "@media (pointer: fine)";

package/internals/utils/utils.js

@@ -5,7 +5,7 @@ export function arrayIncludes(array, itemOrItems) {
   }
   return array.indexOf(itemOrItems) !== -1;
 }
-export const onSpaceOrEnter = (innerFn, onFocus) => event => {
+export const onSpaceOrEnter = (innerFn, externalEvent) => event => {
   if (event.key === 'Enter' || event.key === ' ') {
     innerFn(event);
 
@@ -13,8 +13,8 @@ export const onSpaceOrEnter = (innerFn, onFocus) => event => {
     event.preventDefault();
     event.stopPropagation();
   }
-  if (onFocus) {
-    onFocus(event);
+  if (externalEvent) {
+    externalEvent(event);
   }
 };
 export const executeInTheNextEventLoopTick = fn => {

package/internals/utils/validation.d.ts

@@ -4,4 +4,4 @@
  */
 export declare const extractValidationProps: <Props extends {
     [key: string]: any;
-}>(props: Props) => Pick<Props, "minDate" | "maxDate" | "disableFuture" | "disablePast" | "minTime" | "maxTime" | "shouldDisableTime" | "shouldDisableClock" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minDateTime" | "maxDateTime" | "minuteStep">;
+}>(props: Props) => Pick<Props, "disableFuture" | "disablePast" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minDate" | "maxDate" | "minTime" | "maxTime" | "shouldDisableTime" | "shouldDisableClock" | "minDateTime" | "maxDateTime" | "minuteStep">;

package/internals/utils/valueManagers.d.ts

@@ -1,8 +1,6 @@
 import type { PickerValueManager } from '../hooks/usePicker';
-import type { DateValidationError } from '../hooks/validation/useDateValidation';
-import type { TimeValidationError } from '../hooks/validation/useTimeValidation';
-import type { DateTimeValidationError } from '../hooks/validation/useDateTimeValidation';
-import type { FieldSection, FieldValueManager } from '../hooks/useField';
+import { DateValidationError, TimeValidationError, DateTimeValidationError, FieldSection } from '../../models';
+import type { FieldValueManager } from '../hooks/useField';
 export type SingleItemPickerValueManager<TValue = any, TDate = any, TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<TValue, TDate, TError>;
 export declare const singleItemValueManager: SingleItemPickerValueManager;
-export declare const singleItemFieldValueManager: FieldValueManager<any, any, FieldSection, DateValidationError | TimeValidationError | DateTimeValidationError>;
+export declare const singleItemFieldValueManager: FieldValueManager<any, any, FieldSection>;

package/internals/utils/valueManagers.js

@@ -1,32 +1,32 @@
 import { areDatesEqual, replaceInvalidDateByNull } from './date-utils';
-import { addPositionPropertiesToSections, createDateStrForInputFromSections, splitFormatIntoSections } from '../hooks/useField/useField.utils';
+import { addPositionPropertiesToSections, createDateStrForInputFromSections } from '../hooks/useField/useField.utils';
 export const singleItemValueManager = {
   emptyValue: null,
   getTodayValue: utils => utils.date(),
   cleanValue: replaceInvalidDateByNull,
   areValuesEqual: areDatesEqual,
   isSameError: (a, b) => a === b,
+  hasError: error => error != null,
   defaultErrorState: null
 };
 export const singleItemFieldValueManager = {
   updateReferenceValue: (utils, value, prevReferenceValue) => value == null || !utils.isValid(value) ? prevReferenceValue : value,
-  getSectionsFromValue: (utils, localeText, prevSections, date, format) => {
+  getSectionsFromValue: (utils, date, prevSections, isRTL, getSectionsFromDate) => {
     const shouldReUsePrevDateSections = !utils.isValid(date) && !!prevSections;
     if (shouldReUsePrevDateSections) {
       return prevSections;
     }
-    return addPositionPropertiesToSections(splitFormatIntoSections(utils, localeText, format, date));
+    return addPositionPropertiesToSections(getSectionsFromDate(date), isRTL);
   },
-  getValueStrFromSections: sections => createDateStrForInputFromSections(sections),
-  getActiveDateSections: sections => sections,
+  getValueStrFromSections: createDateStrForInputFromSections,
   getActiveDateManager: (utils, state) => ({
-    activeDate: state.value,
-    referenceActiveDate: state.referenceValue,
-    getNewValueFromNewActiveDate: newActiveDate => ({
+    date: state.value,
+    referenceDate: state.referenceValue,
+    getSections: sections => sections,
+    getNewValuesFromNewActiveDate: newActiveDate => ({
       value: newActiveDate,
       referenceValue: newActiveDate == null || !utils.isValid(newActiveDate) ? state.referenceValue : newActiveDate
     })
   }),
-  parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue),
-  hasError: error => error != null
+  parseValueStr: (valueStr, referenceValue, parseDate) => parseDate(valueStr.trim(), referenceValue)
 };

package/internals/utils/views.d.ts

@@ -1,4 +1,4 @@
-import { DateOrTimeView, DateView } from '../models/views';
+import { DateOrTimeView, DateView } from '../../models';
 export declare const isYearOnlyView: (views: readonly DateView[]) => views is readonly "year"[];
 export declare const isYearAndMonthViews: (views: readonly DateView[]) => views is readonly ("month" | "year")[];
 export declare const applyDefaultViewProps: <TView extends DateOrTimeView>({ openTo, defaultOpenTo, views, defaultViews, }: {

package/legacy/AdapterDateFnsJalali/index.js

@@ -38,6 +38,74 @@ var formatTokenMap = {
   // Day of the month
   d: 'day',
   dd: 'day',
+  do: 'day',
+  // Day of the week
+  E: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  EE: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  EEE: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  EEEE: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  EEEEE: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  i: 'weekDay',
+  ii: 'weekDay',
+  iii: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  iiii: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  e: 'weekDay',
+  ee: 'weekDay',
+  eee: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  eeee: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  eeeee: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  eeeeee: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  c: 'weekDay',
+  cc: 'weekDay',
+  ccc: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  cccc: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  ccccc: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  cccccc: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
   // Meridiem
   a: 'meridiem',
   aa: 'meridiem',

package/legacy/AdapterLuxon/index.js

@@ -98,12 +98,21 @@ export var AdapterLuxon = /*#__PURE__*/function (_BaseAdapterLuxon) {
       if (!DateTime.expandFormat) {
         throw Error('Your luxon version does not support `expandFormat`. Consider upgrading it to v3.0.2');
       }
+      // Extract escaped section to avoid extending them
+      var longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
+      return format.match(longFormatRegexp).map(function (token) {
+        var firstCharacter = token[0];
+        if (firstCharacter === "'") {
+          return token;
+        }
+        return DateTime.expandFormat(token, {
+          locale: _this.locale
+        });
+      }).join('')
       // The returned format can contain `yyyyy` which means year between 4 and 6 digits.
       // This value is supported by luxon parser but not luxon formatter.
       // To avoid conflicts, we replace it by 4 digits which is enough for most use-cases.
-      return DateTime.expandFormat(format, {
-        locale: _this.locale
-      }).replace('yyyyy', 'yyyy');
+      .replace('yyyyy', 'yyyy');
     };
     // Redefined here just to show how it can be written using expandFormat
     _this.getFormatHelperText = function (format) {

package/legacy/DateCalendar/DateCalendar.js

@@ -280,8 +280,6 @@ export var DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(in
       disableFuture: disableFuture,
       reduceAnimations: reduceAnimations,
       labelId: gridLabelId,
-      components: components,
-      componentsProps: componentsProps,
       slots: slots,
       slotProps: slotProps
     }), /*#__PURE__*/_jsx(DateCalendarViewTransitionContainer, {

package/legacy/DateCalendar/PickersCalendarHeader.js

@@ -14,6 +14,8 @@ import { ArrowDropDown } from '../internals/components/icons';
 import { PickersArrowSwitcher } from '../internals/components/PickersArrowSwitcher';
 import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internals/hooks/date-helpers-hooks';
 import { getPickersCalendarHeaderUtilityClass, pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+
+// We keep the interface to allow module augmentation
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -104,16 +106,14 @@ var PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDown, {
  * @ignore - do not document.
  */
 export function PickersCalendarHeader(inProps) {
-  var _ref5, _slots$switchViewButt, _slotProps$switchView, _ref6, _slots$switchViewIcon, _slotProps$switchView2;
+  var _slots$switchViewButt, _slots$switchViewIcon;
   var localeText = useLocaleText();
   var utils = useUtils();
   var props = useThemeProps({
     props: inProps,
     name: 'MuiPickersCalendarHeader'
   });
-  var components = props.components,
-    componentsProps = props.componentsProps,
-    slots = props.slots,
+  var slots = props.slots,
     slotProps = props.slotProps,
     month = props.currentMonth,
     disabled = props.disabled,
@@ -129,10 +129,10 @@ export function PickersCalendarHeader(inProps) {
     labelId = props.labelId;
   var ownerState = props;
   var classes = useUtilityClasses(props);
-  var SwitchViewButton = (_ref5 = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : components == null ? void 0 : components.SwitchViewButton) != null ? _ref5 : PickersCalendarHeaderSwitchViewButton;
+  var SwitchViewButton = (_slots$switchViewButt = slots == null ? void 0 : slots.switchViewButton) != null ? _slots$switchViewButt : PickersCalendarHeaderSwitchViewButton;
   var switchViewButtonProps = useSlotProps({
     elementType: SwitchViewButton,
-    externalSlotProps: (_slotProps$switchView = slotProps == null ? void 0 : slotProps.switchViewButton) != null ? _slotProps$switchView : componentsProps == null ? void 0 : componentsProps.switchViewButton,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewButton,
     additionalProps: {
       size: 'small',
       'aria-label': localeText.calendarViewSwitchingButtonAriaLabel(view)
@@ -140,11 +140,11 @@ export function PickersCalendarHeader(inProps) {
     ownerState: ownerState,
     className: classes.switchViewButton
   });
-  var SwitchViewIcon = (_ref6 = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : components == null ? void 0 : components.SwitchViewIcon) != null ? _ref6 : PickersCalendarHeaderSwitchViewIcon;
+  var SwitchViewIcon = (_slots$switchViewIcon = slots == null ? void 0 : slots.switchViewIcon) != null ? _slots$switchViewIcon : PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   var _useSlotProps = useSlotProps({
       elementType: SwitchViewIcon,
-      externalSlotProps: (_slotProps$switchView2 = slotProps == null ? void 0 : slotProps.switchViewIcon) != null ? _slotProps$switchView2 : componentsProps == null ? void 0 : componentsProps.switchViewIcon,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.switchViewIcon,
       ownerState: undefined,
       className: classes.switchViewIcon
     }),
@@ -209,8 +209,6 @@ export function PickersCalendarHeader(inProps) {
     }), /*#__PURE__*/_jsx(Fade, {
       in: view === 'day',
       children: /*#__PURE__*/_jsx(PickersArrowSwitcher, {
-        components: components,
-        componentsProps: componentsProps,
         slots: slots,
         slotProps: slotProps,
         onGoToPrevious: selectPreviousMonth,

package/legacy/DateField/DateField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["components", "componentsProps", "slots", "slotProps"],
+var _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 import * as React from 'react';
@@ -20,6 +20,8 @@ var DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
     componentsProps = themeProps.componentsProps,
     slots = themeProps.slots,
     slotProps = themeProps.slotProps,
+    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;
@@ -31,6 +33,10 @@ var DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref) {
     }),
     externalInputRef = _useSlotProps.inputRef,
     textFieldProps = _objectWithoutProperties(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = _extends({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = _extends({}, textFieldProps.InputProps, InputProps);
   var _useDateField = useDateField({
       props: textFieldProps,
       inputRef: externalInputRef

package/legacy/DateTimeField/DateTimeField.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["components", "componentsProps", "slots", "slotProps"],
+var _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 import * as React from 'react';
@@ -20,6 +20,8 @@ var DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps
     componentsProps = themeProps.componentsProps,
     slots = themeProps.slots,
     slotProps = themeProps.slotProps,
+    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;
@@ -31,6 +33,10 @@ var DateTimeField = /*#__PURE__*/React.forwardRef(function DateTimeField(inProps
     }),
     externalInputRef = _useSlotProps.inputRef,
     textFieldProps = _objectWithoutProperties(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = _extends({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = _extends({}, textFieldProps.InputProps, InputProps);
   var _useDateTimeField = useDateTimeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/legacy/TimeClock/TimeClock.js

@@ -17,6 +17,7 @@ import { PickerViewRoot } from '../internals/components/PickerViewRoot';
 import { getTimeClockUtilityClass } from './timeClockClasses';
 import { Clock } from './Clock';
 import { getHourNumbers, getMinutesNumbers } from './ClockNumbers';
+import { uncapitalizeObjectKeys } from '../internals/utils/slots-migration';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
@@ -70,8 +71,8 @@ export var TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps,
     autoFocus = props.autoFocus,
     components = props.components,
     componentsProps = props.componentsProps,
-    slots = props.slots,
-    slotProps = props.slotProps,
+    innerSlots = props.slots,
+    innerSlotProps = props.slotProps,
     valueProp = props.value,
     _props$disableIgnorin = props.disableIgnoringDatePartForTimeValidation,
     disableIgnoringDatePartForTimeValidation = _props$disableIgnorin === void 0 ? false : _props$disableIgnorin,
@@ -95,6 +96,8 @@ export var TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps,
     disabled = props.disabled,
     readOnly = props.readOnly,
     other = _objectWithoutProperties(props, _excluded);
+  var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
+  var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   var _useControlled = useControlled({
       name: 'DateCalendar',
       state: 'value',
@@ -297,8 +300,6 @@ export var TimeClock = /*#__PURE__*/React.forwardRef(function TimeClock(inProps,
       readOnly: readOnly
     }, viewProps)), showViewSwitcher && /*#__PURE__*/_jsx(TimeClockArrowSwitcher, {
       className: classes.arrowSwitcher,
-      components: components,
-      componentsProps: componentsProps,
       slots: slots,
       slotProps: slotProps,
       onGoToPrevious: function onGoToPrevious() {

package/legacy/TimeField/TimeField.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"],
+var _excluded = ["slots", "slotProps", "components", "componentsProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 import * as React from 'react';
@@ -20,6 +20,8 @@ var TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
     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;
@@ -31,6 +33,10 @@ var TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
     }),
     externalInputRef = _useSlotProps.inputRef,
     textFieldProps = _objectWithoutProperties(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = _extends({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = _extends({}, textFieldProps.InputProps, InputProps);
   var _useTimeField = useTimeField({
       props: textFieldProps,
       inputRef: externalInputRef

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v6.0.3
+ * @mui/x-date-pickers v6.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.js

@@ -1,7 +1,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";
-var _excluded = ["children", "className", "components", "componentsProps", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"],
+var _excluded = ["children", "className", "slots", "slotProps", "isNextDisabled", "isNextHidden", "onGoToNext", "nextLabel", "isPreviousDisabled", "isPreviousHidden", "onGoToPrevious", "previousLabel"],
   _excluded2 = ["ownerState"],
   _excluded3 = ["ownerState"];
 import * as React from 'react';
@@ -58,7 +58,7 @@ var useUtilityClasses = function useUtilityClasses(ownerState) {
   return composeClasses(slots, getPickersArrowSwitcherUtilityClass, classes);
 };
 export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function PickersArrowSwitcher(inProps, ref) {
-  var _ref5, _slots$previousIconBu, _slotProps$previousIc, _ref6, _slots$nextIconButton, _slotProps$nextIconBu, _ref7, _slots$leftArrowIcon, _slotProps$leftArrowI, _ref8, _slots$rightArrowIcon, _slotProps$rightArrow;
+  var _slots$previousIconBu, _slots$nextIconButton, _slots$leftArrowIcon, _slots$rightArrowIcon;
   var theme = useTheme();
   var isRTL = theme.direction === 'rtl';
   var props = useThemeProps({
@@ -67,8 +67,6 @@ export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Pickers
   });
   var children = props.children,
     className = props.className,
-    components = props.components,
-    componentsProps = props.componentsProps,
     slots = props.slots,
     slotProps = props.slotProps,
     isNextDisabled = props.isNextDisabled,
@@ -98,10 +96,10 @@ export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Pickers
     _ref4 = _slicedToArray(_ref3, 2),
     leftProps = _ref4[0],
     rightProps = _ref4[1];
-  var PreviousIconButton = (_ref5 = (_slots$previousIconBu = slots == null ? void 0 : slots.previousIconButton) != null ? _slots$previousIconBu : components == null ? void 0 : components.PreviousIconButton) != null ? _ref5 : PickersArrowSwitcherButton;
+  var PreviousIconButton = (_slots$previousIconBu = slots == null ? void 0 : slots.previousIconButton) != null ? _slots$previousIconBu : PickersArrowSwitcherButton;
   var previousIconButtonProps = useSlotProps({
     elementType: PreviousIconButton,
-    externalSlotProps: (_slotProps$previousIc = slotProps == null ? void 0 : slotProps.previousIconButton) != null ? _slotProps$previousIc : componentsProps == null ? void 0 : componentsProps.previousIconButton,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.previousIconButton,
     additionalProps: {
       size: 'medium',
       title: leftProps.label,
@@ -115,10 +113,10 @@ export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Pickers
     }),
     className: classes.button
   });
-  var NextIconButton = (_ref6 = (_slots$nextIconButton = slots == null ? void 0 : slots.nextIconButton) != null ? _slots$nextIconButton : components == null ? void 0 : components.NextIconButton) != null ? _ref6 : PickersArrowSwitcherButton;
+  var NextIconButton = (_slots$nextIconButton = slots == null ? void 0 : slots.nextIconButton) != null ? _slots$nextIconButton : PickersArrowSwitcherButton;
   var nextIconButtonProps = useSlotProps({
     elementType: NextIconButton,
-    externalSlotProps: (_slotProps$nextIconBu = slotProps == null ? void 0 : slotProps.nextIconButton) != null ? _slotProps$nextIconBu : componentsProps == null ? void 0 : componentsProps.nextIconButton,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.nextIconButton,
     additionalProps: {
       size: 'medium',
       title: rightProps.label,
@@ -132,11 +130,11 @@ export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Pickers
     }),
     className: classes.button
   });
-  var LeftArrowIcon = (_ref7 = (_slots$leftArrowIcon = slots == null ? void 0 : slots.leftArrowIcon) != null ? _slots$leftArrowIcon : components == null ? void 0 : components.LeftArrowIcon) != null ? _ref7 : ArrowLeft;
+  var LeftArrowIcon = (_slots$leftArrowIcon = slots == null ? void 0 : slots.leftArrowIcon) != null ? _slots$leftArrowIcon : ArrowLeft;
   // The spread is here to avoid this bug mui/material-ui#34056
   var _useSlotProps = useSlotProps({
       elementType: LeftArrowIcon,
-      externalSlotProps: (_slotProps$leftArrowI = slotProps == null ? void 0 : slotProps.leftArrowIcon) != null ? _slotProps$leftArrowI : componentsProps == null ? void 0 : componentsProps.leftArrowIcon,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.leftArrowIcon,
       additionalProps: {
         fontSize: 'inherit'
       },
@@ -144,11 +142,11 @@ export var PickersArrowSwitcher = /*#__PURE__*/React.forwardRef(function Pickers
     }),
     leftArrowIconOwnerState = _useSlotProps.ownerState,
     leftArrowIconProps = _objectWithoutProperties(_useSlotProps, _excluded2);
-  var RightArrowIcon = (_ref8 = (_slots$rightArrowIcon = slots == null ? void 0 : slots.rightArrowIcon) != null ? _slots$rightArrowIcon : components == null ? void 0 : components.RightArrowIcon) != null ? _ref8 : ArrowRight;
+  var RightArrowIcon = (_slots$rightArrowIcon = slots == null ? void 0 : slots.rightArrowIcon) != null ? _slots$rightArrowIcon : ArrowRight;
   // The spread is here to avoid this bug mui/material-ui#34056
   var _useSlotProps2 = useSlotProps({
       elementType: RightArrowIcon,
-      externalSlotProps: (_slotProps$rightArrow = slotProps == null ? void 0 : slotProps.rightArrowIcon) != null ? _slotProps$rightArrow : componentsProps == null ? void 0 : componentsProps.rightArrowIcon,
+      externalSlotProps: slotProps == null ? void 0 : slotProps.rightArrowIcon,
       additionalProps: {
         fontSize: 'inherit'
       },

package/legacy/internals/components/PickersModalDialog.js

@@ -20,24 +20,22 @@ var PickersModalDialogContent = styled(DialogContent)({
   }
 });
 export function PickersModalDialog(props) {
-  var _ref, _slots$dialog, _ref2, _slots$mobileTransiti, _slotProps$mobileTran, _slots$mobilePaper, _slotProps$mobilePape;
+  var _slots$dialog, _slots$mobileTransiti;
   var children = props.children,
     onDismiss = props.onDismiss,
     open = props.open,
-    components = props.components,
-    componentsProps = props.componentsProps,
     slots = props.slots,
     slotProps = props.slotProps;
-  var Dialog = (_ref = (_slots$dialog = slots == null ? void 0 : slots.dialog) != null ? _slots$dialog : components == null ? void 0 : components.Dialog) != null ? _ref : PickersModalDialogRoot;
-  var Transition = (_ref2 = (_slots$mobileTransiti = slots == null ? void 0 : slots.mobileTransition) != null ? _slots$mobileTransiti : components == null ? void 0 : components.MobileTransition) != null ? _ref2 : Fade;
+  var Dialog = (_slots$dialog = slots == null ? void 0 : slots.dialog) != null ? _slots$dialog : PickersModalDialogRoot;
+  var Transition = (_slots$mobileTransiti = slots == null ? void 0 : slots.mobileTransition) != null ? _slots$mobileTransiti : Fade;
   return /*#__PURE__*/_jsx(Dialog, _extends({
     open: open,
     onClose: onDismiss
-  }, componentsProps == null ? void 0 : componentsProps.dialog, {
+  }, slotProps == null ? void 0 : slotProps.dialog, {
     TransitionComponent: Transition,
-    TransitionProps: (_slotProps$mobileTran = slotProps == null ? void 0 : slotProps.mobileTransition) != null ? _slotProps$mobileTran : componentsProps == null ? void 0 : componentsProps.mobileTransition,
-    PaperComponent: (_slots$mobilePaper = slots == null ? void 0 : slots.mobilePaper) != null ? _slots$mobilePaper : components == null ? void 0 : components.MobilePaper,
-    PaperProps: (_slotProps$mobilePape = slotProps == null ? void 0 : slotProps.mobilePaper) != null ? _slotProps$mobilePape : componentsProps == null ? void 0 : componentsProps.mobilePaper,
+    TransitionProps: slotProps == null ? void 0 : slotProps.mobileTransition,
+    PaperComponent: slots == null ? void 0 : slots.mobilePaper,
+    PaperProps: slotProps == null ? void 0 : slotProps.mobilePaper,
     children: /*#__PURE__*/_jsx(PickersModalDialogContent, {
       children: children
     })

package/legacy/internals/components/PickersPopper.js

@@ -10,7 +10,6 @@ import { unstable_useForkRef as useForkRef, unstable_useEventCallback as useEven
 import { styled, useThemeProps } from '@mui/material/styles';
 import { getPickersPopperUtilityClass } from './pickersPopperClasses';
 import { getActiveElement } from '../utils/utils';
-import { uncapitalizeObjectKeys } from '../utils/slots-migration';
 import { jsx as _jsx } from "react/jsx-runtime";
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
@@ -178,12 +177,8 @@ export function PickersPopper(inProps) {
     open = props.open,
     role = props.role,
     placement = props.placement,
-    components = props.components,
-    componentsProps = props.componentsProps,
-    innerSlots = props.slots,
-    innerSlotProps = props.slotProps;
-  var slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
-  var slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
+    slots = props.slots,
+    slotProps = props.slotProps;
   React.useEffect(function () {
     function handleKeyDown(nativeEvent) {
       // IE11, Edge (prior to using Blink?) use 'Esc'

package/legacy/internals/demo/DemoContainer.js

@@ -95,12 +95,18 @@ export function DemoContainer(props) {
   if (childrenTypes.has('UI-view')) {
     // noop
   } else if (childrenTypes.has('single-input-range-field')) {
-    sx = _extends({}, sx, _defineProperty({}, "& > .".concat(textFieldClasses.root), {
-      minWidth: {
-        xs: 300,
-        md: 400
-      }
-    }));
+    if (!childrenSupportedSections.has('date-time')) {
+      sx = _extends({}, sx, _defineProperty({}, "& > .".concat(textFieldClasses.root), {
+        minWidth: 300
+      }));
+    } else {
+      sx = _extends({}, sx, _defineProperty({}, "& > .".concat(textFieldClasses.root), {
+        minWidth: {
+          xs: 300,
+          md: 400
+        }
+      }));
+    }
   } else if (childrenSupportedSections.has('date-time')) {
     sx = _extends({}, sx, _defineProperty({}, "& > .".concat(textFieldClasses.root), {
       minWidth: 270