@mui/x-date-pickers 8.1.0 → 8.3.0

package/PickersActionBar/index.d.ts

@@ -1,2 +1,2 @@
 export { PickersActionBar } from "./PickersActionBar.js";
-export type { PickersActionBarProps, PickersActionBarAction } from './PickersActionBar';
+export type { PickersActionBarProps, PickersActionBarAction } from "./PickersActionBar.js";

package/PickersCalendarHeader/index.d.ts

@@ -1,4 +1,4 @@
 export { pickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
-export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
+export type { PickersCalendarHeaderClassKey, PickersCalendarHeaderClasses } from "./pickersCalendarHeaderClasses.js";
 export { PickersCalendarHeader } from "./PickersCalendarHeader.js";
-export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from './PickersCalendarHeader.types';
+export type { PickersCalendarHeaderProps, PickersCalendarHeaderSlots, PickersCalendarHeaderSlotProps, ExportedPickersCalendarHeaderProps } from "./PickersCalendarHeader.types.js";

package/PickersDay/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersDay } from "./PickersDay.js";
-export type { PickersDayProps, PickerDayOwnerState } from './PickersDay.types';
+export type { PickersDayProps, PickerDayOwnerState } from "./PickersDay.types.js";
 export { pickersDayClasses, getPickersDayUtilityClass } from "./pickersDayClasses.js";
-export type { PickersDayClasses, PickersDayClassKey } from './pickersDayClasses';
+export type { PickersDayClasses, PickersDayClassKey } from "./pickersDayClasses.js";

package/PickersLayout/index.d.ts

@@ -1,5 +1,5 @@
 export { PickersLayout, PickersLayoutRoot, PickersLayoutContentWrapper } from "./PickersLayout.js";
-export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from './PickersLayout.types';
+export type { PickersLayoutProps, PickersLayoutSlots, PickersLayoutSlotProps, ExportedPickersLayoutSlots, ExportedPickersLayoutSlotProps, PickerLayoutOwnerState } from "./PickersLayout.types.js";
 export { default as usePickerLayout } from "./usePickerLayout.js";
 export { pickersLayoutClasses } from "./pickersLayoutClasses.js";
-export type { PickersLayoutClassKey } from './pickersLayoutClasses';
+export type { PickersLayoutClassKey } from "./pickersLayoutClasses.js";

package/PickersSectionList/PickersSectionList.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PickersSectionListProps } from './PickersSectionList.types';
+import type { PickersSectionListProps } from "./PickersSectionList.types.js";
 export declare const PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const PickersSectionListSection: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;
 export declare const PickersSectionListSectionSeparator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof React.ClassAttributes<HTMLSpanElement> | keyof React.HTMLAttributes<HTMLSpanElement>>, {}>;

package/PickersSectionList/PickersSectionList.types.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils';
 import { PickersSectionListClasses } from "./pickersSectionListClasses.js";
 import { PickerOwnerState } from "../models/index.js";
-import type { UseFieldDOMGetters } from '../internals/hooks/useField/useField.types';
+import type { UseFieldDOMGetters } from "../internals/hooks/useField/useField.types.js";
 export interface PickersSectionListSlots {
   root: React.ElementType;
   section: React.ElementType;

package/PickersSectionList/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersSectionList as Unstable_PickersSectionList, PickersSectionListRoot as Unstable_PickersSectionListRoot, PickersSectionListSection as Unstable_PickersSectionListSection, PickersSectionListSectionSeparator as Unstable_PickersSectionListSectionSeparator, PickersSectionListSectionContent as Unstable_PickersSectionListSectionContent } from "./PickersSectionList.js";
-export type { PickersSectionListProps, PickersSectionElement, PickersSectionListRef, PickersSectionListSlots, PickersSectionListSlotProps, ExportedPickersSectionListProps } from './PickersSectionList.types';
+export type { PickersSectionListProps, PickersSectionElement, PickersSectionListRef, PickersSectionListSlots, PickersSectionListSlotProps, ExportedPickersSectionListProps } from "./PickersSectionList.types.js";
 export { getPickersSectionListUtilityClass, pickersSectionListClasses } from "./pickersSectionListClasses.js";
