@mui/x-date-pickers 6.0.4 → 6.1.0

package/internals/components/PickersPopper.js

@@ -9,7 +9,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";
 const useUtilityClasses = ownerState => {
   const {
@@ -173,13 +172,9 @@ export function PickersPopper(inProps) {
     open,
     role,
     placement,
-    components,
-    componentsProps,
-    slots: innerSlots,
-    slotProps: innerSlotProps
+    slots,
+    slotProps
   } = props;
-  const slots = innerSlots != null ? innerSlots : uncapitalizeObjectKeys(components);
-  const slotProps = innerSlotProps != null ? innerSlotProps : componentsProps;
   React.useEffect(() => {
     function handleKeyDown(nativeEvent) {
       // IE11, Edge (prior to using Blink?) use 'Esc'

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

@@ -3,11 +3,10 @@ import IconButton, { IconButtonProps } from '@mui/material/IconButton';
 import { InputAdornmentProps } from '@mui/material/InputAdornment';
 import TextField, { TextFieldProps } from '@mui/material/TextField';
 import { SlotComponentProps } from '@mui/base/utils';
-import { MuiPickersAdapter } from '../../models';
 import { BaseNonStaticPickerProps, BasePickerProps, BaseNonRangeNonStaticPickerProps } from '../../models/props/basePickerProps';
 import { PickersPopperSlotsComponent, PickersPopperSlotsComponentsProps } from '../../components/PickersPopper';
 import { UsePickerParams, UsePickerProps } from '../usePicker';
-import { BaseSingleInputFieldProps, FieldSection, DateOrTimeView } from '../../../models';
+import { BaseSingleInputFieldProps, FieldSection, DateOrTimeView, MuiPickersAdapter } from '../../../models';
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps, PickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
 import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue';
 import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';

package/internals/hooks/useField/useField.js

@@ -303,8 +303,8 @@ export const useField = params => {
     if (error !== undefined) {
       return error;
     }
-    return fieldValueManager.hasError(validationError);
-  }, [fieldValueManager, validationError, error]);
+    return valueManager.hasError(validationError);
+  }, [valueManager, validationError, error]);
   React.useEffect(() => {
     // Select the right section when focused on mount (`autoFocus = true` on the input)
     if (inputRef.current && inputRef.current === document.activeElement) {

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { MuiPickersAdapter } from '../../models';
-import { FieldSectionType, FieldSection, FieldSelectedSections } from '../../../models';
+import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter } from '../../../models';
 import type { PickerValueManager } from '../usePicker';
 import { InferError, Validator } from '../validation/useValidation';
 export interface UseFieldParams<TValue, TDate, TSection extends FieldSection, TForwardedProps extends UseFieldForwardedProps, TInternalProps extends UseFieldInternalProps<any, any, any>> {
@@ -8,7 +7,7 @@ export interface UseFieldParams<TValue, TDate, TSection extends FieldSection, TF
     forwardedProps: TForwardedProps;
     internalProps: TInternalProps;
     valueManager: PickerValueManager<TValue, TDate, InferError<TInternalProps>>;
-    fieldValueManager: FieldValueManager<TValue, TDate, TSection, InferError<TInternalProps>>;
+    fieldValueManager: FieldValueManager<TValue, TDate, TSection>;
     validator: Validator<TValue, TDate, InferError<TInternalProps>, UseFieldValidationProps<TValue, TInternalProps>>;
     valueType: FieldValueType;
 }
@@ -158,7 +157,7 @@ export type FieldSelectedSectionsIndexes = {
      */
     shouldSelectBoundarySelectors?: boolean;
 };
-export interface FieldValueManager<TValue, TDate, TSection extends FieldSection, TError> {
+export interface FieldValueManager<TValue, TDate, TSection extends FieldSection> {
     /**
      * Creates the section list from the current value.
      * The `prevSections` are used on the range fields to avoid losing the sections of a partially filled date when editing the other date.
@@ -208,13 +207,6 @@ export interface FieldValueManager<TValue, TDate, TSection extends FieldSection,
      * @returns {TValue} The new reference value with no invalid date.
      */
     updateReferenceValue: (utils: MuiPickersAdapter<TDate>, value: TValue, prevReferenceValue: TValue) => TValue;
-    /**
-     * Checks if the current error is empty or not.
-     * @template TError
-     * @param {TError} error The current error.
-     * @returns {boolean} `true` if the current error is not empty.
-     */
-    hasError: (error: TError) => boolean;
 }
 export interface UseFieldState<TValue, TSection extends FieldSection> {
     value: TValue;

package/internals/hooks/useField/useField.utils.d.ts

@@ -1,6 +1,5 @@
 import { AvailableAdjustKeyCode, FieldSectionsValueBoundaries, SectionOrdering, FieldValueType, FieldSectionWithoutPosition, FieldSectionValueBoundaries } from './useField.types';
-import { MuiPickersAdapter } from '../../models';
-import { FieldSectionType, FieldSection } from '../../../models';
+import { FieldSectionType, FieldSection, MuiPickersAdapter } from '../../../models';
 import { PickersLocaleText } from '../../../locales/utils/pickersLocaleTextApi';
 export declare const getDateSectionConfigFromFormatToken: <TDate>(utils: MuiPickersAdapter<TDate>, formatToken: string) => Pick<FieldSection, 'type' | 'contentType'>;
 export declare const getDaysInWeekStr: <TDate>(utils: MuiPickersAdapter<TDate>, format: string) => string[];
@@ -12,7 +11,7 @@ export declare const cleanString: (dirtyString: string) => string;
 export declare const addPositionPropertiesToSections: <TSection extends FieldSection>(sections: FieldSectionWithoutPosition<TSection>[], isRTL: boolean) => TSection[];
 export declare const changeSectionValueFormat: <TDate>(utils: MuiPickersAdapter<TDate>, valueStr: string, currentFormat: string, newFormat: string) => string;
 export declare const doesSectionHaveLeadingZeros: <TDate>(utils: MuiPickersAdapter<TDate>, contentType: 'digit' | 'letter', sectionType: FieldSectionType, format: string) => boolean;
-export declare const splitFormatIntoSections: <TDate>(utils: MuiPickersAdapter<TDate>, localeText: PickersLocaleText<TDate>, format: string, date: TDate | null) => FieldSectionWithoutPosition<FieldSection>[];
+export declare const splitFormatIntoSections: <TDate>(utils: MuiPickersAdapter<TDate>, localeText: PickersLocaleText<TDate>, format: string, date: TDate | null) => FieldSectionWithoutPosition[];
 /**
  * Some date libraries like `dayjs` don't support parsing from date with escaped characters.
  * To make sure that the parsing works, we are building a format and a date without any separator.

package/internals/hooks/useField/useField.utils.js

@@ -668,7 +668,9 @@ export const getSectionOrder = (sections, isRTL) => {
     // eslint-disable-next-line @typescript-eslint/no-loop-func
     (section, index) => {
       var _section$endSeparator;
-      return index >= groupedSectionsStart && ((_section$endSeparator = section.endSeparator) == null ? void 0 : _section$endSeparator.includes(' '));
+      return index >= groupedSectionsStart && ((_section$endSeparator = section.endSeparator) == null ? void 0 : _section$endSeparator.includes(' ')) &&
+      // Special case where the spaces were not there in the initial input
+      section.endSeparator !== ' / ';
     });
     if (groupedSectionsEnd === -1) {
       groupedSectionsEnd = sections.length - 1;

package/internals/hooks/useField/useFieldCharacterEditing.js

@@ -3,6 +3,29 @@ import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useUtils } from '../useUtils';
 import { changeSectionValueFormat, cleanDigitSectionValue, doesSectionHaveLeadingZeros, getDateSectionConfigFromFormatToken, getDaysInWeekStr, getLetterEditingOptions } from './useField.utils';
+
+/**
+ * The letter editing and the numeric editing each define a `CharacterEditingApplier`.
+ * This function decides what the new section value should be and if the focus should switch to the next section.
+ *
+ * If it returns `null`, then the section value is not updated and the focus does not move.
+ */
+
+/**
+ * Function called by `applyQuery` which decides:
+ * - what is the new section value ?
+ * - should the query used to get this value be stored for the next key press ?
+ *
+ * If it returns `{ sectionValue: string; shouldGoToNextSection: boolean }`,
+ * Then we store the query and update the section with the new value.
+ *
+ * If it returns `{ saveQuery: true` },
+ * Then we store the query and don't update the section.
+ *
+ * If it returns `{ saveQuery: false },
+ * Then we do nothing.
+ */
+
 const QUERY_LIFE_DURATION_MS = 5000;
 const isQueryResponseWithoutValue = response => response.saveQuery != null;
 

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

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import TextField, { TextFieldProps } from '@mui/material/TextField';
 import { SlotComponentProps } from '@mui/base/utils';
-import { MuiPickersAdapter } from '../../models';
 import { BaseNonStaticPickerProps, BasePickerProps, BaseNonRangeNonStaticPickerProps } from '../../models/props/basePickerProps';
 import { PickersModalDialogSlotsComponent, PickersModalDialogSlotsComponentsProps } from '../../components/PickersModalDialog';
 import { UsePickerParams, UsePickerProps } from '../usePicker';
-import { BaseSingleInputFieldProps, FieldSection, DateOrTimeView } from '../../../models';
+import { BaseSingleInputFieldProps, FieldSection, DateOrTimeView, MuiPickersAdapter } from '../../../models';
 import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps, PickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
 import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue';
 import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';

package/internals/hooks/usePicker/usePickerLayoutProps.js

@@ -1,5 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useIsLandscape } from '../useIsLandscape';
+
+/**
+ * Props used to create the layout of the views.
+ * Those props are exposed on all the pickers.
+ */
+
 /**
  * Prepare the props for the view layout (managed by `PickersLayout`)
  */

package/internals/hooks/usePicker/usePickerValue.d.ts

@@ -2,8 +2,7 @@ import { UseFieldInternalProps } from '../useField';
 import { InferError, Validator } from '../validation/useValidation';
 import { UseFieldValidationProps } from '../useField/useField.types';
 import { WrapperVariant } from '../../models/common';
-import { MuiPickersAdapter } from '../../models/muiPickersAdapter';
-import { FieldSection, FieldSelectedSections } from '../../../models';
+import { FieldSection, FieldSelectedSections, MuiPickersAdapter } from '../../../models';
 export interface PickerValueManager<TValue, TDate, TError> {
     /**
      * Determines if two values are equal.
@@ -50,6 +49,13 @@ export interface PickerValueManager<TValue, TDate, TError> {
      * @returns {boolean} `true` if the new error is different from the previous one.
      */
     isSameError: (error: TError, prevError: TError | null) => boolean;
+    /**
+     * Checks if the current error is empty or not.
+     * @template TError
+     * @param {TError} error The current error.
+     * @returns {boolean} `true` if the current error is not empty.
+     */
+    hasError: (error: TError) => boolean;
     /**
      * The value identifying no error, used to initialise the error state.
      */

package/internals/hooks/usePicker/usePickerValue.js

@@ -5,6 +5,27 @@ import useEventCallback from '@mui/utils/useEventCallback';
 import { useOpenState } from '../useOpenState';
 import { useLocalizationContext, useUtils } from '../useUtils';
 import { useValidation } from '../validation/useValidation';
+
+/**
+ * Props used to handle the value that are common to all pickers.
+ */
+
+/**
+ * Props used to handle the value of non-static pickers.
+ */
+
+/**
+ * Props used to handle the value of the pickers.
+ */
+
+/**
+ * Props passed to `usePickerViews`.
+ */
+
+/**
+ * Props passed to `usePickerLayoutProps`.
+ */
+
 /**
  * Manage the value lifecycle of all the pickers.
  */
@@ -234,14 +255,14 @@ export const usePickerValue = ({
     onSelectedSectionsChange: handleFieldSelectedSectionsChange
   };
   const isValid = testedValue => {
-    const validationResponse = validator({
+    const error = validator({
       adapter,
       value: testedValue,
       props: _extends({}, props, {
         value: testedValue
       })
     });
-    return Array.isArray(testedValue) ? validationResponse.every(v => v === null) : validationResponse === null;
+    return !valueManager.hasError(error);
   };
   const layoutResponse = _extends({}, actions, {
     value: viewValue,

package/internals/hooks/usePicker/usePickerViews.js

@@ -6,6 +6,19 @@ import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { useViews } from '../useViews';
 import { isTimeView } from '../../utils/time-utils';
+
+/**
+ * Props used to handle the views that are common to all pickers.
+ */
+
+/**
+ * Props used to handle the views of the pickers.
+ */
+
+/**
+ * Props used to handle the value of the pickers.
+ */
+
 /**
  * Manage the views of all the pickers:
  * - Handles the view switch

package/internals/hooks/useUtils.d.ts

@@ -3,7 +3,7 @@ import { PickersLocaleText } from '../../locales/utils/pickersLocaleTextApi';
 export declare const useLocalizationContext: <TDate>() => Omit<MuiPickersAdapterContextValue<TDate>, "localeText"> & {
     localeText: PickersLocaleText<TDate>;
 };
-export declare const useUtils: <TDate>() => import("..").MuiPickersAdapter<TDate>;
+export declare const useUtils: <TDate>() => import("../..").MuiPickersAdapter<TDate>;
 export declare const useDefaultDates: <TDate>() => {
     minDate: TDate;
     maxDate: TDate;

package/internals/index.d.ts

@@ -43,7 +43,6 @@ export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-hel
 export type { BaseFieldProps, FieldsTextFieldProps } from './models/fields';
 export type { BasePickerProps, BasePickerInputProps, BaseNonStaticPickerProps, } from './models/props/basePickerProps';
 export type { BaseToolbarProps, ExportedBaseToolbarProps } from './models/props/toolbar';
-export type { MuiPickersAdapter } from './models/muiPickersAdapter';
 export type { DefaultizedProps, MakeOptional } from './models/helpers';
 export type { WrapperVariant } from './models/common';
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual } from './utils/date-utils';

package/internals/models/index.d.ts

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

package/internals/models/index.js

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

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,5 +1,4 @@
-import { MuiPickersAdapter } from '../models';
-import { DateOrTimeView } 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/valueManagers.d.ts

@@ -3,4 +3,4 @@ import { DateValidationError, TimeValidationError, DateTimeValidationError, Fiel
 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

@@ -6,6 +6,7 @@ export const singleItemValueManager = {
   cleanValue: replaceInvalidDateByNull,
   areValuesEqual: areDatesEqual,
   isSameError: (a, b) => a === b,
+  hasError: error => error != null,
   defaultErrorState: null
 };
 export const singleItemFieldValueManager = {
@@ -27,6 +28,5 @@ export const singleItemFieldValueManager = {
       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/legacy/AdapterLuxon/index.js

@@ -98,7 +98,7 @@ 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 entending them
+      // Extract escaped section to avoid extending them
       var longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
       return format.match(longFormatRegexp).map(function (token) {
         var firstCharacter = token[0];

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.4
+ * @mui/x-date-pickers v6.1.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the