@mui/x-date-pickers 8.0.0 → 8.2.0

package/internals/index.d.ts

@@ -1,58 +1,60 @@
 export { PickersArrowSwitcher } from "./components/PickersArrowSwitcher/PickersArrowSwitcher.js";
-export type { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps } from './components/PickersArrowSwitcher';
+export type { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlots, PickersArrowSwitcherSlotProps } from "./components/PickersArrowSwitcher/index.js";
 export { PickerFieldUI, PickerFieldUIContextProvider, cleanFieldResponse, useFieldTextFieldProps, PickerFieldUIContext, mergeSlotProps } from "./components/PickerFieldUI.js";
-export type { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from './components/PickerFieldUI';
+export type { ExportedPickerFieldUIProps, PickerFieldUISlots, PickerFieldUISlotProps, PickerFieldUISlotsFromContext, PickerFieldUISlotPropsFromContext } from "./components/PickerFieldUI.js";
 export { PickerProvider } from "./components/PickerProvider.js";
-export type { PickerContextValue } from './components/PickerProvider';
+export type { PickerContextValue } from "./components/PickerProvider.js";
 export { PickersModalDialog } from "./components/PickersModalDialog.js";
-export type { PickersModalDialogSlots, PickersModalDialogSlotProps } from './components/PickersModalDialog';
+export type { PickersModalDialogSlots, PickersModalDialogSlotProps } from "./components/PickersModalDialog.js";
 export { PickerPopper } from "./components/PickerPopper/PickerPopper.js";
-export type { PickerPopperSlots, PickerPopperSlotProps } from './components/PickerPopper/PickerPopper';
+export type { PickerPopperSlots, PickerPopperSlotProps } from "./components/PickerPopper/PickerPopper.js";
+export { pickerPopperClasses } from "./components/PickerPopper/pickerPopperClasses.js";
 export { PickersToolbar } from "./components/PickersToolbar.js";
-export type { PickersToolbarProps } from './components/PickersToolbar';
+export type { PickersToolbarProps } from "./components/PickersToolbar.js";
 export { pickersToolbarClasses } from "./components/pickersToolbarClasses.js";
-export type { PickersToolbarClassKey, PickersToolbarClasses } from './components/pickersToolbarClasses';
-export type { PickersToolbarButtonProps } from './components/PickersToolbarButton';
+export type { PickersToolbarClassKey, PickersToolbarClasses } from "./components/pickersToolbarClasses.js";
+export type { PickersToolbarButtonProps } from "./components/PickersToolbarButton.js";
 export { pickersToolbarButtonClasses } from "./components/pickersToolbarButtonClasses.js";
-export type { PickersToolbarButtonClassKey, PickersToolbarButtonClasses } from './components/pickersToolbarButtonClasses';
+export type { PickersToolbarButtonClassKey, PickersToolbarButtonClasses } from "./components/pickersToolbarButtonClasses.js";
 export { PickersToolbarText } from "./components/PickersToolbarText.js";
-export type { PickersToolbarTextProps, ExportedPickersToolbarTextProps } from './components/PickersToolbarText';
+export type { PickersToolbarTextProps, ExportedPickersToolbarTextProps } from "./components/PickersToolbarText.js";
 export { pickersToolbarTextClasses } from "./components/pickersToolbarTextClasses.js";
-export type { PickersToolbarTextClassKey, PickersToolbarTextClasses } from './components/pickersToolbarTextClasses';
+export type { PickersToolbarTextClassKey, PickersToolbarTextClasses } from "./components/pickersToolbarTextClasses.js";
 export { pickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js";
-export type { PickersArrowSwitcherClassKey, PickersArrowSwitcherClasses } from './components/PickersArrowSwitcher/pickersArrowSwitcherClasses';
+export type { PickersArrowSwitcherClassKey, PickersArrowSwitcherClasses } from "./components/PickersArrowSwitcher/pickersArrowSwitcherClasses.js";
 export { PickersToolbarButton } from "./components/PickersToolbarButton.js";
 export { DAY_MARGIN, DIALOG_WIDTH, VIEW_HEIGHT, MULTI_SECTION_CLOCK_SECTION_WIDTH } from "./constants/dimensions.js";
 export { useControlledValue } from "./hooks/useControlledValue.js";
-export type { DesktopOnlyPickerProps } from './hooks/useDesktopPicker';
+export type { DesktopOnlyPickerProps } from "./hooks/useDesktopPicker/index.js";
 export { useField, useFieldInternalPropsWithDefaults, createDateStrForV7HiddenInputFromSections, createDateStrForV6InputFromSections } from "./hooks/useField/index.js";
-export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from './hooks/useField';
+export type { UseFieldInternalProps, UseFieldParameters, UseFieldReturnValue, FieldValueManager, FieldChangeHandler, FieldChangeHandlerContext } from "./hooks/useField/index.js";
 export { useFieldOwnerState } from "./hooks/useFieldOwnerState.js";
-export type { MobileOnlyPickerProps } from './hooks/useMobilePicker';
+export type { MobileOnlyPickerProps } from "./hooks/useMobilePicker/index.js";
 export { useNullableFieldPrivateContext } from "./hooks/useNullableFieldPrivateContext.js";
 export { useNullablePickerContext } from "./hooks/useNullablePickerContext.js";
 export { usePicker } from "./hooks/usePicker/index.js";
-export type { UsePickerParameters, UsePickerProps, PickerViewsRendererProps, PickerSelectionState, PickerViewRendererLookup, PickerRendererInterceptorProps, PickerViewRenderer, UsePickerNonStaticProps } from './hooks/usePicker';
+export type { UsePickerParameters, UsePickerProps, PickerViewsRendererProps, PickerSelectionState, PickerViewRendererLookup, PickerRendererInterceptorProps, PickerViewRenderer, UsePickerNonStaticProps } from "./hooks/usePicker/index.js";
 export { usePickerPrivateContext } from "./hooks/usePickerPrivateContext.js";
 export { useStaticPicker } from "./hooks/useStaticPicker/index.js";
-export type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from './hooks/useStaticPicker';
+export type { StaticOnlyPickerProps, UseStaticPickerSlots, UseStaticPickerSlotProps } from "./hooks/useStaticPicker/index.js";
 export { useToolbarOwnerState } from "./hooks/useToolbarOwnerState.js";
-export type { PickerToolbarOwnerState } from './hooks/useToolbarOwnerState';
+export type { PickerToolbarOwnerState } from "./hooks/useToolbarOwnerState.js";
 export { useLocalizationContext, useDefaultDates, useUtils, useNow } from "./hooks/useUtils.js";
-export type { ExportedUseViewsOptions, UseViewsOptions } from './hooks/useViews';
+export type { ExportedUseViewsOptions, UseViewsOptions } from "./hooks/useViews.js";
 export { useViews } from "./hooks/useViews.js";
 export { usePreviousMonthDisabled, useNextMonthDisabled } from "./hooks/date-helpers-hooks.js";
-export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerValueManager } from './models/manager';
-export type { RangePosition } from './models/pickers';
-export type { BaseSingleInputFieldProps, FieldRangeSection } from './models/fields';
-export type { BasePickerProps, BasePickerInputProps } from './models/props/basePickerProps';
-export type { BaseClockProps, ExportedBaseClockProps, DigitalTimePickerProps, AmPmProps } from './models/props/time';
-export type { ExportedBaseTabsProps } from './models/props/tabs';
-export type { BaseToolbarProps, ExportedBaseToolbarProps } from './models/props/toolbar';
-export type { FormProps } from './models/formProps';
-export type { PickerVariant, TimeViewWithMeridiem, DateOrTimeViewWithMeridiem } from './models/common';
-export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationProps, MonthValidationProps, YearValidationProps, DayValidationProps, DateTimeValidationProps } from './models/validation';
-export type { PickerValue, PickerRangeValue, PickerNonNullableRangeValue, InferNonNullablePickerValue, PickerValidValue } from './models/value';
+export type { PickerAnyManager, PickerManagerFieldInternalProps, PickerManagerFieldInternalPropsWithDefaults, PickerManagerEnableAccessibleFieldDOMStructure, PickerManagerError, PickerValueManager } from "./models/manager.js";
+export type { RangePosition } from "./models/pickers.js";
+export type { BaseSingleInputFieldProps, FieldRangeSection } from "./models/fields.js";
+export type { BasePickerProps, BasePickerInputProps } from "./models/props/basePickerProps.js";
+export type { BaseClockProps, ExportedBaseClockProps, DigitalTimePickerProps, AmPmProps } from "./models/props/time.js";
+export type { ExportedBaseTabsProps } from "./models/props/tabs.js";
+export type { BaseToolbarProps, ExportedBaseToolbarProps } from "./models/props/toolbar.js";
+export type { FormProps } from "./models/formProps.js";
+export type { PickerVariant, TimeViewWithMeridiem, DateOrTimeViewWithMeridiem } from "./models/common.js";
+export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationProps, MonthValidationProps, YearValidationProps, DayValidationProps, DateTimeValidationProps } from "./models/validation.js";
+export type { PickerValue, PickerRangeValue, PickerNonNullableRangeValue, InferNonNullablePickerValue, PickerValidValue } from "./models/value.js";
+export type { ComponentsOverrides } from "./models/helpers.js";
 export { createStepNavigation } from "./utils/createStepNavigation.js";
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual, getTodayDate, isDatePickerView, mergeDateAndTime, formatMeridiem, DATE_VIEWS } from "./utils/date-utils.js";
 export { getDefaultReferenceDate } from "./utils/getDefaultReferenceDate.js";