-export type { PickersSectionListClasses, PickersSectionListClassKey } from './pickersSectionListClasses';
+export type { PickersSectionListClasses, PickersSectionListClassKey } from "./pickersSectionListClasses.js";

package/PickersShortcuts/index.d.ts

@@ -1,2 +1,2 @@
 export { PickersShortcuts } from "./PickersShortcuts.js";
-export type { PickersShortcutsProps, PickersShortcutsItem, PickersShortcutsItemContext } from './PickersShortcuts';
+export type { PickersShortcutsProps, PickersShortcutsItem, PickersShortcutsItemContext } from "./PickersShortcuts.js";

package/PickersTextField/PickersFilledInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersFilledInput } from "./PickersFilledInput.js";
-export type { PickersFilledInputProps } from './PickersFilledInput';
-export type { PickersFilledInputClasses, PickersFilledInputClassKey } from './pickersFilledInputClasses';
+export type { PickersFilledInputProps } from "./PickersFilledInput.js";
+export type { PickersFilledInputClasses, PickersFilledInputClassKey } from "./pickersFilledInputClasses.js";
 export { getPickersFilledInputUtilityClass, pickersFilledInputClasses } from "./pickersFilledInputClasses.js";

package/PickersTextField/PickersInput/PickersInput.d.ts

@@ -1,8 +1,15 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "../PickersInputBase/index.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersInputProps extends PickersInputBaseProps {
   disableUnderline?: boolean;
 }
+export interface PickerInputOwnerState extends PickerTextFieldOwnerState {
+  /**
+   * `true` if the input has an underline, `false` otherwise.
+   */
+  inputHasUnderline: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/PickersTextField/PickersInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersInput } from "./PickersInput.js";
-export type { PickersInputProps } from './PickersInput';
-export type { PickersInputClasses, PickersInputClassKey } from './pickersInputClasses';
+export type { PickersInputProps } from "./PickersInput.js";
+export type { PickersInputClasses, PickersInputClassKey } from "./pickersInputClasses.js";
 export { getPickersInputUtilityClass, pickersInputClasses } from "./pickersInputClasses.js";

