@mui/x-date-pickers 8.1.0 → 8.3.0

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { MultiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+import type { MultiSectionDigitalClockOption, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "./MultiSectionDigitalClock.types.js";
 import { FormProps } from "../internals/models/formProps.js";
+import { PickerOwnerState } from "../models/pickers.js";
 export interface ExportedMultiSectionDigitalClockSectionProps {
   className?: string;
   classes?: Partial<MultiSectionDigitalClockSectionClasses>;
@@ -16,6 +17,12 @@ export interface MultiSectionDigitalClockSectionProps<TSectionValue extends numb
   skipDisabled?: boolean;
   role?: string;
 }
+export interface MultiSectionDigitalClockSectionOwnerState extends PickerOwnerState {
+  /**
+   * `true` if this is not the initial render of the digital clock.
+   */
+  hasDigitalClockAlreadyBeenRendered: boolean;
+}
 type MultiSectionDigitalClockSectionComponent = <TSectionValue extends number | string>(props: MultiSectionDigitalClockSectionProps<TSectionValue> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element & {
   propTypes?: any;
 };

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -10,6 +10,7 @@ import composeClasses from '@mui/utils/composeClasses';
 import MenuList from '@mui/material/MenuList';
 import MenuItem from '@mui/material/MenuItem';
 import useForkRef from '@mui/utils/useForkRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import { getMultiSectionDigitalClockSectionUtilityClass } from "./multiSectionDigitalClockSectionClasses.js";
 import { DIGITAL_CLOCK_VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "../internals/constants/dimensions.js";
 import { getFocusedListItemIndex } from "../internals/utils/utils.js";
@@ -124,7 +125,7 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
   });
   const classes = useUtilityClasses(classesProp);
   const DigitalClockSectionItem = slots?.digitalClockSectionItem ?? MultiSectionDigitalClockSectionItem;
-  React.useEffect(() => {
+  useEnhancedEffect(() => {
     if (containerRef.current === null) {
       return;
     }

package/esm/MultiSectionDigitalClock/index.d.ts

@@ -1,7 +1,7 @@
 export { MultiSectionDigitalClock } from "./MultiSectionDigitalClock.js";
-export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from './MultiSectionDigitalClock.types';
+export type { MultiSectionDigitalClockProps, MultiSectionDigitalClockSlots, MultiSectionDigitalClockSlotProps } from "./MultiSectionDigitalClock.types.js";
 export { multiSectionDigitalClockSectionClasses } from "./multiSectionDigitalClockSectionClasses.js";
-export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from './multiSectionDigitalClockSectionClasses';
-export type { ExportedMultiSectionDigitalClockSectionProps } from './MultiSectionDigitalClockSection';
+export type { MultiSectionDigitalClockSectionClasses, MultiSectionDigitalClockSectionClassKey } from "./multiSectionDigitalClockSectionClasses.js";
+export type { ExportedMultiSectionDigitalClockSectionProps } from "./MultiSectionDigitalClockSection.js";
 export { multiSectionDigitalClockClasses, getMultiSectionDigitalClockUtilityClass } from "./multiSectionDigitalClockClasses.js";
-export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from './multiSectionDigitalClockClasses';
+export type { MultiSectionDigitalClockClasses, MultiSectionDigitalClockClassKey } from "./multiSectionDigitalClockClasses.js";

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/hooks/usePickerContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { PickerContextValue } from '../internals/components/PickerProvider';
+import type { PickerContextValue } from "../internals/components/PickerProvider.js";
 import { DateOrTimeViewWithMeridiem, PickerValidValue, PickerValue } from "../internals/models/index.js";
 export declare const PickerContext: React.Context<PickerContextValue<any, any, any> | null>;
 /**

package/esm/hooks/usePickerTranslations.d.ts

@@ -1 +1 @@
-export declare const usePickerTranslations: () => import("..").PickersLocaleText;
+export declare const usePickerTranslations: () => import("../index.js").PickersLocaleText;

package/esm/index.js

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

package/esm/internals/components/PickerFieldUI.d.ts

@@ -6,7 +6,7 @@ import { SvgIconProps } from '@mui/material/SvgIcon';
 import { MakeOptional, SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { FieldOwnerState } from "../../models/index.js";
 import { UseFieldOwnerStateParameters } from "../hooks/useFieldOwnerState.js";
-import type { UseFieldReturnValue, UseFieldProps } from '../hooks/useField';
+import type { UseFieldReturnValue, UseFieldProps } from "../hooks/useField/index.js";
 import { PickersTextFieldProps } from "../../PickersTextField/index.js";
 export declare const cleanFieldResponse: <TFieldResponse extends MakeOptional<UseFieldReturnValue<any, ExportedPickerFieldUIProps & {
   [key: string]: any;

package/esm/internals/components/PickerPopper/PickerPopper.d.ts

@@ -6,7 +6,7 @@ import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { PickerPopperClasses } from "./pickerPopperClasses.js";
 import { PickerOwnerState } from "../../../models/index.js";
-interface PickerPopperOwnerState extends PickerOwnerState {
+export interface PickerPopperOwnerState extends PickerOwnerState {
   popperPlacement: PopperPlacementType;
 }
 export interface PickerPopperSlots {
@@ -64,5 +64,4 @@ export interface PickerPopperProps extends ExportedPickerPopperProps {
   slots?: PickerPopperSlots;
   slotProps?: PickerPopperSlotProps;
 }
-export declare function PickerPopper(inProps: PickerPopperProps): React.JSX.Element;
-export {};
+export declare function PickerPopper(inProps: PickerPopperProps): React.JSX.Element;

package/esm/internals/components/PickerPopper/index.d.ts

@@ -1,4 +1,4 @@
 export { PickerPopper } from "./PickerPopper.js";
-export type { ExportedPickerPopperProps } from './PickerPopper';
+export type { ExportedPickerPopperProps } from "./PickerPopper.js";
 export { pickerPopperClasses, getPickerPopperUtilityClass } from "./pickerPopperClasses.js";
-export type { PickerPopperClassKey, PickerPopperClasses } from './pickerPopperClasses';
+export type { PickerPopperClassKey, PickerPopperClasses } from "./pickerPopperClasses.js";

package/esm/internals/components/PickerProvider.d.ts

@@ -5,8 +5,8 @@ import { PickerChangeImportance, PickerOwnerState, PickersTimezone } from "../..
 import { PickersInputLocaleText } from "../../locales/index.js";
 import { DateOrTimeViewWithMeridiem, PickerOrientation, PickerValidValue, PickerVariant } from "../models/index.js";
 import { PickerFieldPrivateContextValue } from "../hooks/useNullableFieldPrivateContext.js";
-import type { PickersShortcutsItemContext } from '../../PickersShortcuts';
-import type { PickersActionBarAction } from '../../PickersActionBar';
+import type { PickersShortcutsItemContext } from "../../PickersShortcuts/index.js";
+import type { PickersActionBarAction } from "../../PickersActionBar/index.js";
 export declare const PickerActionsContext: React.Context<PickerActionsContextValue<any, any, any> | null>;
 export declare const PickerPrivateContext: React.Context<PickerPrivateContextValue>;
 /**

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

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

package/esm/internals/components/PickersModalDialog.js

@@ -32,13 +32,17 @@ export function PickersModalDialog(props) {
     open
   } = usePickerContext();
   const {
-    dismissViews
+    dismissViews,
+    onPopperExited
   } = usePickerPrivateContext();
   const Dialog = slots?.dialog ?? PickersModalDialogRoot;
   const Transition = slots?.mobileTransition ?? Fade;
   return /*#__PURE__*/_jsx(Dialog, _extends({
     open: open,
-    onClose: dismissViews
+    onClose: () => {
+      dismissViews();
+      onPopperExited?.();
+    }
   }, slotProps?.dialog, {
     TransitionComponent: Transition,
     TransitionProps: slotProps?.mobileTransition,

package/esm/internals/components/PickersToolbarButton.js

@@ -43,7 +43,8 @@ export const PickersToolbarButton = /*#__PURE__*/React.forwardRef(function Picke
   return /*#__PURE__*/_jsx(PickersToolbarButtonRoot, _extends({
     variant: "text",
     ref: ref,
-    className: clsx(classes.root, className)
+    className: clsx(classes.root, className),
+    ownerState: props
   }, width ? {
     sx: {
       width

package/esm/internals/components/PickersToolbarText.js

@@ -42,7 +42,8 @@ export const PickersToolbarText = /*#__PURE__*/React.forwardRef(function Pickers
   return /*#__PURE__*/_jsx(PickersToolbarTextRoot, _extends({
     ref: ref,
     className: clsx(classes.root, className),
-    component: "span"
+    component: "span",
+    ownerState: props
   }, selected && {
     'data-selected': true
   }, other, {

package/esm/internals/hooks/date-helpers-hooks.d.ts

@@ -19,6 +19,6 @@ export declare function usePreviousMonthDisabled(month: PickerValidDate, {
   timezone
 }: Pick<MonthValidationOptions, 'disablePast' | 'minDate' | 'timezone'>): boolean;
 export declare function useMeridiemMode(date: PickerValidDate | null, ampm: boolean | undefined, onChange: PickerOnChangeFn, selectionState?: PickerSelectionState): {
-  meridiemMode: import("../utils/time-utils").Meridiem | null;
+  meridiemMode: import("../utils/time-utils.js").Meridiem | null;
   handleMeridiemChange: (mode: "am" | "pm") => void;
 };

package/esm/internals/hooks/useControlledValue.d.ts

@@ -1,4 +1,4 @@
-import type { PickerValueManager } from '../models';
+import type { PickerValueManager } from "../models/index.js";
 import { PickersTimezone, PickerValidDate } from "../../models/index.js";
 import { PickerValidValue } from "../models/index.js";
 /**

package/esm/internals/hooks/useDesktopPicker/index.d.ts

@@ -1,2 +1,2 @@
 export { useDesktopPicker } from "./useDesktopPicker.js";
-export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, UseDesktopPickerProps } from './useDesktopPicker.types';
+export type { UseDesktopPickerSlots, UseDesktopPickerSlotProps, ExportedUseDesktopPickerSlotProps, DesktopOnlyPickerProps, UseDesktopPickerProps } from "./useDesktopPicker.types.js";

package/esm/internals/hooks/useField/index.d.ts

@@ -1,4 +1,4 @@
 export { useField } from "./useField.js";
-export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, UseFieldProps, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from './useField.types';
+export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, UseFieldProps, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./useField.types.js";
 export { createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./useField.utils.js";
 export { useFieldInternalPropsWithDefaults } from "./useFieldInternalPropsWithDefaults.js";

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { FieldSectionType, FieldSection, FieldSelectedSections, MuiPickersAdapter, TimezoneProps, FieldSectionContentType, PickerValidDate, FieldRef, OnErrorProps, InferFieldSection, PickerManager, PickerValueType } from "../../../models/index.js";
 import { InternalPropNames } from "../../../hooks/useSplitFieldProps.js";
-import type { PickersSectionElement, PickersSectionListRef } from '../../../PickersSectionList';
+import type { PickersSectionElement, PickersSectionListRef } from "../../../PickersSectionList/index.js";
 import { FormProps, InferNonNullablePickerValue, PickerValidValue } from "../../models/index.js";
 export interface UseFieldParameters<TValue extends PickerValidValue, TEnableAccessibleFieldDOMStructure extends boolean, TError, TValidationProps extends {}, TProps extends UseFieldProps<TEnableAccessibleFieldDOMStructure>> {
   manager: PickerManager<TValue, TEnableAccessibleFieldDOMStructure, TError, TValidationProps, any>;

package/esm/internals/hooks/useMobilePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { useMobilePicker } from "./useMobilePicker.js";
-export type { UseMobilePickerSlots, UseMobilePickerSlotProps, ExportedUseMobilePickerSlotProps, MobileOnlyPickerProps } from './useMobilePicker.types';
+export type { UseMobilePickerSlots, UseMobilePickerSlotProps, ExportedUseMobilePickerSlotProps, MobileOnlyPickerProps } from "./useMobilePicker.types.js";

package/esm/internals/hooks/useNullableFieldPrivateContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { UseFieldInternalProps } from './useField';
+import type { UseFieldInternalProps } from "./useField/index.js";
 import { FieldRef } from "../../models/index.js";
 import { PickerRangeValue, PickerValue } from "../models/index.js";
 export declare const PickerFieldPrivateContext: React.Context<PickerFieldPrivateContextValue | null>;

package/esm/internals/hooks/useNullablePickerContext.d.ts

@@ -2,4 +2,4 @@
  * Returns the context passed by the Picker wrapping the current component.
  * If the context is not found, returns `null`.
  */
-export declare const useNullablePickerContext: () => import("..").PickerContextValue<any, any, any> | null;
+export declare const useNullablePickerContext: () => import("../index.js").PickerContextValue<any, any, any> | null;

package/esm/internals/hooks/usePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { usePicker } from "./usePicker.js";
-export type { UsePickerProps, UsePickerBaseProps, UsePickerParameters, PickerSelectionState, PickerViewsRendererProps, PickerViewRendererLookup, PickerRendererInterceptorProps, PickerViewRenderer, UsePickerNonStaticProps } from './usePicker.types';
+export type { UsePickerProps, UsePickerBaseProps, UsePickerParameters, PickerSelectionState, PickerViewsRendererProps, PickerViewRendererLookup, PickerRendererInterceptorProps, PickerViewRenderer, UsePickerNonStaticProps } from "./usePicker.types.js";

package/esm/internals/hooks/usePickerPrivateContext.d.ts

@@ -1,4 +1,4 @@
 /**
  * Returns the private context passed by the Picker wrapping the current component.
  */
-export declare const usePickerPrivateContext: () => import("../components/PickerProvider").PickerPrivateContextValue;
+export declare const usePickerPrivateContext: () => import("../components/PickerProvider.js").PickerPrivateContextValue;

package/esm/internals/hooks/useStaticPicker/index.d.ts

@@ -1,2 +1,2 @@
 export { useStaticPicker } from "./useStaticPicker.js";
-export type { UseStaticPickerSlots, UseStaticPickerSlotProps, StaticOnlyPickerProps } from './useStaticPicker.types';
+export type { UseStaticPickerSlots, UseStaticPickerSlotProps, StaticOnlyPickerProps } from "./useStaticPicker.types.js";

package/esm/internals/hooks/useViews.d.ts

@@ -1,5 +1,5 @@
 import { MakeOptional } from '@mui/x-internals/types';
-import type { PickerSelectionState } from './usePicker';
+import type { PickerSelectionState } from "./usePicker/index.js";
 import { DateOrTimeViewWithMeridiem, PickerValidValue } from "../models/index.js";
 import { PickerValidDate } from "../../models/index.js";
 import { CreateStepNavigationReturnValue } from "../utils/createStepNavigation.js";