@mui/x-date-pickers 8.1.0 → 8.3.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.1.0",
-  "description": "The community edition of the Date and Time Picker components (MUI X).",
+  "version": "8.3.0",
   "author": "MUI Team",
+  "description": "The community edition of the MUI X Date and Time Picker components.",
   "main": "./index.js",
   "license": "MIT",
   "bugs": {
@@ -35,13 +35,13 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.27.0",
+    "@babel/runtime": "^7.27.1",
     "@mui/utils": "^7.0.2",
     "@types/react-transition-group": "^4.4.12",
     "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.3.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";

package/themeAugmentation/overrides.d.ts

@@ -18,8 +18,6 @@ import { DigitalClockClassKey } from "../DigitalClock/index.js";
 import { MultiSectionDigitalClockClassKey, MultiSectionDigitalClockSectionClassKey } from "../MultiSectionDigitalClock/index.js";
 import { PickersTextFieldClassKey, PickersInputClassKey, PickersOutlinedInputClassKey, PickersFilledInputClassKey, PickersInputBaseClassKey } from "../PickersTextField/index.js";
 import { PickersSectionListClassKey } from "../PickersSectionList/index.js";
-
-// prettier-ignore
 export interface PickersComponentNameToClassKey {
   MuiClock: ClockClassKey;
   MuiClockNumber: ClockNumberClassKey;
@@ -47,8 +45,6 @@ export interface PickersComponentNameToClassKey {
   MuiTimeClock: TimeClockClassKey;
   MuiTimePickerToolbar: TimePickerToolbarClassKey;
   MuiYearCalendar: YearCalendarClassKey;
-
-  // V7 Picker's TextField
   MuiPickersTextField: PickersTextFieldClassKey;
   MuiPickersInputBase: PickersInputBaseClassKey;
   MuiPickersInput: PickersInputClassKey;
@@ -59,6 +55,4 @@ export interface PickersComponentNameToClassKey {
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey extends PickersComponentNameToClassKey {}
 }
-
-// disable automatic export
 export {};

package/themeAugmentation/overrides.js

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

package/themeAugmentation/props.d.ts

@@ -1,4 +1,4 @@
-import { DateCalendarProps, ExportedSlideTransitionProps, PickersFadeTransitionGroupProps } from "../DateCalendar/index.js";
+import { DateCalendarProps, ExportedSlideTransitionProps, ExportedPickersFadeTransitionGroupProps } from "../DateCalendar/index.js";
 import { DayCalendarSkeletonProps } from "../DayCalendarSkeleton/index.js";
 import { ClockNumberProps, TimeClockProps, ClockPointerProps, ClockProps } from "../TimeClock/index.js";
 import { MonthCalendarProps } from "../MonthCalendar/index.js";
@@ -56,7 +56,7 @@ export interface PickersComponentsPropsList {
   MuiPickersArrowSwitcher: ExportedPickersArrowSwitcherProps;
   MuiPickersCalendarHeader: ExportedPickersCalendarHeaderProps;
   MuiPickersDay: PickersDayProps;
-  MuiPickersFadeTransitionGroup: PickersFadeTransitionGroupProps;
+  MuiPickersFadeTransitionGroup: ExportedPickersFadeTransitionGroupProps;
   MuiPickerPopper: ExportedPickerPopperProps;
   MuiPickersSlideTransition: ExportedSlideTransitionProps;
   MuiPickersToolbar: PickersToolbarProps;
@@ -67,26 +67,18 @@ export interface PickersComponentsPropsList {
   MuiTimeField: TimeFieldProps<any>;
   MuiTimePickerToolbar: ExportedTimePickerToolbarProps;
   MuiYearCalendar: YearCalendarProps;
-
-  // Date Pickers
   MuiDatePicker: DatePickerProps;
   MuiDesktopDatePicker: DesktopDatePickerProps;
   MuiMobileDatePicker: MobileDatePickerProps;
   MuiStaticDatePicker: StaticDatePickerProps;
-
-  // Time Pickers
   MuiTimePicker: TimePickerProps;
   MuiDesktopTimePicker: DesktopTimePickerProps;
   MuiMobileTimePicker: MobileTimePickerProps;
   MuiStaticTimePicker: StaticTimePickerProps;
-
-  // Date Time Pickers
   MuiDateTimePicker: DateTimePickerProps;
   MuiDesktopDateTimePicker: DesktopDateTimePickerProps;
   MuiMobileDateTimePicker: MobileDateTimePickerProps;
   MuiStaticDateTimePicker: StaticDateTimePickerProps;
-
-  // V7 Picker's TextField
   MuiPickersTextField: PickersTextFieldProps;
   MuiPickersInputBase: PickersInputBaseProps;
   MuiPickersInput: PickersInputProps;
@@ -97,6 +89,4 @@ export interface PickersComponentsPropsList {
 declare module '@mui/material/styles' {
   interface ComponentsPropsList extends PickersComponentsPropsList {}
 }
-
-// disable automatic export
 export {};

package/themeAugmentation/props.js

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

package/timeViewRenderers/index.d.ts

@@ -1,2 +1,2 @@
 export { renderTimeViewClock, renderDigitalClockTimeView, renderMultiSectionDigitalClockTimeView } from "./timeViewRenderers.js";
-export type { TimeViewRendererProps } from './timeViewRenderers';
+export type { TimeViewRendererProps } from "./timeViewRenderers.js";

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -5,7 +5,7 @@ import { DigitalClockProps } from "../DigitalClock/index.js";
 import { BaseClockProps } from "../internals/models/props/time.js";
 import { MultiSectionDigitalClockProps } from "../MultiSectionDigitalClock/index.js";
 import { TimeViewWithMeridiem } from "../internals/models/index.js";
-import type { TimePickerProps } from '../TimePicker/TimePicker.types';
+import type { TimePickerProps } from "../TimePicker/TimePicker.types.js";
 export type TimeViewRendererProps<TView extends TimeViewWithMeridiem, TComponentProps extends BaseClockProps<TView>> = Omit<TComponentProps, 'views' | 'openTo' | 'view' | 'onViewChange'> & {
   view: TView;
   onViewChange?: (view: TView) => void;

package/validation/index.d.ts

@@ -1,9 +1,9 @@
 export { validateDate } from "./validateDate.js";
-export type { ValidateDateProps } from './validateDate';
+export type { ValidateDateProps } from "./validateDate.js";
 export { validateTime } from "./validateTime.js";
-export type { ValidateTimeProps } from './validateTime';
+export type { ValidateTimeProps } from "./validateTime.js";
 export { validateDateTime } from "./validateDateTime.js";
-export type { ValidateDateTimeProps } from './validateDateTime';
+export type { ValidateDateTimeProps } from "./validateDateTime.js";
 export { extractValidationProps } from "./extractValidationProps.js";
 export { useValidation } from "./useValidation.js";
-export type { Validator, UseValidationReturnValue } from './useValidation';
+export type { Validator, UseValidationReturnValue } from "./useValidation.js";

package/validation/useValidation.d.ts

@@ -1,6 +1,6 @@
 import { MuiPickersAdapterContextValue } from "../LocalizationProvider/LocalizationProvider.js";
 import { OnErrorProps, PickersTimezone } from "../models/index.js";
-import type { PickerValueManager } from '../internals/models';
+import type { PickerValueManager } from "../internals/models/index.js";
 import { PickerValidValue } from "../internals/models/index.js";
 export type Validator<TValue extends PickerValidValue, TError, TValidationProps> = {
   (params: {