@mui/x-date-pickers 8.0.0 → 8.2.0

package/esm/PickersTextField/PickersInput/PickersInput.js

@@ -15,7 +15,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const PickersInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersInput',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'disableUnderline'
 })(({
   theme
@@ -187,7 +186,7 @@ process.env.NODE_ENV !== "production" ? PickersInput.propTypes = {
   onInput: PropTypes.func.isRequired,
   onKeyDown: PropTypes.func.isRequired,
   onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
+  ownerState: PropTypes /* @typescript-to-proptypes-ignore */.any,
   readOnly: PropTypes.bool,
   renderSuffix: PropTypes.func,
   sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

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/PickersInputBase.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { PickersInputBaseProps } from "./PickersInputBase.types.js";
-import { PickerTextFieldOwnerState } from "../PickersTextField.types.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export declare const PickersInputBaseRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;

package/esm/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -18,8 +18,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const round = value => Math.round(value * 1e5) / 1e5;
 export const PickersInputBaseRoot = styled('div', {
   name: 'MuiPickersInputBase',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => _extends({}, theme.typography.body1, {
@@ -44,8 +43,7 @@ export const PickersInputBaseRoot = styled('div', {
 }));
 export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot, {
   name: 'MuiPickersInputBase',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })(({
   theme
 }) => ({
@@ -102,8 +100,7 @@ export const PickersInputBaseSectionsContainer = styled(PickersSectionListRoot,
 }));
 const PickersInputBaseSection = styled(PickersSectionListSection, {
   name: 'MuiPickersInputBase',
-  slot: 'Section',
-  overridesResolver: (props, styles) => styles.section
+  slot: 'Section'
 })(({
   theme
 }) => ({
@@ -118,7 +115,7 @@ const PickersInputBaseSection = styled(PickersSectionListSection, {
 const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent, {
   name: 'MuiPickersInputBase',
   slot: 'SectionContent',
-  overridesResolver: (props, styles) => styles.content
+  overridesResolver: (props, styles) => styles.content // FIXME: Inconsistent naming with slot
 })(({
   theme
 }) => ({
@@ -131,8 +128,7 @@ const PickersInputBaseSectionContent = styled(PickersSectionListSectionContent,
 }));
 const PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparator, {
   name: 'MuiPickersInputBase',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })(() => ({
   whiteSpace: 'pre',
   letterSpacing: 'inherit'
@@ -140,12 +136,11 @@ const PickersInputBaseSectionSeparator = styled(PickersSectionListSectionSeparat
 const PickersInputBaseInput = styled('input', {
   name: 'MuiPickersInputBase',
   slot: 'Input',
-  overridesResolver: (props, styles) => styles.hiddenInput
+  overridesResolver: (props, styles) => styles.hiddenInput // FIXME: Inconsistent naming with slot
 })(_extends({}, visuallyHidden));
 const PickersInputBaseActiveBar = styled('div', {
   name: 'MuiPickersInputBase',
-  slot: 'ActiveBar',
-  overridesResolver: (props, styles) => styles.activeBar
+  slot: 'ActiveBar'
 })(({
   theme,
   ownerState
@@ -440,7 +435,7 @@ process.env.NODE_ENV !== "production" ? PickersInputBase.propTypes = {
   onInput: PropTypes.func.isRequired,
   onKeyDown: PropTypes.func.isRequired,
   onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
+  ownerState: PropTypes /* @typescript-to-proptypes-ignore */.any,
   readOnly: PropTypes.bool,
   renderSuffix: PropTypes.func,
   sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

package/esm/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BoxProps } from '@mui/material/Box';
 import { MuiEvent } from '@mui/x-internals/types';
 import { PickersSectionListProps } from "../../PickersSectionList/index.js";
+import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersInputPropsUsedByField extends Pick<PickersSectionListProps, 'elements' | 'sectionListRef' | 'contentEditable' | 'tabIndex'> {
   /**
    * Is `true` if the current values equals the empty value.
@@ -28,7 +29,7 @@ export interface PickersInputPropsUsedByField extends Pick<PickersSectionListPro
   inputRef?: React.Ref<HTMLInputElement>;
 }
 export interface PickersInputBaseProps extends Omit<BoxProps, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
-  ownerState?: any;
+  ownerState?: PickerTextFieldOwnerState;
   margin?: 'dense' | 'none' | 'normal';
   renderSuffix?: (state: {
     disabled?: boolean;

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/Outline.js

@@ -8,8 +8,7 @@ import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.js
 import { jsx as _jsx } from "react/jsx-runtime";
 const OutlineRoot = styled('fieldset', {
   name: 'MuiPickersOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })(({
   theme
 }) => {

package/esm/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -14,8 +14,7 @@ import { PickersInputBaseRoot, PickersInputBaseSectionsContainer } from "../Pick
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => {
@@ -64,8 +63,7 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
 });
 const PickersOutlinedInputSectionsContainer = styled(PickersInputBaseSectionsContainer, {
   name: 'MuiPickersOutlinedInput',
-  slot: 'SectionsContainer',
-  overridesResolver: (props, styles) => styles.sectionsContainer
+  slot: 'SectionsContainer'
 })({
   padding: '16.5px 0',
   variants: [{
@@ -165,7 +163,7 @@ process.env.NODE_ENV !== "production" ? PickersOutlinedInput.propTypes = {
   onInput: PropTypes.func.isRequired,
   onKeyDown: PropTypes.func.isRequired,
   onPaste: PropTypes.func.isRequired,
-  ownerState: PropTypes.any,
+  ownerState: PropTypes /* @typescript-to-proptypes-ignore */.any,
   readOnly: PropTypes.bool,
   renderSuffix: PropTypes.func,
   sectionListRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({

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.js

@@ -28,8 +28,7 @@ const VARIANT_COMPONENT = {
 };
 const PickersTextFieldRoot = styled(FormControl, {
   name: 'MuiPickersTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const useUtilityClasses = (classes, ownerState) => {
   const {

package/esm/PickersTextField/PickersTextField.types.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import { FormControlOwnProps, FormControlProps } from '@mui/material/FormControl';
+import { FormControlProps } from '@mui/material/FormControl';
 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 { FieldOwnerState } from "../models/index.js";
+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>;
@@ -65,42 +64,4 @@ export interface PickersFilledTextFieldProps extends PickersBaseTextFieldProps {
   InputProps?: Partial<PickersFilledInputProps>;
 }
 export type PickersTextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? PickersFilledTextFieldProps : Variant extends 'standard' ? PickersStandardTextFieldProps : PickersOutlinedTextFieldProps;
-export interface PickerTextFieldOwnerState extends FieldOwnerState {
-  /**
-   * `true` if the value of the field is currently empty.
-   */
-  isFieldValueEmpty: boolean;
-  /**
-   * `true` if the field is focused, `false` otherwise.
-   */
-  isFieldFocused: boolean;
-  /**
-   * `true` if the field has an error, `false` otherwise.
-   */
-  hasFieldError: boolean;
-  /**
-   * The size of the input.
-   */
-  inputSize: Exclude<FormControlOwnProps['size'], undefined>;
-  /**
-   * The color of the input.
-   */
-  inputColor: Exclude<FormControlOwnProps['color'], undefined>;
-  /**
-   * `true` if the input takes up the full width of its container.
-   */
-  isInputInFullWidth: boolean;
-  /**
-   * `true` if the input has a start adornment, `false` otherwise.
-   */
-  hasStartAdornment: boolean;
-  /**
-   * `true` if the input has an end adornment, `false` otherwise.
-   */
-  hasEndAdornment: boolean;
-  /**
-   * `true` if the input has a label, `false` otherwise.
-   */
-  inputHasLabel: boolean;
-}
 export {};

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/PickersTextField/usePickerTextFieldOwnerState.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { PickerTextFieldOwnerState } from "./PickersTextField.types.js";
+import { PickerTextFieldOwnerState } from "../models/fields.js";
 export declare const PickerTextFieldOwnerStateContext: React.Context<PickerTextFieldOwnerState | null>;
 export declare const usePickerTextFieldOwnerState: () => PickerTextFieldOwnerState;

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/Clock.js

@@ -28,8 +28,7 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const ClockRoot = styled('div', {
   name: 'MuiClock',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -40,8 +39,7 @@ const ClockRoot = styled('div', {
 }));
 const ClockClock = styled('div', {
   name: 'MuiClock',
-  slot: 'Clock',
-  overridesResolver: (_, styles) => styles.clock
+  slot: 'Clock'
 })({
   backgroundColor: 'rgba(0,0,0,.07)',
   borderRadius: '50%',
@@ -53,8 +51,7 @@ const ClockClock = styled('div', {
 });
 const ClockWrapper = styled('div', {
   name: 'MuiClock',
-  slot: 'Wrapper',
-  overridesResolver: (_, styles) => styles.wrapper
+  slot: 'Wrapper'
 })({
   '&:focus': {
     outline: 'none'
@@ -62,8 +59,7 @@ const ClockWrapper = styled('div', {
 });
 const ClockSquareMask = styled('div', {
   name: 'MuiClock',
-  slot: 'SquareMask',
-  overridesResolver: (_, styles) => styles.squareMask
+  slot: 'SquareMask'
 })({
   width: '100%',
   height: '100%',
@@ -90,8 +86,7 @@ const ClockSquareMask = styled('div', {
 });
 const ClockPin = styled('div', {
   name: 'MuiClock',
-  slot: 'Pin',
-  overridesResolver: (_, styles) => styles.pin
+  slot: 'Pin'
 })(({
   theme
 }) => ({
@@ -125,8 +120,7 @@ const meridiemButtonCommonStyles = (theme, clockMeridiemMode) => ({
 });
 const ClockAmButton = styled(IconButton, {
   name: 'MuiClock',
-  slot: 'AmButton',
-  overridesResolver: (_, styles) => styles.amButton
+  slot: 'AmButton'
 })(({
   theme
 }) => _extends({}, meridiemButtonCommonStyles(theme, 'am'), {
@@ -136,8 +130,7 @@ const ClockAmButton = styled(IconButton, {
 }));
 const ClockPmButton = styled(IconButton, {
   name: 'MuiClock',
-  slot: 'PmButton',
-  overridesResolver: (_, styles) => styles.pmButton
+  slot: 'PmButton'
 })(({
   theme
 }) => _extends({}, meridiemButtonCommonStyles(theme, 'pm'), {
@@ -147,8 +140,7 @@ const ClockPmButton = styled(IconButton, {
 }));
 const ClockMeridiemText = styled(Typography, {
   name: 'MuiClock',
-  slot: 'meridiemText',
-  overridesResolver: (_, styles) => styles.meridiemText
+  slot: 'MeridiemText'
 })({
   overflow: 'hidden',
   whiteSpace: 'nowrap',

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/ClockPointer.js

@@ -20,8 +20,7 @@ const useUtilityClasses = classes => {
 };
 const ClockPointerRoot = styled('div', {
   name: 'MuiClockPointer',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
+  slot: 'Root'
 })(({
   theme
 }) => ({
@@ -42,8 +41,7 @@ const ClockPointerRoot = styled('div', {
 }));
 const ClockPointerThumb = styled('div', {
   name: 'MuiClockPointer',
-  slot: 'Thumb',
-  overridesResolver: (_, styles) => styles.thumb
+  slot: 'Thumb'
 })(({
   theme
 }) => ({

package/esm/TimeClock/TimeClock.js

@@ -32,8 +32,7 @@ const useUtilityClasses = classes => {
 };
 const TimeClockRoot = styled(PickerViewRoot, {
   name: 'MuiTimeClock',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'flex',
   flexDirection: 'column',
@@ -41,8 +40,7 @@ const TimeClockRoot = styled(PickerViewRoot, {
 });
 const TimeClockArrowSwitcher = styled(PickersArrowSwitcher, {
   name: 'MuiTimeClock',
-  slot: 'ArrowSwitcher',
-  overridesResolver: (props, styles) => styles.arrowSwitcher
+  slot: 'ArrowSwitcher'
 })({
   position: 'absolute',
   right: 12,

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/TimePickerToolbar.js

@@ -36,13 +36,11 @@ const useUtilityClasses = (classes, ownerState) => {
 };
 const TimePickerToolbarRoot = styled(PickersToolbar, {
   name: 'MuiTimePickerToolbar',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const TimePickerToolbarSeparator = styled(PickersToolbarText, {
   name: 'MuiTimePickerToolbar',
-  slot: 'Separator',
-  overridesResolver: (props, styles) => styles.separator
+  slot: 'Separator'
 })({
   outline: 0,
   margin: '0 4px 0 2px',

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.0.0
+ * @mui/x-date-pickers v8.2.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;