package/PickersTextField/PickersInputBase/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersInputBase } from "./PickersInputBase.js";
-export type { PickersInputBaseProps } from './PickersInputBase.types';
+export type { PickersInputBaseProps } from "./PickersInputBase.types.js";
 export { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.js";
-export type { PickersInputBaseClasses, PickersInputBaseClassKey } from './pickersInputBaseClasses';
+export type { PickersInputBaseClasses, PickersInputBaseClassKey } from "./pickersInputBaseClasses.js";

package/PickersTextField/PickersOutlinedInput/index.d.ts

@@ -1,4 +1,4 @@
 export { PickersOutlinedInput } from "./PickersOutlinedInput.js";
-export type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from './pickersOutlinedInputClasses';
+export type { PickersOutlinedInputProps } from "./PickersOutlinedInput.js";
+export type { PickersOutlinedInputClasses, PickersOutlinedInputClassKey } from "./pickersOutlinedInputClasses.js";
 export { getPickersOutlinedInputUtilityClass, pickersOutlinedInputClasses } from "./pickersOutlinedInputClasses.js";

package/PickersTextField/PickersTextField.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const PickersTextField: React.ForwardRefExoticComponent<(Omit<import("./PickersTextField.types.js").PickersStandardTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersOutlinedTextFieldProps, "ref"> | Omit<import("./PickersTextField.types.js").PickersFilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
 export { PickersTextField };

package/PickersTextField/PickersTextField.types.d.ts

@@ -4,9 +4,9 @@ import { FormHelperTextProps } from '@mui/material/FormHelperText';
 import { InputLabelProps } from '@mui/material/InputLabel';
 import { TextFieldVariants } from '@mui/material/TextField';
 import { PickersInputPropsUsedByField } from "./PickersInputBase/PickersInputBase.types.js";
-import type { PickersInputProps } from './PickersInput';
-import type { PickersOutlinedInputProps } from './PickersOutlinedInput';
-import type { PickersFilledInputProps } from './PickersFilledInput';
+import type { PickersInputProps } from "./PickersInput/index.js";
+import type { PickersOutlinedInputProps } from "./PickersOutlinedInput/index.js";
+import type { PickersFilledInputProps } from "./PickersFilledInput/index.js";
 interface PickersTextFieldPropsUsedByField {
   onFocus: React.FocusEventHandler<HTMLDivElement>;
   onBlur: React.FocusEventHandler<HTMLDivElement>;

package/PickersTextField/index.d.ts

@@ -1,7 +1,7 @@
 export { PickersTextField } from "./PickersTextField.js";
-export type { PickersTextFieldProps } from './PickersTextField.types';
+export type { PickersTextFieldProps } from "./PickersTextField.types.js";
 export { pickersTextFieldClasses, getPickersTextFieldUtilityClass } from "./pickersTextFieldClasses.js";
-export type { PickersTextFieldClasses, PickersTextFieldClassKey } from './pickersTextFieldClasses';
+export type { PickersTextFieldClasses, PickersTextFieldClassKey } from "./pickersTextFieldClasses.js";
 export * from "./PickersInput/index.js";
 export * from "./PickersFilledInput/index.js";
 export * from "./PickersOutlinedInput/index.js";

package/StaticDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { StaticDatePicker } from "./StaticDatePicker.js";
-export type { StaticDatePickerProps, StaticDatePickerSlots, StaticDatePickerSlotProps } from './StaticDatePicker.types';
+export type { StaticDatePickerProps, StaticDatePickerSlots, StaticDatePickerSlotProps } from "./StaticDatePicker.types.js";

package/StaticDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { StaticDateTimePicker } from "./StaticDateTimePicker.js";
-export type { StaticDateTimePickerProps, StaticDateTimePickerSlots, StaticDateTimePickerSlotProps } from './StaticDateTimePicker.types';
+export type { StaticDateTimePickerProps, StaticDateTimePickerSlots, StaticDateTimePickerSlotProps } from "./StaticDateTimePicker.types.js";

package/StaticTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { StaticTimePicker } from "./StaticTimePicker.js";
-export type { StaticTimePickerProps, StaticTimePickerSlots, StaticTimePickerSlotProps } from './StaticTimePicker.types';
+export type { StaticTimePickerProps, StaticTimePickerSlots, StaticTimePickerSlotProps } from "./StaticTimePicker.types.js";

package/TimeClock/Clock.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import type { PickerSelectionState } from '../internals/hooks/usePicker';
+import type { PickerSelectionState } from "../internals/hooks/usePicker/index.js";
 import { useMeridiemMode } from "../internals/hooks/date-helpers-hooks.js";
-import { PickerValidDate, TimeView } from "../models/index.js";
+import { PickerOwnerState, PickerValidDate, TimeView } from "../models/index.js";
 import { ClockClasses } from "./clockClasses.js";
+import { Meridiem } from "../internals/utils/time-utils.js";
 import { FormProps } from "../internals/models/formProps.js";
 export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProps {
   ampm: boolean;
@@ -33,6 +34,16 @@ export interface ClockProps extends ReturnType<typeof useMeridiemMode>, FormProp
   className?: string;
   classes?: Partial<ClockClasses>;
 }
+export interface ClockOwnerState extends PickerOwnerState {
+  /**
+   * `true` if the clock is disabled, `false` otherwise.
+   */
+  isClockDisabled: boolean;
+  /**
+   * The current meridiem mode of the clock.
+   */
+  clockMeridiemMode: Meridiem | null;
+}
 /**
  * @ignore - internal component.
  */

package/TimeClock/ClockNumber.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { ClockNumberClasses } from "./clockNumberClasses.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement> {
   'aria-label': string;
   disabled: boolean;
@@ -13,6 +14,23 @@ export interface ClockNumberProps extends React.HTMLAttributes<HTMLSpanElement>
   selected: boolean;
   classes?: Partial<ClockNumberClasses>;
 }
+export interface ClockNumberOwnerState extends PickerOwnerState {
+  /**
+   * `true` if the clock number is in the inner clock ring.
+   * When used with meridiem, all the hours are in the outer ring.
+   * When used without meridiem, the hours from 1 to 12 are in the outer ring and the hours from 13 to 24 are in the inner ring.
+   * The minutes are always in the outer ring.
+   */
+  isClockNumberInInnerRing: boolean;
+  /**
+   * `true` if the clock number is selected.
+   */
+  isClockNumberSelected: boolean;
+  /**
+   * `true` if the clock number is disabled.
+   */
+  isClockNumberDisabled: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/TimeClock/ClockNumbers.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MuiPickersAdapter, PickerValidDate } from "../models/index.js";
-import type { PickerSelectionState } from '../internals/hooks/usePicker';
+import type { PickerSelectionState } from "../internals/hooks/usePicker/index.js";
 interface GetHourNumbersOptions {
   ampm: boolean;
   value: PickerValidDate | null;

package/TimeClock/ClockPointer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TimeView } from "../models/index.js";
+import { PickerOwnerState, TimeView } from "../models/index.js";
 import { ClockPointerClasses } from "./clockPointerClasses.js";
 export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
@@ -13,6 +13,18 @@ export interface ClockPointerProps extends React.HTMLAttributes<HTMLDivElement>
   viewValue: number;
   classes?: Partial<ClockPointerClasses>;
 }
+export interface ClockPointerOwnerState extends PickerOwnerState {
+  /**
+   * `true` if the clock pointer should animate.
+   */
+  isClockPointerAnimated: boolean;
+  /**
+   * `true` if the pointer is between two clock values.
+   * On the `hours` view, it is always false.
+   * On the `minutes` view, it is true if the pointer is on a value that is not a multiple of 5.
+   */
+  isClockPointerBetweenTwoValues: boolean;
+}
 /**
  * @ignore - internal component.
  */

package/TimeClock/index.d.ts

@@ -1,13 +1,13 @@
 export { TimeClock } from "./TimeClock.js";
-export type { TimeClockProps, TimeClockSlots, TimeClockSlotProps } from './TimeClock.types';
+export type { TimeClockProps, TimeClockSlots, TimeClockSlotProps } from "./TimeClock.types.js";
 export { clockClasses } from "./clockClasses.js";
-export type { ClockClasses, ClockClassKey } from './clockClasses';
-export type { ClockProps } from './Clock';
+export type { ClockClasses, ClockClassKey } from "./clockClasses.js";
+export type { ClockProps } from "./Clock.js";
 export { clockNumberClasses } from "./clockNumberClasses.js";
-export type { ClockNumberClasses, ClockNumberClassKey } from './clockNumberClasses';
-export type { ClockNumberProps } from './ClockNumber';
+export type { ClockNumberClasses, ClockNumberClassKey } from "./clockNumberClasses.js";
+export type { ClockNumberProps } from "./ClockNumber.js";
 export { timeClockClasses, getTimeClockUtilityClass } from "./timeClockClasses.js";
-export type { TimeClockClasses, TimeClockClassKey } from './timeClockClasses';
+export type { TimeClockClasses, TimeClockClassKey } from "./timeClockClasses.js";
 export { clockPointerClasses } from "./clockPointerClasses.js";
-export type { ClockPointerClasses, ClockPointerClassKey } from './clockPointerClasses';
-export type { ClockPointerProps } from './ClockPointer';
+export type { ClockPointerClasses, ClockPointerClassKey } from "./clockPointerClasses.js";
+export type { ClockPointerProps } from "./ClockPointer.js";

package/TimeField/index.d.ts

@@ -1,3 +1,3 @@
 export { TimeField } from "./TimeField.js";
 export { useTimeField as unstable_useTimeField } from "./useTimeField.js";
-export type { UseTimeFieldProps, TimeFieldProps } from './TimeField.types';
+export type { UseTimeFieldProps, TimeFieldProps } from "./TimeField.types.js";

package/TimeField/useTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseTimeFieldProps } from "./TimeField.types.js";
-export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/TimePicker/index.d.ts

