@mui/x-date-pickers 7.0.0-alpha.3 → 7.0.0-alpha.5

package/TimeField/TimeField.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["slots", "slotProps", "InputProps", "inputProps"],
-  _excluded2 = ["inputRef"],
-  _excluded3 = ["ref", "onPaste", "onKeyDown", "inputMode", "readOnly", "clearable", "onClear"];
+const _excluded = ["slots", "slotProps", "InputProps", "inputProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import MuiTextField from '@mui/material/TextField';
@@ -11,6 +9,7 @@ import { useSlotProps } from '@mui/base/utils';
 import { refType } from '@mui/utils';
 import { useTimeField } from './useTimeField';
 import { useClearableField } from '../hooks';
+import { convertFieldResponseIntoMuiTextFieldProps } from '../internals/utils/convertFieldResponseIntoMuiTextFieldProps';
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Demos:
@@ -22,7 +21,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * - [TimeField API](https://mui.com/x/api/date-pickers/time-field/)
  */
-const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref) {
+const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, inRef) {
   var _slots$textField;
   const themeProps = useThemeProps({
     props: inProps,
@@ -37,58 +36,26 @@ const TimeField = /*#__PURE__*/React.forwardRef(function TimeField(inProps, ref)
     other = _objectWithoutPropertiesLoose(themeProps, _excluded);
   const ownerState = themeProps;
   const TextField = (_slots$textField = slots == null ? void 0 : slots.textField) != null ? _slots$textField : MuiTextField;
-  const _useSlotProps = useSlotProps({
-      elementType: TextField,
-      externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
-      externalForwardedProps: other,
-      ownerState
-    }),
-    {
-      inputRef: externalInputRef
-    } = _useSlotProps,
-    textFieldProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
+  const textFieldProps = useSlotProps({
+    elementType: TextField,
+    externalSlotProps: slotProps == null ? void 0 : slotProps.textField,
+    externalForwardedProps: other,
+    ownerState,
+    additionalProps: {
+      ref: inRef
+    }
+  });
 
   // TODO: Remove when mui/material-ui#35088 will be merged
   textFieldProps.inputProps = _extends({}, inputProps, textFieldProps.inputProps);
   textFieldProps.InputProps = _extends({}, InputProps, textFieldProps.InputProps);
-  const _useTimeField = useTimeField({
-      props: textFieldProps,
-      inputRef: externalInputRef
-    }),
-    {
-      ref: inputRef,
-      onPaste,
-      onKeyDown,
-      inputMode,
-      readOnly,
-      clearable,
-      onClear
-    } = _useTimeField,
-    fieldProps = _objectWithoutPropertiesLoose(_useTimeField, _excluded3);
-  const {
-    InputProps: ProcessedInputProps,
-    fieldProps: processedFieldProps
-  } = useClearableField({
-    onClear,
-    clearable,
-    fieldProps,
-    InputProps: fieldProps.InputProps,
+  const fieldResponse = useTimeField(textFieldProps);
+  const convertedFieldResponse = convertFieldResponseIntoMuiTextFieldProps(fieldResponse);
+  const processedFieldProps = useClearableField(_extends({}, convertedFieldResponse, {
     slots,
     slotProps
-  });
-  return /*#__PURE__*/_jsx(TextField, _extends({
-    ref: ref
-  }, processedFieldProps, {
-    InputProps: _extends({}, ProcessedInputProps, {
-      readOnly
-    }),
-    inputProps: _extends({}, fieldProps.inputProps, {
-      inputMode,
-      onPaste,
-      onKeyDown,
-      ref: inputRef
-    })
   }));
+  return /*#__PURE__*/_jsx(TextField, _extends({}, processedFieldProps));
 });
 process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -283,7 +250,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/TimeField/TimeField.types.d.ts

@@ -6,11 +6,7 @@ import { DefaultizedProps, MakeOptional } from '../internals/models/helpers';
 import { BaseTimeValidationProps, TimeValidationProps } from '../internals/models/validation';
 import { FieldsTextFieldProps } from '../internals/models/fields';
 import { FieldSection, TimeValidationError } from '../models';
-import { FieldSlotsComponents, FieldSlotsComponentsProps } from '../internals';
-export interface UseTimeFieldParams<TDate, TChildProps extends {}> {
-    props: UseTimeFieldComponentProps<TDate, TChildProps>;
-    inputRef?: React.Ref<HTMLInputElement>;
-}
+import { UseClearableFieldSlots, UseClearableFieldSlotProps } from '../hooks/useClearableField';
 export interface UseTimeFieldProps<TDate> extends MakeOptional<UseFieldInternalProps<TDate | null, TDate, FieldSection, TimeValidationError>, 'format'>, TimeValidationProps<TDate>, BaseTimeValidationProps {
     /**
      * 12h/24h view for hour selection clock.
@@ -25,15 +21,15 @@ export interface TimeFieldProps<TDate> extends UseTimeFieldComponentProps<TDate,
      * Overridable component slots.
      * @default {}
      */
-    slots?: TimeFieldSlotsComponent;
+    slots?: TimeFieldSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: TimeFieldSlotsComponentsProps<TDate>;
+    slotProps?: TimeFieldSlotProps<TDate>;
 }
 export type TimeFieldOwnerState<TDate> = TimeFieldProps<TDate>;
-export interface TimeFieldSlotsComponent extends FieldSlotsComponents {
+export interface TimeFieldSlots extends UseClearableFieldSlots {
     /**
      * Form control with an input to render the value.
      * Receives the same props as `@mui/material/TextField`.
@@ -41,6 +37,6 @@ export interface TimeFieldSlotsComponent extends FieldSlotsComponents {
      */
     textField?: React.ElementType;
 }
-export interface TimeFieldSlotsComponentsProps<TDate> extends FieldSlotsComponentsProps {
+export interface TimeFieldSlotProps<TDate> extends UseClearableFieldSlotProps {
     textField?: SlotComponentProps<typeof TextField, {}, TimeFieldOwnerState<TDate>>;
 }

package/TimeField/useTimeField.d.ts

@@ -1,2 +1,2 @@
-import { UseTimeFieldProps, UseTimeFieldParams } from './TimeField.types';
-export declare const useTimeField: <TDate, TChildProps extends {}>({ props: inProps, inputRef, }: UseTimeFieldParams<TDate, TChildProps>) => import("../internals/hooks/useField").UseFieldResponse<Omit<TChildProps & Omit<UseTimeFieldProps<TDate>, "format" | keyof import("../internals").BaseTimeValidationProps> & Required<Pick<UseTimeFieldProps<TDate>, "format" | keyof import("../internals").BaseTimeValidationProps>>, keyof UseTimeFieldProps<any>>>;
+import { UseTimeFieldProps, UseTimeFieldComponentProps } from './TimeField.types';
+export declare const useTimeField: <TDate, TChildProps extends {}>(inProps: UseTimeFieldComponentProps<TDate, TChildProps>) => import("../internals/hooks/useField").UseFieldResponse<Omit<TChildProps & Omit<UseTimeFieldProps<TDate>, "format" | keyof import("../internals").BaseTimeValidationProps> & Required<Pick<UseTimeFieldProps<TDate>, "format" | keyof import("../internals").BaseTimeValidationProps>>, keyof UseTimeFieldProps<any>>>;

package/TimeField/useTimeField.js

@@ -15,17 +15,13 @@ const useDefaultizedTimeField = props => {
     format: (_props$format = props.format) != null ? _props$format : defaultFormat
   });
 };
-export const useTimeField = ({
-  props: inProps,
-  inputRef
-}) => {
+export const useTimeField = inProps => {
   const props = useDefaultizedTimeField(inProps);
   const {
     forwardedProps,
     internalProps
   } = splitFieldInternalAndForwardedProps(props, 'time');
   return useField({
-    inputRef,
     forwardedProps,
     internalProps,
     valueManager: singleItemValueManager,

package/TimePicker/TimePicker.js

@@ -149,6 +149,10 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
    * @default 1
    */
   minutesStep: PropTypes.number,
+  /**
+   * Name attribute used by the `input` element in the Field.
+   */
+  name: PropTypes.string,
   /**
    * Callback fired when the value is accepted.
    * @template TValue The value type. Will be either the same type as `value` or `null`. Can be in `[start, end]` format in case of range value.
@@ -229,7 +233,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
    * 4. If `null` is provided, no section will be selected
    * If not provided, the selected sections will be handled internally.
    */
-  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
+  selectedSections: PropTypes.oneOfType([PropTypes.oneOf(['all', 'day', 'empty', 'hours', 'meridiem', 'minutes', 'month', 'seconds', 'weekDay', 'year']), PropTypes.number, PropTypes.shape({
     endIndex: PropTypes.number.isRequired,
     startIndex: PropTypes.number.isRequired
   })]),

package/TimePicker/TimePicker.types.d.ts

@@ -1,9 +1,9 @@
-import { DesktopTimePickerProps, DesktopTimePickerSlotsComponent, DesktopTimePickerSlotsComponentsProps } from '../DesktopTimePicker';
+import { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from '../DesktopTimePicker';
 import { TimeViewWithMeridiem } from '../internals/models';
-import { MobileTimePickerProps, MobileTimePickerSlotsComponent, MobileTimePickerSlotsComponentsProps } from '../MobileTimePicker';
-export interface TimePickerSlotsComponents<TDate> extends DesktopTimePickerSlotsComponent<TDate>, MobileTimePickerSlotsComponent<TDate, TimeViewWithMeridiem> {
+import { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from '../MobileTimePicker';
+export interface TimePickerSlots<TDate> extends DesktopTimePickerSlots<TDate>, MobileTimePickerSlots<TDate, TimeViewWithMeridiem> {
 }
-export interface TimePickerSlotsComponentsProps<TDate> extends DesktopTimePickerSlotsComponentsProps<TDate>, MobileTimePickerSlotsComponentsProps<TDate, TimeViewWithMeridiem> {
+export interface TimePickerSlotProps<TDate> extends DesktopTimePickerSlotProps<TDate>, MobileTimePickerSlotProps<TDate, TimeViewWithMeridiem> {
 }
 export interface TimePickerProps<TDate> extends DesktopTimePickerProps<TDate>, Omit<MobileTimePickerProps<TDate, TimeViewWithMeridiem>, 'views'> {
     /**
@@ -16,10 +16,10 @@ export interface TimePickerProps<TDate> extends DesktopTimePickerProps<TDate>, O
      * Overridable component slots.
      * @default {}
      */
-    slots?: TimePickerSlotsComponents<TDate>;
+    slots?: TimePickerSlots<TDate>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: TimePickerSlotsComponentsProps<TDate>;
+    slotProps?: TimePickerSlotProps<TDate>;
 }

package/TimePicker/index.d.ts

@@ -1,5 +1,5 @@
 export { TimePicker } from './TimePicker';
-export type { TimePickerProps, TimePickerSlotsComponents, TimePickerSlotsComponentsProps, } from './TimePicker.types';
+export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps } from './TimePicker.types';
 export { TimePickerToolbar } from './TimePickerToolbar';
 export type { TimePickerToolbarProps } from './TimePickerToolbar';
 export { timePickerToolbarClasses } from './timePickerToolbarClasses';

package/TimePicker/shared.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DefaultizedProps } from '../internals/models/helpers';
-import { TimeClockSlotsComponent, TimeClockSlotsComponentsProps } from '../TimeClock/TimeClock.types';
+import { TimeClockSlots, TimeClockSlotProps } from '../TimeClock/TimeClock.types';
 import { BasePickerInputProps } from '../internals/models/props/basePickerProps';
 import { BaseTimeValidationProps } from '../internals/models/validation';
 import { LocalizedComponent } from '../locales/utils/pickersLocaleTextApi';
@@ -10,14 +10,14 @@ import { PickerViewRendererLookup } from '../internals/hooks/usePicker/usePicker
 import { TimeViewRendererProps } from '../timeViewRenderers';
 import { BaseClockProps, ExportedBaseClockProps } from '../internals/models/props/clock';
 import { TimeViewWithMeridiem } from '../internals/models';
-export interface BaseTimePickerSlotsComponent<TDate> extends TimeClockSlotsComponent {
+export interface BaseTimePickerSlots<TDate> extends TimeClockSlots {
     /**
      * Custom component for the toolbar rendered above the views.
      * @default TimePickerToolbar
      */
     toolbar?: React.JSXElementConstructor<TimePickerToolbarProps<TDate>>;
 }
-export interface BaseTimePickerSlotsComponentsProps extends TimeClockSlotsComponentsProps {
+export interface BaseTimePickerSlotProps extends TimeClockSlotProps {
     toolbar?: ExportedTimePickerToolbarProps;
 }
 export interface BaseTimePickerProps<TDate, TView extends TimeViewWithMeridiem> extends BasePickerInputProps<TDate | null, TDate, TView, TimeValidationError>, ExportedBaseClockProps<TDate> {
@@ -30,12 +30,12 @@ export interface BaseTimePickerProps<TDate, TView extends TimeViewWithMeridiem>
      * Overridable component slots.
      * @default {}
      */
-    slots?: BaseTimePickerSlotsComponent<TDate>;
+    slots?: BaseTimePickerSlots<TDate>;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: BaseTimePickerSlotsComponentsProps;
+    slotProps?: BaseTimePickerSlotProps;
     /**
      * Define custom view renderers for each section.
      * If `null`, the section will only have field editing.

package/YearCalendar/YearCalendar.js

@@ -116,7 +116,6 @@ export const YearCalendar = /*#__PURE__*/React.forwardRef(function YearCalendar(
     granularity: SECTION_TYPE_GRANULARITY.year
   }), [] // eslint-disable-line react-hooks/exhaustive-deps
   );
-
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
   const todayYear = React.useMemo(() => utils.getYear(now), [utils, now]);

package/hooks/index.d.ts

@@ -1 +1,2 @@
 export { useClearableField } from './useClearableField';
+export type { UseClearableFieldSlots, UseClearableFieldSlotProps } from './useClearableField';

package/hooks/useClearableField.d.ts

@@ -1,23 +1,35 @@
 import * as React from 'react';
-import { FieldSlotsComponents, FieldSlotsComponentsProps, FieldsTextFieldProps } from '../internals';
-type UseClearableFieldProps<TFieldProps extends FieldsTextFieldProps, TInputProps extends {
-    endAdornment?: React.ReactNode;
-} | undefined, TFieldSlots extends FieldSlotsComponents, TFieldSlotsComponentsProps extends FieldSlotsComponentsProps> = {
-    clearable: boolean;
-    fieldProps: TFieldProps;
-    InputProps: TInputProps;
-    onClear: React.MouseEventHandler<HTMLButtonElement>;
-    slots?: {
-        [K in keyof TFieldSlots as Uncapitalize<K & string>]: TFieldSlots[K];
+import { SlotComponentProps } from '@mui/base/utils';
+import MuiIconButton from '@mui/material/IconButton';
+import { SxProps } from '@mui/system';
+import { ClearIcon } from '../icons';
+export interface ExportedUseClearableFieldProps {
+    clearable?: boolean;
+    onClear?: React.MouseEventHandler<HTMLButtonElement>;
+}
+export interface UseClearableFieldSlots {
+    /**
+     * Icon to display inside the clear button.
+     * @default ClearIcon
+     */
+    clearIcon?: React.ElementType;
+    /**
+     * Button to clear the value.
+     * @default IconButton
+     */
+    clearButton?: React.ElementType;
+}
+export interface UseClearableFieldSlotProps {
+    clearIcon?: SlotComponentProps<typeof ClearIcon, {}, {}>;
+    clearButton?: SlotComponentProps<typeof MuiIconButton, {}, {}>;
+}
+interface UseClearableFieldProps extends ExportedUseClearableFieldProps {
+    InputProps?: {
+        endAdornment?: React.ReactNode;
     };
-    slotProps?: TFieldSlotsComponentsProps;
-};
-export declare const useClearableField: <TFieldProps extends FieldsTextFieldProps, TInputProps extends {
-    endAdornment?: React.ReactNode;
-} | undefined, TFieldSlotsComponents extends FieldSlotsComponents, TFieldSlotsComponentsProps extends FieldSlotsComponentsProps>({ clearable, fieldProps: forwardedFieldProps, InputProps: ForwardedInputProps, onClear, slots, slotProps, }: UseClearableFieldProps<TFieldProps, TInputProps, TFieldSlotsComponents, TFieldSlotsComponentsProps>) => {
-    InputProps: TInputProps & {
-        endAdornment: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
-    };
-    fieldProps: TFieldProps;
-};
+    sx?: SxProps<any>;
+    slots?: UseClearableFieldSlots;
+    slotProps?: UseClearableFieldSlotProps;
+}
+export declare const useClearableField: <TFieldProps extends UseClearableFieldProps>(props: TFieldProps) => Omit<TFieldProps, "slotProps" | "slots" | "onClear" | "clearable">;
 export {};

package/hooks/useClearableField.js

@@ -1,24 +1,27 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["ownerState"];
+const _excluded = ["clearable", "onClear", "InputProps", "sx", "slots", "slotProps"],
+  _excluded2 = ["ownerState"];
 import * as React from 'react';
 import { useSlotProps } from '@mui/base/utils';
 import MuiIconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import { ClearIcon } from '../icons';
-import { useLocaleText } from '../internals';
+import { useLocaleText } from '../internals/hooks/useUtils';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const useClearableField = ({
-  clearable,
-  fieldProps: forwardedFieldProps,
-  InputProps: ForwardedInputProps,
-  onClear,
-  slots,
-  slotProps
-}) => {
+export const useClearableField = props => {
   var _slots$clearButton, _slots$clearIcon;
   const localeText = useLocaleText();
+  const {
+      clearable,
+      onClear,
+      InputProps,
+      sx,
+      slots,
+      slotProps
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const IconButton = (_slots$clearButton = slots == null ? void 0 : slots.clearButton) != null ? _slots$clearButton : MuiIconButton;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = useSlotProps({
@@ -30,30 +33,30 @@ export const useClearableField = ({
         title: localeText.fieldClearLabel
       }
     }),
-    iconButtonProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded);
+    iconButtonProps = _objectWithoutPropertiesLoose(_useSlotProps, _excluded2);
   const EndClearIcon = (_slots$clearIcon = slots == null ? void 0 : slots.clearIcon) != null ? _slots$clearIcon : ClearIcon;
   const endClearIconProps = useSlotProps({
     elementType: EndClearIcon,
     externalSlotProps: slotProps == null ? void 0 : slotProps.clearIcon,
     ownerState: {}
   });
-  const InputProps = _extends({}, ForwardedInputProps, {
-    endAdornment: clearable ? /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx(InputAdornment, {
-        position: "end",
-        sx: {
-          marginRight: ForwardedInputProps != null && ForwardedInputProps.endAdornment ? -1 : -1.5
-        },
-        children: /*#__PURE__*/_jsx(IconButton, _extends({}, iconButtonProps, {
-          onClick: onClear,
-          children: /*#__PURE__*/_jsx(EndClearIcon, _extends({
-            fontSize: "small"
-          }, endClearIconProps))
-        }))
-      }), ForwardedInputProps == null ? void 0 : ForwardedInputProps.endAdornment]
-    }) : ForwardedInputProps == null ? void 0 : ForwardedInputProps.endAdornment
-  });
-  const fieldProps = _extends({}, forwardedFieldProps, {
+  return _extends({}, other, {
+    InputProps: _extends({}, InputProps, {
+      endAdornment: clearable ? /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [/*#__PURE__*/_jsx(InputAdornment, {
+          position: "end",
+          sx: {
+            marginRight: InputProps != null && InputProps.endAdornment ? -1 : -1.5
+          },
+          children: /*#__PURE__*/_jsx(IconButton, _extends({}, iconButtonProps, {
+            onClick: onClear,
+            children: /*#__PURE__*/_jsx(EndClearIcon, _extends({
+              fontSize: "small"
+            }, endClearIconProps))
+          }))
+        }), InputProps == null ? void 0 : InputProps.endAdornment]
+      }) : InputProps == null ? void 0 : InputProps.endAdornment
+    }),
     sx: [{
       '& .clearButton': {
         opacity: 1
@@ -68,10 +71,6 @@ export const useClearableField = ({
           }
         }
       }
-    }, ...(Array.isArray(forwardedFieldProps.sx) ? forwardedFieldProps.sx : [forwardedFieldProps.sx])]
+    }, ...(Array.isArray(sx) ? sx : [sx])]
   });
-  return {
-    InputProps,
-    fieldProps
-  };
 };

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.0.0-alpha.3
+ * @mui/x-date-pickers v7.0.0-alpha.5
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts

@@ -8,12 +8,12 @@ export interface ExportedPickersArrowSwitcherProps {
      * Overridable component slots.
      * @default {}
      */
-    slots?: PickersArrowSwitcherSlotsComponent;
+    slots?: PickersArrowSwitcherSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PickersArrowSwitcherSlotsComponentsProps;
+    slotProps?: PickersArrowSwitcherSlotProps;
     classes?: Partial<PickersArrowSwitcherClasses>;
     /**
      * Format used to display the date.
@@ -33,9 +33,9 @@ export interface PickersArrowSwitcherProps extends ExportedPickersArrowSwitcherP
     nextLabel: string;
 }
 export type PickersArrowSwitcherOwnerState = PickersArrowSwitcherProps;
-export interface PickersArrowSwitcherComponentsPropsOverrides {
+export interface PickersArrowSwitcherSlotPropsOverrides {
 }
-export interface PickersArrowSwitcherSlotsComponent {
+export interface PickersArrowSwitcherSlots {
     /**
      * Button allowing to switch to the left view.
      * @default IconButton
@@ -60,9 +60,9 @@ export interface PickersArrowSwitcherSlotsComponent {
 export interface PickersArrowSwitcherButtonSlotOwnerState extends PickersArrowSwitcherOwnerState {
     hidden?: boolean;
 }
-export interface PickersArrowSwitcherSlotsComponentsProps {
-    previousIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherComponentsPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
-    nextIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherComponentsPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
-    leftArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherComponentsPropsOverrides, undefined>;
-    rightArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherComponentsPropsOverrides, undefined>;
+export interface PickersArrowSwitcherSlotProps {
+    previousIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
+    nextIconButton?: SlotComponentProps<typeof IconButton, PickersArrowSwitcherSlotPropsOverrides, PickersArrowSwitcherButtonSlotOwnerState>;
+    leftArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, undefined>;
+    rightArrowIcon?: SlotComponentProps<typeof SvgIcon, PickersArrowSwitcherSlotPropsOverrides, undefined>;
 }

package/internals/components/PickersArrowSwitcher/index.d.ts

@@ -1,2 +1,4 @@
 export { PickersArrowSwitcher } from './PickersArrowSwitcher';
-export type { PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps, ExportedPickersArrowSwitcherProps, } from './PickersArrowSwitcher.types';
+export type { PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps, ExportedPickersArrowSwitcherProps, } from './PickersArrowSwitcher.types';
+export { pickersArrowSwitcherClasses, getPickersArrowSwitcherUtilityClass, } from './pickersArrowSwitcherClasses';
+export type { PickersArrowSwitcherClassKey, PickersArrowSwitcherClasses, } from './pickersArrowSwitcherClasses';

package/internals/components/PickersArrowSwitcher/index.js

@@ -1 +1,2 @@
-export { PickersArrowSwitcher } from './PickersArrowSwitcher';
+export { PickersArrowSwitcher } from './PickersArrowSwitcher';
+export { pickersArrowSwitcherClasses, getPickersArrowSwitcherUtilityClass } from './pickersArrowSwitcherClasses';

package/internals/components/PickersModalDialog.d.ts

@@ -3,7 +3,7 @@ import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
 import { PaperProps as MuiPaperProps } from '@mui/material/Paper/Paper';
 import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions/transition';
 import { UsePickerValueActions } from '../hooks/usePicker/usePickerValue.types';
-export interface PickersModalDialogSlotsComponent {
+export interface PickersModalDialogSlots {
     /**
      * Custom component for the dialog inside which the views are rendered on mobile.
      * @default PickersModalDialogRoot
@@ -20,7 +20,7 @@ export interface PickersModalDialogSlotsComponent {
      */
     mobileTransition?: React.JSXElementConstructor<MuiTransitionProps>;
 }
-export interface PickersModalDialogSlotsComponentsProps {
+export interface PickersModalDialogSlotProps {
     /**
      * Props passed down to the [`Dialog`](https://mui.com/material-ui/api/dialog/) component.
      */
@@ -39,12 +39,12 @@ export interface PickersModalDialogProps extends UsePickerValueActions {
      * Overridable component slots.
      * @default {}
      */
-    slots?: PickersModalDialogSlotsComponent;
+    slots?: PickersModalDialogSlots;
     /**
      * The props used for each component slot.
      * @default {}
      */
-    slotProps?: PickersModalDialogSlotsComponentsProps;
+    slotProps?: PickersModalDialogSlotProps;
     open: boolean;
 }
 export declare function PickersModalDialog(props: React.PropsWithChildren<PickersModalDialogProps>): React.JSX.Element;

package/internals/components/PickersPopper.d.ts

@@ -9,7 +9,7 @@ import { UsePickerValueActions } from '../hooks/usePicker/usePickerValue.types';
 interface PickersPopperOwnerState extends PickerPopperProps {
     placement: PopperPlacementType;
 }
-export interface PickersPopperSlotsComponent {
+export interface PickersPopperSlots {
     /**
      * Custom component for the paper rendered inside the desktop picker's Popper.
      * @default PickersPopperPaper
@@ -31,7 +31,7 @@ export interface PickersPopperSlotsComponent {
      */
     popper?: React.ElementType<MuiPopperProps>;
 }
-export interface PickersPopperSlotsComponentsProps {
+export interface PickersPopperSlotProps {
     /**
      * Props passed down to the desktop [Paper](https://mui.com/material-ui/api/paper/) component.
      */
@@ -57,8 +57,8 @@ export interface PickerPopperProps extends UsePickerValueActions {
     containerRef?: React.Ref<HTMLDivElement>;
     children?: React.ReactNode;
     onBlur?: () => void;
-    slots?: PickersPopperSlotsComponent;
-    slotProps?: PickersPopperSlotsComponentsProps;
+    slots?: PickersPopperSlots;
+    slotProps?: PickersPopperSlotProps;
     classes?: Partial<PickersPopperClasses>;
     shouldRestoreFocus?: () => boolean;
     reduceAnimations?: boolean;

package/internals/components/PickersTextField/Outline.d.ts

@@ -1,2 +1,8 @@
 import * as React from 'react';
-export default function Outline(props: any): React.JSX.Element;
+interface OutlineProps extends React.HTMLAttributes<HTMLFieldSetElement> {
+    notched: boolean;
+    shrink: boolean;
+    label: React.ReactNode;
+}
+export default function Outline(props: OutlineProps): React.JSX.Element;
+export {};

package/internals/components/PickersTextField/Outline.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["children", "classes", "className", "label", "notched"];
+const _excluded = ["children", "className", "label"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -69,13 +69,11 @@ const OutlineLegend = styled('legend')(({
 export default function Outline(props) {
   const {
       className,
-      label,
-      notched
+      label
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const withLabel = label != null && label !== '';
   const ownerState = _extends({}, props, {
-    notched,
     withLabel
   });
   return /*#__PURE__*/_jsx(OutlineRoot, _extends({

package/internals/components/PickersTextField/PickersInput.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 import { PickersInputProps } from './PickersInput.types';
-declare const PickersInput: React.ForwardRefExoticComponent<Omit<PickersInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default PickersInput;
+export declare const PickersInput: React.ForwardRefExoticComponent<Omit<PickersInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;