@@ -62,8 +64,8 @@ export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, mergeS
 export { useReduceAnimations } from "./hooks/useReduceAnimations.js";
 export { applyDefaultViewProps } from "./utils/views.js";
 export { DayCalendar } from "../DateCalendar/DayCalendar.js";
-export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps } from '../DateCalendar/DayCalendar';
-export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';
+export type { DayCalendarProps, DayCalendarSlots, DayCalendarSlotProps, ExportedDayCalendarProps } from "../DateCalendar/DayCalendar.js";
+export type { ExportedDateCalendarProps } from "../DateCalendar/DateCalendar.types.js";
 export { useCalendarState } from "../DateCalendar/useCalendarState.js";
 export { DateTimePickerToolbarOverrideContext } from "../DateTimePicker/DateTimePickerToolbar.js";
 export { usePickerDayOwnerState } from "../PickersDay/usePickerDayOwnerState.js";

package/internals/index.js

@@ -237,6 +237,12 @@ Object.defineProperty(exports, "onSpaceOrEnter", {
     return _utils.onSpaceOrEnter;
   }
 });
+Object.defineProperty(exports, "pickerPopperClasses", {
+  enumerable: true,
+  get: function () {
+    return _pickerPopperClasses.pickerPopperClasses;
+  }
+});
 Object.defineProperty(exports, "pickersArrowSwitcherClasses", {
   enumerable: true,
   get: function () {
@@ -434,6 +440,7 @@ var _PickerFieldUI = require("./components/PickerFieldUI");
 var _PickerProvider = require("./components/PickerProvider");
 var _PickersModalDialog = require("./components/PickersModalDialog");
 var _PickerPopper = require("./components/PickerPopper/PickerPopper");
+var _pickerPopperClasses = require("./components/PickerPopper/pickerPopperClasses");
 var _PickersToolbar = require("./components/PickersToolbar");
 var _pickersToolbarClasses = require("./components/pickersToolbarClasses");
 var _pickersToolbarButtonClasses = require("./components/pickersToolbarButtonClasses");

package/internals/models/fields.d.ts

@@ -1,4 +1,4 @@
-import type { FieldSection } from '../../models';
+import type { FieldSection } from "../../models/index.js";
 import { RangePosition } from "./pickers.js";
 export interface FieldRangeSection extends FieldSection {
   dateName: RangePosition;

package/internals/models/helpers.d.ts

@@ -1,6 +1,17 @@
+import { ComponentNameToClassKey, ComponentsPropsList } from '@mui/material/styles';
+import { CSSObject, CSSInterpolation, Interpolation } from '@mui/system';
 /**
  * All standard components exposed by `material-ui` are `StyledComponents` with
  * certain `classes`, on which one can also set a top-level `className` and inline
  * `style`.
  */
-export type ExtendMui<C, Removals extends keyof C = never> = Omit<C, 'classes' | 'theme' | Removals>;
+export type ExtendMui<C, Removals extends keyof C = never> = Omit<C, 'classes' | 'theme' | Removals>;
+type OverridesStyleRules<ClassKey extends string = string, ComponentName = keyof ComponentsPropsList, Theme = unknown, OwnerState = unknown> = Record<ClassKey, Interpolation<(ComponentName extends keyof ComponentsPropsList ? ComponentsPropsList[ComponentName] & Record<string, unknown> & {
+  ownerState: OwnerState extends Object ? OwnerState : ComponentsPropsList[ComponentName] & Record<string, unknown>;
+} : {}) & {
+  theme: Theme;
+} & Record<string, unknown>>>;
+export type ComponentsOverrides<Theme = unknown, OwnerState = unknown> = { [Name in keyof ComponentNameToClassKey]?: Partial<OverridesStyleRules<ComponentNameToClassKey[Name], Name, Theme, OwnerState>> } & {
+  MuiCssBaseline?: CSSObject | string | ((theme: Theme) => CSSInterpolation);
+};
+export {};

package/internals/models/manager.d.ts

@@ -1,7 +1,7 @@
-import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate, PickerValueType } from '../../models';
-import type { GetDefaultReferenceDateProps } from '../utils/getDefaultReferenceDate';
+import type { MuiPickersAdapter, PickerManager, PickersTimezone, PickerValidDate, PickerValueType } from "../../models/index.js";
+import type { GetDefaultReferenceDateProps } from "../utils/getDefaultReferenceDate.js";
 import { InferNonNullablePickerValue, PickerValidValue } from "./value.js";
-import type { UseFieldInternalProps } from '../hooks/useField';
+import type { UseFieldInternalProps } from "../hooks/useField/index.js";
 export type PickerAnyManager = PickerManager<any, any, any, any, any>;
 type PickerManagerProperties<TManager extends PickerAnyManager> = TManager extends PickerManager<infer TValue, infer TEnableAccessibleFieldDOMStructure, infer TError, infer TValidationProps, infer TFieldInternalProps> ? {
   value: TValue;

package/internals/models/props/basePickerProps.d.ts

@@ -3,7 +3,7 @@ import { SxProps } from '@mui/system';
 import { MakeOptional } from '@mui/x-internals/types';
 import { UsePickerBaseProps } from "../../hooks/usePicker/index.js";
 import { PickersInputComponentLocaleText } from "../../../locales/utils/pickersLocaleTextApi.js";
-import type { UsePickerProps } from '../../hooks/usePicker';
+import type { UsePickerProps } from "../../hooks/usePicker/index.js";
 import { DateOrTimeViewWithMeridiem } from "../common.js";
 import { PickerValidValue } from "../value.js";
 /**

package/internals/models/props/time.d.ts

@@ -1,8 +1,8 @@
 import { SxProps, Theme } from '@mui/material/styles';
 import { PickerValidDate, TimeStepOptions, TimezoneProps } from "../../../models/index.js";
-import type { ExportedDigitalClockProps } from '../../../DigitalClock/DigitalClock.types';
-import type { ExportedMultiSectionDigitalClockProps } from '../../../MultiSectionDigitalClock/MultiSectionDigitalClock.types';
-import type { ExportedUseViewsOptions } from '../../hooks/useViews';
+import type { ExportedDigitalClockProps } from "../../../DigitalClock/DigitalClock.types.js";
+import type { ExportedMultiSectionDigitalClockProps } from "../../../MultiSectionDigitalClock/MultiSectionDigitalClock.types.js";
+import type { ExportedUseViewsOptions } from "../../hooks/useViews.js";
 import { TimeViewWithMeridiem } from "../common.js";
 import { ExportedValidateTimeProps } from "../../../validation/validateTime.js";
 import { FormProps } from "../formProps.js";

package/internals/models/validation.d.ts

@@ -1,4 +1,4 @@
-import type { PickerValidDate, TimeView } from '../../models';
+import type { PickerValidDate, TimeView } from "../../models/index.js";
 interface FutureAndPastValidationProps {
   /**
    * If `true`, disable values before the current date for date components, time for time components and both for date time components.

package/internals/utils/createNonRangePickerStepNavigation.d.ts

@@ -1,5 +1,5 @@
 import { DateOrTimeViewWithMeridiem } from "../models/common.js";
-export declare function createNonRangePickerStepNavigation(parameters: CreateNonRangePickerStepNavigationParameters): import("./createStepNavigation").CreateStepNavigationReturnValue;
+export declare function createNonRangePickerStepNavigation(parameters: CreateNonRangePickerStepNavigationParameters): import("./createStepNavigation.js").CreateStepNavigationReturnValue;
 export interface PickerStep {
   /**
    * The views that are handled inside this step.

package/internals/utils/valueManagers.d.ts

@@ -1,6 +1,6 @@
-import type { PickerValueManager } from '../models';
+import type { PickerValueManager } from "../models/index.js";
 import { DateValidationError, TimeValidationError, DateTimeValidationError } from "../../models/index.js";
-import type { FieldValueManager } from '../hooks/useField';
+import type { FieldValueManager } from "../hooks/useField/index.js";
 import { PickerValue } from "../models/index.js";
 export type SingleItemPickerValueManager<TError extends DateValidationError | TimeValidationError | DateTimeValidationError = any> = PickerValueManager<PickerValue, TError>;
 export declare const singleItemValueManager: SingleItemPickerValueManager;

package/locales/enUS.d.ts

@@ -29,7 +29,7 @@ export declare const enUS: {
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;
           secondsClockNumberText?: ((seconds: string) => string) | undefined;
-          selectViewText?: ((view: import("../internals").TimeViewWithMeridiem) => string) | undefined;
+          selectViewText?: ((view: import("../internals/index.js").TimeViewWithMeridiem) => string) | undefined;
           openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
           openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
           openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;

package/locales/itIT.js

@@ -27,8 +27,8 @@ const itITPickers = {
   endDate: 'Data di fine',
   endTime: 'Ora di fine',
   // Action bar
-  cancelButtonLabel: 'Cancellare',
-  clearButtonLabel: 'Sgomberare',
+  cancelButtonLabel: 'Annulla',
+  clearButtonLabel: 'Pulisci',
   okButtonLabel: 'OK',
   todayButtonLabel: 'Oggi',
   nextStepButtonLabel: 'Successivo',

package/locales/mk.d.ts

@@ -27,7 +27,7 @@ export declare const mk: {
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;
           secondsClockNumberText?: ((seconds: string) => string) | undefined;
-          selectViewText?: ((view: import("../internals").TimeViewWithMeridiem) => string) | undefined;
+          selectViewText?: ((view: import("../internals/index.js").TimeViewWithMeridiem) => string) | undefined;
           openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
           openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
           openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;

package/locales/utils/getPickersLocalization.d.ts

@@ -28,7 +28,7 @@ export declare const getPickersLocalization: (pickersTranslations: Partial<Picke
           hoursClockNumberText?: ((hours: string) => string) | undefined;
           minutesClockNumberText?: ((minutes: string) => string) | undefined;
           secondsClockNumberText?: ((seconds: string) => string) | undefined;
-          selectViewText?: ((view: import("../../internals").TimeViewWithMeridiem) => string) | undefined;
+          selectViewText?: ((view: import("../../internals/index.js").TimeViewWithMeridiem) => string) | undefined;
           openDatePickerDialogue?: ((formattedDate: string | null) => string) | undefined;
           openTimePickerDialogue?: ((formattedTime: string | null) => string) | undefined;
           openRangePickerDialogue?: ((formattedRange: string | null) => string) | undefined;

package/managers/index.d.ts

@@ -1,6 +1,6 @@
 export { useDateManager } from "./useDateManager.js";
-export type { UseDateManagerReturnValue, UseDateManagerParameters, DateManagerFieldInternalProps } from './useDateManager';
+export type { UseDateManagerReturnValue, UseDateManagerParameters, DateManagerFieldInternalProps } from "./useDateManager.js";
 export { useTimeManager } from "./useTimeManager.js";
-export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from './useTimeManager';
+export type { UseTimeManagerReturnValue, UseTimeManagerParameters, TimeManagerFieldInternalProps } from "./useTimeManager.js";
 export { useDateTimeManager } from "./useDateTimeManager.js";
-export type { UseDateTimeManagerReturnValue, UseDateTimeManagerParameters, DateTimeManagerFieldInternalProps } from './useDateTimeManager';
+export type { UseDateTimeManagerReturnValue, UseDateTimeManagerParameters, DateTimeManagerFieldInternalProps } from "./useDateTimeManager.js";

package/models/fields.d.ts

@@ -1,11 +1,12 @@
 import * as React from 'react';
 import { TextFieldProps } from '@mui/material/TextField';
-import type { ExportedPickersSectionListProps } from '../PickersSectionList';
-import type { UseFieldInternalProps, UseFieldReturnValue } from '../internals/hooks/useField';
-import type { PickersTextFieldProps } from '../PickersTextField';
+import { FormControlOwnProps } from '@mui/material/FormControl';
+import type { ExportedPickersSectionListProps } from "../PickersSectionList/index.js";
+import type { UseFieldInternalProps, UseFieldReturnValue } from "../internals/hooks/useField/index.js";
+import type { PickersTextFieldProps } from "../PickersTextField/index.js";
 import { BaseSingleInputFieldProps, FieldRangeSection, PickerRangeValue, PickerValidValue } from "../internals/models/index.js";
 import { PickerOwnerState } from "./pickers.js";
-import type { ExportedPickerFieldUIProps } from '../internals/components/PickerFieldUI';
+import type { ExportedPickerFieldUIProps } from "../internals/components/PickerFieldUI.js";
 export type FieldSectionType = 'year' | 'month' | 'day' | 'weekDay' | 'hours' | 'minutes' | 'seconds' | 'meridiem' | 'empty';
 export type FieldSectionContentType = 'digit' | 'digit-with-letter' | 'letter';
 export interface FieldSection {
@@ -140,4 +141,42 @@ export type BaseSingleInputPickersTextFieldProps<TEnableAccessibleFieldDOMStruct
  * Props the built-in text field component can receive.
  */
 export type BuiltInFieldTextFieldProps<TEnableAccessibleFieldDOMStructure extends boolean> = TEnableAccessibleFieldDOMStructure extends false ? Omit<TextFieldProps, 'autoComplete' | 'error' | 'maxRows' | 'minRows' | 'multiline' | 'placeholder' | 'rows' | 'select' | 'SelectProps' | 'type'> : Partial<Omit<PickersTextFieldProps, keyof ExportedPickersSectionListProps>>;
+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/models/manager.d.ts

@@ -1,7 +1,7 @@
-import type { FieldValueManager, UseFieldInternalProps } from '../internals/hooks/useField';
-import type { PickerValidValue, PickerValueManager } from '../internals/models';
-import type { Validator } from '../validation';
-import type { PickerValueType } from './common';
+import type { FieldValueManager, UseFieldInternalProps } from "../internals/hooks/useField/index.js";
+import type { PickerValidValue, PickerValueManager } from "../internals/models/index.js";
+import type { Validator } from "../validation/index.js";
+import type { PickerValueType } from "./common.js";
 /**
  * Object that contains all the necessary methods and properties to adapt a Picker or a Field for a given value type.
  * You should never create your own manager.

package/models/pickers.d.ts

@@ -1,5 +1,5 @@
 import { PickerOrientation, PickerVariant } from "../internals/models/common.js";
-import type { PickersShortcutsItemContext } from '../PickersShortcuts';
+import type { PickersShortcutsItemContext } from "../PickersShortcuts/index.js";
 export interface PickerChangeHandlerContext<TError> {
   validationError: TError;
   /**

package/models/validation.d.ts

@@ -1,4 +1,4 @@
-import type { PickerValidValue } from '../internals/models';
+import type { PickerValidValue } from "../internals/models/index.js";
 /**
  * Validation error types applicable to both date and time validation
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.0.0",
+  "version": "8.2.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.0.0"
+    "@mui/x-internals": "8.2.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/themeAugmentation/components.d.ts

@@ -1,42 +1,57 @@
-import { ComponentsProps, ComponentsOverrides } from '@mui/material/styles';
+import { ComponentsProps } from '@mui/material/styles';
+import { ComponentsOverrides } from "../internals/models/helpers.js";
+import { PickerTextFieldOwnerState } from "../models/fields.js";
+import { ClockOwnerState } from "../TimeClock/Clock.js";
+import { ClockNumberOwnerState } from "../TimeClock/ClockNumber.js";
+import { ClockPointerOwnerState } from "../TimeClock/ClockPointer.js";
+import { PickerOwnerState } from "../models/pickers.js";
+import { PickerToolbarOwnerState } from "../internals/hooks/useToolbarOwnerState.js";
+import { PickerDayOwnerState } from "../PickersDay/index.js";
+import { DigitalClockOwnerState } from "../DigitalClock/DigitalClock.types.js";
+import { MultiSectionDigitalClockSectionOwnerState } from "../MultiSectionDigitalClock/MultiSectionDigitalClockSection.js";
+import { PickerPopperOwnerState } from "../internals/components/PickerPopper/PickerPopper.js";
+import { PickerLayoutOwnerState } from "../PickersLayout/index.js";
+import { PickerInputOwnerState } from "../PickersTextField/PickersInput/PickersInput.js";
+import { PickerFilledInputOwnerState } from "../PickersTextField/PickersFilledInput/PickersFilledInput.js";
+import { PickerSlideTransitionOwnerState } from "../DateCalendar/PickersSlideTransition.js";
 export interface PickerComponents<Theme = unknown> {
   MuiClock?: {
     defaultProps?: ComponentsProps['MuiClock'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiClock'];
+    styleOverrides?: ComponentsOverrides<Theme, ClockOwnerState>['MuiClock'];
   };
   MuiClockNumber?: {
     defaultProps?: ComponentsProps['MuiClockNumber'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiClockNumber'];
+    styleOverrides?: ComponentsOverrides<Theme, ClockNumberOwnerState>['MuiClockNumber'];
   };
   MuiClockPointer?: {
     defaultProps?: ComponentsProps['MuiClockPointer'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiClockPointer'];
+    styleOverrides?: ComponentsOverrides<Theme, ClockPointerOwnerState>['MuiClockPointer'];
   };
   MuiDateCalendar?: {
     defaultProps?: ComponentsProps['MuiDateCalendar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDateCalendar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiDateCalendar'];
   };
   MuiDateField?: {
     defaultProps?: ComponentsProps['MuiDateField'];
   };
   MuiDatePickerToolbar?: {
     defaultProps?: ComponentsProps['MuiDatePickerToolbar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDatePickerToolbar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerToolbarOwnerState>['MuiDatePickerToolbar'];
   };
   MuiDateTimeField?: {
     defaultProps?: ComponentsProps['MuiDateTimeField'];
   };
   MuiDateTimePickerTabs?: {
     defaultProps?: ComponentsProps['MuiDateTimePickerTabs'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDateTimePickerTabs'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiDateTimePickerTabs'];
   };
   MuiDateTimePickerToolbar?: {
     defaultProps?: ComponentsProps['MuiDateTimePickerToolbar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDateTimePickerToolbar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerToolbarOwnerState>['MuiDateTimePickerToolbar'];
   };
   MuiDayCalendar?: {
     defaultProps?: ComponentsProps['MuiDayCalendar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDayCalendar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerDayOwnerState>['MuiDayCalendar'];
   };
   MuiDayCalendarSkeleton?: {
     defaultProps?: ComponentsProps['MuiDayCalendarSkeleton'];
@@ -44,34 +59,34 @@ export interface PickerComponents<Theme = unknown> {
   };
   MuiDigitalClock?: {
     defaultProps?: ComponentsProps['MuiDigitalClock'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiDigitalClock'];
+    styleOverrides?: ComponentsOverrides<Theme, DigitalClockOwnerState>['MuiDigitalClock'];
   };
   MuiLocalizationProvider?: {
     defaultProps?: ComponentsProps['MuiLocalizationProvider'];
   };
   MuiMonthCalendar?: {
     defaultProps?: ComponentsProps['MuiMonthCalendar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiMonthCalendar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiMonthCalendar'];
   };
   MuiMultiSectionDigitalClock?: {
     defaultProps?: ComponentsProps['MuiMultiSectionDigitalClock'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiMultiSectionDigitalClock'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiMultiSectionDigitalClock'];
   };
   MuiMultiSectionDigitalClockSection?: {
     defaultProps?: ComponentsProps['MuiMultiSectionDigitalClockSection'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiMultiSectionDigitalClockSection'];
+    styleOverrides?: ComponentsOverrides<Theme, MultiSectionDigitalClockSectionOwnerState>['MuiMultiSectionDigitalClockSection'];
   };
   MuiPickersArrowSwitcher?: {
     defaultProps?: ComponentsProps['MuiPickersArrowSwitcher'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersArrowSwitcher'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiPickersArrowSwitcher'];
   };
   MuiPickersCalendarHeader?: {
     defaultProps?: ComponentsProps['MuiPickersCalendarHeader'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersCalendarHeader'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiPickersCalendarHeader'];
   };
   MuiPickersDay?: {
     defaultProps?: ComponentsProps['MuiPickersDay'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersDay'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerDayOwnerState>['MuiPickersDay'];
   };
   MuiPickersFadeTransitionGroup?: {
     defaultProps?: ComponentsProps['MuiPickersFadeTransitionGroup'];
@@ -79,15 +94,15 @@ export interface PickerComponents<Theme = unknown> {
   };
   MuiPickerPopper?: {
     defaultProps?: ComponentsProps['MuiPickerPopper'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickerPopper'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerPopperOwnerState>['MuiPickerPopper'];
   };
   MuiPickersSlideTransition?: {
     defaultProps?: ComponentsProps['MuiPickersSlideTransition'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersSlideTransition'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerSlideTransitionOwnerState>['MuiPickersSlideTransition'];
   };
   MuiPickersToolbar?: {
     defaultProps?: ComponentsProps['MuiPickersToolbar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersToolbar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerToolbarOwnerState>['MuiPickersToolbar'];
   };
   MuiPickersToolbarButton?: {
     defaultProps?: ComponentsProps['MuiPickersToolbarButton'];
@@ -99,25 +114,23 @@ export interface PickerComponents<Theme = unknown> {
   };
   MuiPickersLayout?: {
     defaultProps?: ComponentsProps['MuiPickersLayout'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersLayout'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerLayoutOwnerState>['MuiPickersLayout'];
   };
   MuiTimeClock?: {
     defaultProps?: ComponentsProps['MuiTimeClock'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiTimeClock'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiTimeClock'];
   };
   MuiTimeField?: {
     defaultProps?: ComponentsProps['MuiTimeField'];
   };
   MuiTimePickerToolbar?: {
     defaultProps?: ComponentsProps['MuiTimePickerToolbar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiTimePickerToolbar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerToolbarOwnerState>['MuiTimePickerToolbar'];
   };
   MuiYearCalendar?: {
     defaultProps?: ComponentsProps['MuiYearCalendar'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiYearCalendar'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiYearCalendar'];
   };
-
-  // Date Pickers
   MuiDatePicker?: {
     defaultProps?: ComponentsProps['MuiDatePicker'];
   };
@@ -130,8 +143,6 @@ export interface PickerComponents<Theme = unknown> {
   MuiStaticDatePicker?: {
     defaultProps?: ComponentsProps['MuiStaticDatePicker'];
   };
-
-  // Time Pickers
   MuiTimePicker?: {
     defaultProps?: ComponentsProps['MuiTimePicker'];
   };
@@ -144,8 +155,6 @@ export interface PickerComponents<Theme = unknown> {
   MuiStaticTimePicker?: {
     defaultProps?: ComponentsProps['MuiStaticTimePicker'];
   };
-
-  // Date Time Pickers
   MuiDateTimePicker?: {
     defaultProps?: ComponentsProps['MuiDateTimePicker'];
   };
@@ -158,31 +167,29 @@ export interface PickerComponents<Theme = unknown> {
   MuiStaticDateTimePicker?: {
     defaultProps?: ComponentsProps['MuiStaticDateTimePicker'];
   };
-
-  // PickersTextField
   MuiPickersTextField?: {
     defaultProps?: ComponentsProps['MuiPickersTextField'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersTextField'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerTextFieldOwnerState>['MuiPickersTextField'];
   };
   MuiPickersInputBase?: {
     defaultProps?: ComponentsProps['MuiPickersInputBase'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersInputBase'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerTextFieldOwnerState>['MuiPickersInputBase'];
   };
   MuiPickersInput?: {
     defaultProps?: ComponentsProps['MuiPickersInput'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersInput'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerInputOwnerState>['MuiPickersInput'];
   };
   MuiPickersFilledInput?: {
     defaultProps?: ComponentsProps['MuiPickersFilledInput'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersFilledInput'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerFilledInputOwnerState>['MuiPickersFilledInput'];
   };
   MuiPickersOutlinedInput?: {
     defaultProps?: ComponentsProps['MuiPickersOutlinedInput'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersOutlinedInput'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerTextFieldOwnerState>['MuiPickersOutlinedInput'];
   };
   MuiPickersSectionList?: {
     defaultProps?: ComponentsProps['MuiPickersSectionList'];
-    styleOverrides?: ComponentsOverrides<Theme>['MuiPickersSectionList'];
+    styleOverrides?: ComponentsOverrides<Theme, PickerOwnerState>['MuiPickersSectionList'];
   };
 }
 declare module '@mui/material/styles' {

package/themeAugmentation/components.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/themeAugmentation/index.d.ts

@@ -1,3 +1,3 @@
-export type * from './overrides';
-export type * from './props';
-export type * from './components';
+export type * from "./overrides.js";
+export type * from "./props.js";
+export type * from "./components.js";