@@ -1,6 +1,6 @@
 export { TimePicker } from "./TimePicker.js";
-export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps, TimePickerFieldProps } from './TimePicker.types';
+export type { TimePickerProps, TimePickerSlots, TimePickerSlotProps, TimePickerFieldProps } from "./TimePicker.types.js";
 export { TimePickerToolbar } from "./TimePickerToolbar.js";
-export type { TimePickerToolbarProps } from './TimePickerToolbar';
+export type { TimePickerToolbarProps } from "./TimePickerToolbar.js";
 export { timePickerToolbarClasses } from "./timePickerToolbarClasses.js";
-export type { TimePickerToolbarClassKey, TimePickerToolbarClasses } from './timePickerToolbarClasses';
+export type { TimePickerToolbarClassKey, TimePickerToolbarClasses } from "./timePickerToolbarClasses.js";

package/YearCalendar/index.d.ts

@@ -1,4 +1,4 @@
 export { YearCalendar } from "./YearCalendar.js";
-export type { YearCalendarProps, YearCalendarSlots, YearCalendarSlotProps } from './YearCalendar.types';
+export type { YearCalendarProps, YearCalendarSlots, YearCalendarSlotProps } from "./YearCalendar.types.js";
 export { yearCalendarClasses, getYearCalendarUtilityClass } from "./yearCalendarClasses.js";
-export type { YearCalendarClasses, YearCalendarClassKey } from './yearCalendarClasses';
+export type { YearCalendarClasses, YearCalendarClassKey } from "./yearCalendarClasses.js";

package/dateViewRenderers/index.d.ts

@@ -1,2 +1,2 @@
 export { renderDateViewCalendar } from "./dateViewRenderers.js";
-export type { DateViewRendererProps } from './dateViewRenderers';
+export type { DateViewRendererProps } from "./dateViewRenderers.js";

package/esm/DateCalendar/PickersFadeTransitionGroup.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
-export interface PickersFadeTransitionGroupProps {
-  children: React.ReactElement<any>;
+export interface ExportedPickersFadeTransitionGroupProps {
   className?: string;
   reduceAnimations: boolean;
   transKey: React.Key;
@@ -10,6 +9,9 @@ export interface PickersFadeTransitionGroupProps {
    */
   classes?: Partial<PickersFadeTransitionGroupClasses>;
 }
+export interface PickersFadeTransitionGroupProps extends ExportedPickersFadeTransitionGroupProps {
+  children: React.ReactElement<any>;
+}
 /**
  * @ignore - do not document.
  */

package/esm/DateCalendar/PickersFadeTransitionGroup.js

@@ -1,3 +1,5 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["children"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { TransitionGroup } from 'react-transition-group';
@@ -29,12 +31,15 @@ export function PickersFadeTransitionGroup(inProps) {
     name: 'MuiPickersFadeTransitionGroup'
   });
   const {
-    children,
     className,
     reduceAnimations,
     transKey,
     classes: classesProp
   } = props;
+  const {
+      children
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   const theme = useTheme();
   if (reduceAnimations) {
@@ -42,6 +47,7 @@ export function PickersFadeTransitionGroup(inProps) {
   }
   return /*#__PURE__*/_jsx(PickersFadeTransitionGroupRoot, {
     className: clsx(classes.root, className),
+    ownerState: other,
     children: /*#__PURE__*/_jsx(Fade, {
       appear: false,
       mountOnEnter: true,

package/esm/DateCalendar/PickersSlideTransition.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import { PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export type SlideDirection = 'right' | 'left';
+export interface PickerSlideTransitionOwnerState extends PickerOwnerState {
+  slideDirection: SlideDirection;
+}
 export interface ExportedSlideTransitionProps {
   /**
    * Override or extend the styles applied to the component.

package/esm/DateCalendar/PickersSlideTransition.js

@@ -130,6 +130,7 @@ export function PickersSlideTransition(inProps) {
       classNames: transitionClasses
     }),
     role: "presentation",
+    ownerState: ownerState,
     children: /*#__PURE__*/_jsx(CSSTransition, _extends({
       mountOnEnter: true,
       unmountOnExit: true,

package/esm/DateCalendar/index.d.ts

@@ -1,12 +1,12 @@
 export { DateCalendar } from "./DateCalendar.js";
-export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from './DateCalendar.types';
+export type { DateCalendarProps, DateCalendarSlots, DateCalendarSlotProps } from "./DateCalendar.types.js";
 export { getDateCalendarUtilityClass, dateCalendarClasses } from "./dateCalendarClasses.js";
-export type { DateCalendarClassKey, DateCalendarClasses } from './dateCalendarClasses';
+export type { DateCalendarClassKey, DateCalendarClasses } from "./dateCalendarClasses.js";
 export { dayCalendarClasses } from "./dayCalendarClasses.js";
-export type { DayCalendarClassKey, DayCalendarClasses } from './dayCalendarClasses';
-export type { PickersFadeTransitionGroupProps } from './PickersFadeTransitionGroup';
+export type { DayCalendarClassKey, DayCalendarClasses } from "./dayCalendarClasses.js";
+export type { PickersFadeTransitionGroupProps, ExportedPickersFadeTransitionGroupProps } from "./PickersFadeTransitionGroup.js";
 export { pickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
-export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from './pickersFadeTransitionGroupClasses';
+export type { PickersFadeTransitionGroupClassKey, PickersFadeTransitionGroupClasses } from "./pickersFadeTransitionGroupClasses.js";
 export { pickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
-export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from './pickersSlideTransitionClasses';
-export type { ExportedSlideTransitionProps } from './PickersSlideTransition';
+export type { PickersSlideTransitionClassKey, PickersSlideTransitionClasses } from "./pickersSlideTransitionClasses.js";
+export type { ExportedSlideTransitionProps } from "./PickersSlideTransition.js";

package/esm/DateField/index.d.ts

@@ -1,3 +1,3 @@
 export { DateField } from "./DateField.js";
 export { useDateField as unstable_useDateField } from "./useDateField.js";
-export type { UseDateFieldProps, DateFieldProps } from './DateField.types';
+export type { UseDateFieldProps, DateFieldProps } from "./DateField.types.js";

package/esm/DateField/useDateField.d.ts

@@ -1,2 +1,2 @@
 import { UseDateFieldProps } from "./DateField.types.js";
-export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useDateField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/esm/DatePicker/index.d.ts

@@ -1,6 +1,6 @@
 export { DatePicker } from "./DatePicker.js";
-export type { DatePickerProps, DatePickerSlots, DatePickerSlotProps, DatePickerFieldProps } from './DatePicker.types';
+export type { DatePickerProps, DatePickerSlots, DatePickerSlotProps, DatePickerFieldProps } from "./DatePicker.types.js";
 export { DatePickerToolbar } from "./DatePickerToolbar.js";
-export type { DatePickerToolbarProps } from './DatePickerToolbar';
+export type { DatePickerToolbarProps } from "./DatePickerToolbar.js";
 export { datePickerToolbarClasses } from "./datePickerToolbarClasses.js";
-export type { DatePickerToolbarClassKey, DatePickerToolbarClasses } from './datePickerToolbarClasses';
+export type { DatePickerToolbarClassKey, DatePickerToolbarClasses } from "./datePickerToolbarClasses.js";

package/esm/DateTimeField/index.d.ts

@@ -1,3 +1,3 @@
 export { DateTimeField } from "./DateTimeField.js";
 export { useDateTimeField as unstable_useDateTimeField } from "./useDateTimeField.js";
-export type { UseDateTimeFieldProps, DateTimeFieldProps } from './DateTimeField.types';
+export type { UseDateTimeFieldProps, DateTimeFieldProps } from "./DateTimeField.types.js";

package/esm/DateTimeField/useDateTimeField.d.ts

@@ -1,2 +1,2 @@
 import { UseDateTimeFieldProps } from "./DateTimeField.types.js";
-export declare const useDateTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;
+export declare const useDateTimeField: <TEnableAccessibleFieldDOMStructure extends boolean, TProps extends UseDateTimeFieldProps<TEnableAccessibleFieldDOMStructure>>(props: TProps) => import("../internals/index.js").UseFieldReturnValue<TEnableAccessibleFieldDOMStructure, TProps>;

package/esm/DateTimePicker/index.d.ts

@@ -1,10 +1,10 @@
 export { DateTimePicker } from "./DateTimePicker.js";
-export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from './DateTimePicker.types';
+export type { DateTimePickerProps, DateTimePickerSlots, DateTimePickerSlotProps, DateTimePickerFieldProps } from "./DateTimePicker.types.js";
 export { DateTimePickerTabs } from "./DateTimePickerTabs.js";
-export type { DateTimePickerTabsProps } from './DateTimePickerTabs';
+export type { DateTimePickerTabsProps } from "./DateTimePickerTabs.js";
 export { dateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
-export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from './dateTimePickerTabsClasses';
+export type { DateTimePickerTabsClassKey, DateTimePickerTabsClasses } from "./dateTimePickerTabsClasses.js";
 export { DateTimePickerToolbar } from "./DateTimePickerToolbar.js";
-export type { DateTimePickerToolbarProps } from './DateTimePickerToolbar';
+export type { DateTimePickerToolbarProps } from "./DateTimePickerToolbar.js";
 export { dateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";
-export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from './dateTimePickerToolbarClasses';
+export type { DateTimePickerToolbarClassKey, DateTimePickerToolbarClasses } from "./dateTimePickerToolbarClasses.js";

package/esm/DayCalendarSkeleton/DayCalendarSkeleton.js

@@ -66,7 +66,8 @@ function DayCalendarSkeleton(inProps) {
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(classesProp);
   return /*#__PURE__*/_jsx(DayCalendarSkeletonRoot, _extends({
-    className: clsx(classes.root, className)
+    className: clsx(classes.root, className),
+    ownerState: props
   }, other, {
     children: monthMap.map((week, index) => /*#__PURE__*/_jsx(DayCalendarSkeletonWeek, {
       className: classes.week,

package/esm/DayCalendarSkeleton/index.d.ts

@@ -1,4 +1,4 @@
 export { DayCalendarSkeleton } from "./DayCalendarSkeleton.js";
-export type { DayCalendarSkeletonProps } from './DayCalendarSkeleton';
+export type { DayCalendarSkeletonProps } from "./DayCalendarSkeleton.js";
 export { dayCalendarSkeletonClasses, getDayCalendarSkeletonUtilityClass } from "./dayCalendarSkeletonClasses.js";
-export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from './dayCalendarSkeletonClasses';
+export type { DayCalendarSkeletonClassKey, DayCalendarSkeletonClasses } from "./dayCalendarSkeletonClasses.js";

package/esm/DesktopDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DesktopDatePicker } from "./DesktopDatePicker.js";
-export type { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from './DesktopDatePicker.types';
+export type { DesktopDatePickerProps, DesktopDatePickerSlots, DesktopDatePickerSlotProps } from "./DesktopDatePicker.types.js";

package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -37,6 +37,8 @@ const rendererInterceptor = function RendererInterceptor(props) {
     } = rendererProps,
     otherProps = _objectWithoutPropertiesLoose(rendererProps, _excluded);
   const finalProps = _extends({}, otherProps, {
+    // we control the focused view manually
+    autoFocus: false,
     focusedView: null,
     sx: [{
       [`&.${multiSectionDigitalClockClasses.root}`]: {

package/esm/DesktopDateTimePicker/index.d.ts

@@ -1,3 +1,3 @@
 export { DesktopDateTimePicker } from "./DesktopDateTimePicker.js";
 export { DesktopDateTimePickerLayout } from "./DesktopDateTimePickerLayout.js";
-export type { DesktopDateTimePickerProps, DesktopDateTimePickerSlots, DesktopDateTimePickerSlotProps } from './DesktopDateTimePicker.types';
+export type { DesktopDateTimePickerProps, DesktopDateTimePickerSlots, DesktopDateTimePickerSlotProps } from "./DesktopDateTimePicker.types.js";

package/esm/DesktopTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DesktopTimePicker } from "./DesktopTimePicker.js";
-export type { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from './DesktopTimePicker.types';
+export type { DesktopTimePickerProps, DesktopTimePickerSlots, DesktopTimePickerSlotProps } from "./DesktopTimePicker.types.js";

package/esm/DigitalClock/DigitalClock.js

@@ -13,6 +13,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import MenuItem from '@mui/material/MenuItem';
 import MenuList from '@mui/material/MenuList';
 import useForkRef from '@mui/utils/useForkRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { usePickerTranslations } from "../hooks/usePickerTranslations.js";
 import { useUtils, useNow } from "../internals/hooks/useUtils.js";
 import { createIsAfterIgnoreDatePart } from "../internals/utils/time-utils.js";
@@ -189,7 +190,7 @@ export const DigitalClock = /*#__PURE__*/React.forwardRef(function DigitalClock(
   const handleItemSelect = useEventCallback(newValue => {
     setValueAndGoToNextView(newValue, 'finish');
   });
-  React.useEffect(() => {
+  useEnhancedEffect(() => {
     if (containerRef.current === null) {
       return;
     }

package/esm/DigitalClock/index.d.ts

@@ -1,4 +1,4 @@
 export { DigitalClock, DigitalClockItem } from "./DigitalClock.js";
-export type { DigitalClockProps, DigitalClockSlots, DigitalClockSlotProps, ExportedDigitalClockProps, DigitalClockItemProps } from './DigitalClock.types';
+export type { DigitalClockProps, DigitalClockSlots, DigitalClockSlotProps, ExportedDigitalClockProps, DigitalClockItemProps } from "./DigitalClock.types.js";
 export { digitalClockClasses, getDigitalClockUtilityClass } from "./digitalClockClasses.js";
-export type { DigitalClockClasses, DigitalClockClassKey } from './digitalClockClasses';
+export type { DigitalClockClasses, DigitalClockClassKey } from "./digitalClockClasses.js";

package/esm/LocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { LocalizationProvider, MuiPickersAdapterContext } from "./LocalizationProvider.js";
-export type { LocalizationProviderProps } from './LocalizationProvider';
+export type { LocalizationProviderProps } from "./LocalizationProvider.js";

package/esm/MobileDatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileDatePicker } from "./MobileDatePicker.js";
-export type { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from './MobileDatePicker.types';
+export type { MobileDatePickerProps, MobileDatePickerSlots, MobileDatePickerSlotProps } from "./MobileDatePicker.types.js";

package/esm/MobileDateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileDateTimePicker } from "./MobileDateTimePicker.js";
-export type { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePickerSlotProps } from './MobileDateTimePicker.types';
+export type { MobileDateTimePickerProps, MobileDateTimePickerSlots, MobileDateTimePickerSlotProps } from "./MobileDateTimePicker.types.js";

package/esm/MobileTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { MobileTimePicker } from "./MobileTimePicker.js";
-export type { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from './MobileTimePicker.types';
+export type { MobileTimePickerProps, MobileTimePickerSlots, MobileTimePickerSlotProps } from "./MobileTimePicker.types.js";

package/esm/MonthCalendar/index.d.ts

@@ -1,4 +1,4 @@
 export { MonthCalendar } from "./MonthCalendar.js";
-export type { MonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from './MonthCalendar.types';
+export type { MonthCalendarProps, MonthCalendarSlots, MonthCalendarSlotProps } from "./MonthCalendar.types.js";
 export { monthCalendarClasses, getMonthCalendarUtilityClass } from "./monthCalendarClasses.js";
-export type { MonthCalendarClasses, MonthCalendarClassKey } from './monthCalendarClasses';
+export type { MonthCalendarClasses, MonthCalendarClassKey } from "./monthCalendarClasses.js";

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -333,7 +333,7 @@ export const MultiSectionDigitalClock = /*#__PURE__*/React.forwardRef(function M
       items: viewTimeOptions[timeView].items,
       onChange: viewTimeOptions[timeView].onChange,
       active: view === timeView,
-      autoFocus: autoFocus ?? focusedView === timeView,
+      autoFocus: autoFocus || focusedView === timeView,
       disabled: disabled,
       readOnly: readOnly,
       slots: slots,