@mui/x-date-pickers 8.2.0 → 8.3.1

package/esm/AdapterDateFns/AdapterDateFns.js

@@ -73,7 +73,7 @@ export class AdapterDateFns extends AdapterDateFnsBase {
     locale,
     formats
   } = {}) {
-    /* istanbul ignore next */
+    /* v8 ignore start */
     if (process.env.NODE_ENV !== 'production') {
       if (typeof addDays !== 'function') {
         throw new Error(['MUI: The `date-fns` package v2.x is not compatible with this adapter.', 'Please, install v3.x or v4.x of the package or use the `AdapterDateFnsV2` instead.'].join('\n'));
@@ -82,6 +82,7 @@ export class AdapterDateFns extends AdapterDateFnsBase {
         throw new Error('MUI: The minimum supported `date-fns` package version compatible with this adapter is `3.2.x`.');
       }
     }
+    /* v8 ignore stop */
     super({
       locale: locale ?? enUS,
       formats,

package/esm/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -109,7 +109,7 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
     locale,
     formats
   } = {}) {
-    /* istanbul ignore next */
+    /* v8 ignore start */
     if (process.env.NODE_ENV !== 'production') {
       if (typeof addDays !== 'function') {
         throw new Error(['MUI: The `date-fns-jalali` package v2.x is not compatible with this adapter.', 'Please, install v3.x or v4.x of the package or use the `AdapterDateFnsJalaliV2` instead.'].join('\n'));
@@ -118,6 +118,7 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
         throw new Error('MUI: The minimum supported `date-fns-jalali` package version compatible with this adapter is `3.2.x`.');
       }
     }
+    /* v8 ignore stop */
     super({
       locale: locale ?? defaultLocale,
       // some formats are different in jalali adapter,

package/esm/AdapterDateFnsJalaliV2/AdapterDateFnsJalaliV2.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 // date-fns-jalali@<3 has no exports field defined
 // See https://github.com/date-fns/date-fns/issues/1781
 /* eslint-disable import/extensions, class-methods-use-this */
+/* v8 ignore start */
 // @ts-nocheck
 import addSeconds from 'date-fns-jalali/addSeconds/index.js';
 import addMinutes from 'date-fns-jalali/addMinutes/index.js';
@@ -47,6 +48,8 @@ import startOfYear from 'date-fns-jalali/startOfYear/index.js';
 import isWithinInterval from 'date-fns-jalali/isWithinInterval/index.js';
 import defaultLocale from 'date-fns-jalali/locale/fa-IR/index.js';
 import longFormatters from 'date-fns-jalali/_lib/format/longFormatters/index.js';
+/* v8 ignore end */
+
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 const defaultFormats = {
   year: 'yyyy',
@@ -113,12 +116,13 @@ export class AdapterDateFnsJalali extends AdapterDateFnsBase {
     locale,
     formats
   } = {}) {
-    /* istanbul ignore next */
+    /* v8 ignore start */
     if (process.env.NODE_ENV !== 'production') {
       if (typeof addDays !== 'function') {
         throw new Error(['MUI: This adapter is only compatible with `date-fns-jalali` v2.x package versions.', 'Please, install v2.x of the package or use the `AdapterDateFnsJalali` instead.'].join('\n'));
       }
     }
+    /* v8 ignore stop */
     super({
       locale: locale ?? defaultLocale,
       // some formats are different in jalali adapter,

package/esm/AdapterDateFnsV2/AdapterDateFnsV2.js

@@ -1,6 +1,7 @@
 // date-fns@<3 has no exports field defined
 // See https://github.com/date-fns/date-fns/issues/1781
 /* eslint-disable import/extensions, class-methods-use-this */
+/* v8 ignore start */
 // @ts-nocheck
 import addDays from 'date-fns/addDays/index.js';
 import addSeconds from 'date-fns/addSeconds/index.js';
@@ -46,6 +47,8 @@ import startOfYear from 'date-fns/startOfYear/index.js';
 import isWithinInterval from 'date-fns/isWithinInterval/index.js';
 import defaultLocale from 'date-fns/locale/en-US/index.js';
 import longFormatters from 'date-fns/_lib/format/longFormatters/index.js';
+/* v8 ignore end */
+
 import { AdapterDateFnsBase } from "../AdapterDateFnsBase/index.js";
 /**
  * Based on `@date-io/date-fns`
@@ -77,12 +80,13 @@ export class AdapterDateFns extends AdapterDateFnsBase {
     locale,
     formats
   } = {}) {
-    /* istanbul ignore next */
+    /* v8 ignore start */
     if (process.env.NODE_ENV !== 'production') {
       if (typeof addDays !== 'function') {
         throw new Error(['MUI: This adapter is only compatible with `date-fns` v2.x package versions.', 'Please, install v2.x of the package or use the `AdapterDateFns` instead.'].join('\n'));
       }
     }
+    /* v8 ignore stop */
     super({
       locale: locale ?? defaultLocale,
       formats,

package/esm/AdapterDayjs/AdapterDayjs.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
+/* v8 ignore start */
 import defaultDayjs from 'dayjs';
 // dayjs has no exports field defined
 // See https://github.com/iamkun/dayjs/issues/2562
@@ -9,6 +10,7 @@ import customParseFormatPlugin from 'dayjs/plugin/customParseFormat.js';
 import localizedFormatPlugin from 'dayjs/plugin/localizedFormat.js';
 import isBetweenPlugin from 'dayjs/plugin/isBetween.js';
 import advancedFormatPlugin from 'dayjs/plugin/advancedFormat.js';
+/* v8 ignore stop */
 /* eslint-enable import/extensions */
 import { warnOnce } from '@mui/x-internals/warning';
 defaultDayjs.extend(localizedFormatPlugin);
@@ -202,7 +204,7 @@ export class AdapterDayjs {
         const timezone = defaultDayjs.tz.guess();
 
         // We can't change the system timezone in the tests
-        /* istanbul ignore next */
+        /* v8 ignore next 3 */
         if (timezone !== 'UTC') {
           return defaultDayjs.tz(value, timezone);
         }
@@ -211,19 +213,19 @@ export class AdapterDayjs {
       return defaultDayjs(value);
     };
     this.createUTCDate = value => {
-      /* istanbul ignore next */
+      /* v8 ignore next 3 */
       if (!this.hasUTCPlugin()) {
         throw new Error(MISSING_UTC_PLUGIN);
       }
       return defaultDayjs.utc(value);
     };
     this.createTZDate = (value, timezone) => {
-      /* istanbul ignore next */
+      /* v8 ignore next 3 */
       if (!this.hasUTCPlugin()) {
         throw new Error(MISSING_UTC_PLUGIN);
       }
 
-      /* istanbul ignore next */
+      /* v8 ignore next 3 */
       if (!this.hasTimezonePlugin()) {
         throw new Error(MISSING_TIMEZONE_PLUGIN);
       }
@@ -235,10 +237,11 @@ export class AdapterDayjs {
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
-        /* istanbul ignore next */
+        /* v8 ignore start */
         if (process.env.NODE_ENV !== 'production') {
           warnOnce(['MUI X: Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale.', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale.']);
         }
+        /* v8 ignore stop */
         localeObject = locales.en;
       }
       return localeObject.formats;
@@ -257,7 +260,7 @@ export class AdapterDayjs {
       if (timezone !== 'UTC') {
         const fixedValue = value.tz(this.cleanTimezone(timezone), true);
         // TODO: Simplify the case when we raise the `dayjs` peer dep to 1.11.12 (https://github.com/iamkun/dayjs/releases/tag/v1.11.12)
-        /* istanbul ignore next */
+        /* v8 ignore next 3 */
         // @ts-ignore
         if (fixedValue.$offset === (value.$offset ?? 0)) {
           return value;
@@ -306,7 +309,7 @@ export class AdapterDayjs {
         return value;
       }
       if (timezone === 'UTC') {
-        /* istanbul ignore next */
+        /* v8 ignore next 3 */
         if (!this.hasUTCPlugin()) {
           throw new Error(MISSING_UTC_PLUGIN);
         }
@@ -324,7 +327,7 @@ export class AdapterDayjs {
           return value;
         }
 
-        /* istanbul ignore next */
+        /* v8 ignore next */
         throw new Error(MISSING_TIMEZONE_PLUGIN);
       }
       return defaultDayjs.tz(value, this.cleanTimezone(timezone));
@@ -342,7 +345,7 @@ export class AdapterDayjs {
       return this.locale || 'en';
     };
     this.is12HourCycleInCurrentLocale = () => {
-      /* istanbul ignore next */
+      /* v8 ignore next */
       return /A|a/.test(this.getLocaleFormats().LT || '');
     };
     this.expandFormat = format => {

package/esm/AdapterLuxon/AdapterLuxon.js

@@ -225,7 +225,7 @@ export class AdapterLuxon {
     this.getCurrentLocaleCode = () => {
       return this.locale;
     };
-    /* istanbul ignore next */
+    /* v8 ignore start */
     this.is12HourCycleInCurrentLocale = () => {
       if (typeof Intl === 'undefined' || typeof Intl.DateTimeFormat === 'undefined') {
         return true; // Luxon defaults to en-US if Intl not found
@@ -234,6 +234,7 @@ export class AdapterLuxon {
         hour: 'numeric'
       })?.resolvedOptions()?.hour12);
     };
+    /* v8 ignore stop */
     this.expandFormat = format => {
       // Extract escaped section to avoid extending them
       const catchEscapedSectionsRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
@@ -477,7 +478,7 @@ export class AdapterLuxon {
       return weeks;
     };
     this.getWeekNumber = value => {
-      /* istanbul ignore next */
+      /* v8 ignore next */
       return value.localWeekNumber ?? value.weekNumber;
     };
     this.getDayOfWeek = value => {

package/esm/AdapterMoment/AdapterMoment.js

@@ -186,7 +186,7 @@ export class AdapterMoment {
       return parsedValue.locale(this.locale);
     };
     this.createTZDate = (value, timezone) => {
-      /* istanbul ignore next */
+      /* v8 ignore next 3 */
       if (!this.hasTimezonePlugin()) {
         throw new Error(MISSING_TIMEZONE_PLUGIN);
       }
@@ -229,7 +229,7 @@ export class AdapterMoment {
         return value.clone().local();
       }
       if (!this.hasTimezonePlugin()) {
-        /* istanbul ignore next */
+        /* v8 ignore next 3 */
         if (timezone !== 'default') {
           throw new Error(MISSING_TIMEZONE_PLUGIN);
         }

package/esm/AdapterMomentHijri/AdapterMomentHijri.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
+/* v8 ignore next */
 import defaultHMoment from 'moment-hijri';
 import { AdapterMoment } from "../AdapterMoment/index.js";
 // From https://momentjs.com/docs/#/displaying/format/
@@ -147,9 +148,11 @@ export class AdapterMomentHijri extends AdapterMoment {
       }
       return this.moment(value).locale('ar-SA');
     };
+    /* v8 ignore next 3 */
     this.getTimezone = () => {
       return 'default';
     };
+    /* v8 ignore next 3 */
     this.setTimezone = value => {
       return value;
     };

package/esm/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
+/* v8 ignore next */
 import defaultJMoment from 'moment-jalaali';
 import { AdapterMoment } from "../AdapterMoment/index.js";
 // From https://momentjs.com/docs/#/displaying/format/

package/esm/DateCalendar/PickersFadeTransitionGroup.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["children"];
 import * as React from 'react';
@@ -46,10 +45,9 @@ export function PickersFadeTransitionGroup(inProps) {
   if (reduceAnimations) {
     return children;
   }
-  const ownerState = _extends({}, other);
   return /*#__PURE__*/_jsx(PickersFadeTransitionGroupRoot, {
     className: clsx(classes.root, className),
-    ownerState: ownerState,
+    ownerState: other,
     children: /*#__PURE__*/_jsx(Fade, {
       appear: false,
       mountOnEnter: true,

package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js

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

package/esm/DigitalClock/DigitalClock.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DigitalClockProps } from "./DigitalClock.types.js";
-export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style" | "dense" | "disabled" | "action" | "selected" | "autoFocus" | "className" | "tabIndex" | "children" | "sx" | "classes" | "disableGutters" | "divider" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "autoFocus" | "dense" | "tabIndex" | "classes" | "className" | "style" | "children" | "sx" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableGutters" | "divider" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 type DigitalClockComponent = ((props: DigitalClockProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/esm/DigitalClock/DigitalClock.js

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

package/esm/MultiSectionDigitalClock/MultiSectionDigitalClock.js

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

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

@@ -3,10 +3,10 @@ import { PickerLayoutOwnerState, PickersLayoutProps } from "./PickersLayout.type
 import { PickerValidValue } from "../internals/models/index.js";
 export declare const PickersLayoutRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
   ownerState: PickerLayoutOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 export declare const PickersLayoutContentWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
   ownerState: PickerLayoutOwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
 type PickersLayoutComponent = (<TValue extends PickerValidValue>(props: PickersLayoutProps<TValue> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/esm/PickersSectionList/PickersSectionList.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 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 PickersSectionListRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<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>>, {}>;
 export declare const PickersSectionListSectionContent: 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/PickersTextField/PickersFilledInput/pickersFilledInputClasses.d.ts

@@ -6,19 +6,19 @@ export interface PickersFilledInputClasses extends PickersInputBaseClasses {
 export type PickersFilledInputClassKey = keyof PickersFilledInputClasses;
 export declare function getPickersFilledInputUtilityClass(slot: string): string;
 export declare const pickersFilledInputClasses: {
-  underline: string;
-  input: string;
   root: string;
+  input: string;
+  underline: string;
+  sectionContent: string;
   disabled: string;
   readOnly: string;
-  error: string;
   focused: string;
-  adornedStart: string;
-  adornedEnd: string;
+  error: string;
   notchedOutline: string;
   sectionsContainer: string;
-  sectionContent: string;
   sectionBefore: string;
   sectionAfter: string;
+  adornedStart: string;
+  adornedEnd: string;
   activeBar: string;
 };

package/esm/PickersTextField/PickersInput/pickersInputClasses.d.ts

@@ -6,19 +6,19 @@ export interface PickersInputClasses extends PickersInputBaseClasses {
 export type PickersInputClassKey = keyof PickersInputClasses;
 export declare function getPickersInputUtilityClass(slot: string): string;
 export declare const pickersInputClasses: {
-  underline: string;
-  input: string;
   root: string;
+  input: string;
+  underline: string;
+  sectionContent: string;
   disabled: string;
   readOnly: string;
-  error: string;
   focused: string;
-  adornedStart: string;
-  adornedEnd: string;
+  error: string;
   notchedOutline: string;
   sectionsContainer: string;
-  sectionContent: string;
   sectionBefore: string;
   sectionAfter: string;
+  adornedStart: string;
+  adornedEnd: string;
   activeBar: string;
 };

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

@@ -3,8 +3,8 @@ import { PickersInputBaseProps } from "./PickersInputBase.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>>, {}>;
-export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PickersInputBaseSectionsContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement> | keyof React.ClassAttributes<HTMLDivElement> | keyof import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
   ownerState: PickerTextFieldOwnerState;
 }, {}, {}>;
 /**

package/esm/PickersTextField/PickersOutlinedInput/pickersOutlinedInputClasses.d.ts

@@ -6,18 +6,18 @@ export interface PickersOutlinedInputClasses extends PickersInputBaseClasses {
 export type PickersOutlinedInputClassKey = keyof PickersOutlinedInputClasses;
 export declare function getPickersOutlinedInputUtilityClass(slot: string): string;
 export declare const pickersOutlinedInputClasses: {
-  input: string;
   root: string;
+  input: string;
   notchedOutline: string;
+  sectionContent: string;
   disabled: string;
   readOnly: string;
-  error: string;
   focused: string;
-  adornedStart: string;
-  adornedEnd: string;
+  error: string;
   sectionsContainer: string;
-  sectionContent: string;
   sectionBefore: string;
   sectionAfter: string;
+  adornedStart: string;
+  adornedEnd: string;
   activeBar: string;
 };

package/esm/PickersTextField/PickersTextField.js

@@ -112,6 +112,13 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
   }), [fieldOwnerState, areAllSectionsEmpty, focused, error, props.size, color, fullWidth, startAdornment, endAdornment, InputProps?.startAdornment, InputProps?.endAdornment, label]);
   const classes = useUtilityClasses(classesProp, ownerState);
   const PickersInputComponent = VARIANT_COMPONENT[variant];
+  const inputAdditionalProps = {};
+  if (variant === 'outlined') {
+    if (InputLabelProps && typeof InputLabelProps.shrink !== 'undefined') {
+      inputAdditionalProps.notched = InputLabelProps.shrink;
+    }
+    inputAdditionalProps.label = label;
+  }
   return /*#__PURE__*/_jsx(PickerTextFieldOwnerStateContext.Provider, {
     value: ownerState,
     children: /*#__PURE__*/_jsxs(PickersTextFieldRoot, _extends({
@@ -159,7 +166,7 @@ const PickersTextField = /*#__PURE__*/React.forwardRef(function PickersTextField
         "aria-describedby": helperTextId,
         "aria-live": helperTextId ? 'polite' : undefined,
         "data-active-range-position": dataActiveRangePosition
-      }, InputProps)), helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({
+      }, inputAdditionalProps, InputProps)), helperText && /*#__PURE__*/_jsx(FormHelperText, _extends({
         id: helperTextId
       }, FormHelperTextProps, {
         children: helperText

package/esm/YearCalendar/yearCalendarClasses.d.ts

@@ -10,4 +10,4 @@ export interface YearCalendarClasses {
 }
 export type YearCalendarClassKey = keyof YearCalendarClasses;
 export declare function getYearCalendarUtilityClass(slot: string): string;
-export declare const yearCalendarClasses: Record<"button" | "disabled" | "selected" | "root", string>;
+export declare const yearCalendarClasses: Record<"root" | "disabled" | "button" | "selected", string>;

package/esm/index.js

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

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

@@ -16,4 +16,4 @@ export interface PickersArrowSwitcherClasses {
 }
 export type PickersArrowSwitcherClassKey = keyof PickersArrowSwitcherClasses;
 export declare function getPickersArrowSwitcherUtilityClass(slot: string): string;
-export declare const pickersArrowSwitcherClasses: Record<"button" | "root" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;
+export declare const pickersArrowSwitcherClasses: Record<"root" | "button" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;

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

@@ -8,4 +8,4 @@ export interface PickersToolbarClasses {
 }
 export type PickersToolbarClassKey = keyof PickersToolbarClasses;
 export declare function getPickersToolbarUtilityClass(slot: string): string;
-export declare const pickersToolbarClasses: Record<"content" | "title" | "root", string>;
+export declare const pickersToolbarClasses: Record<"root" | "content" | "title", string>;

package/index.js

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

package/internals/components/PickersArrowSwitcher/pickersArrowSwitcherClasses.d.ts

@@ -16,4 +16,4 @@ export interface PickersArrowSwitcherClasses {
 }
 export type PickersArrowSwitcherClassKey = keyof PickersArrowSwitcherClasses;
 export declare function getPickersArrowSwitcherUtilityClass(slot: string): string;
-export declare const pickersArrowSwitcherClasses: Record<"button" | "root" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;
+export declare const pickersArrowSwitcherClasses: Record<"root" | "button" | "spacer" | "previousIconButton" | "nextIconButton" | "leftArrowIcon" | "rightArrowIcon", string>;

package/internals/components/PickersModalDialog.js

@@ -40,13 +40,17 @@ function PickersModalDialog(props) {
     open
   } = (0, _hooks.usePickerContext)();
   const {
-    dismissViews
+    dismissViews,
+    onPopperExited
   } = (0, _usePickerPrivateContext.usePickerPrivateContext)();
   const Dialog = slots?.dialog ?? PickersModalDialogRoot;
   const Transition = slots?.mobileTransition ?? _Fade.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog, (0, _extends2.default)({
     open: open,
-    onClose: dismissViews
+    onClose: () => {
+      dismissViews();
+      onPopperExited?.();
+    }
   }, slotProps?.dialog, {
     TransitionComponent: Transition,
     TransitionProps: slotProps?.mobileTransition,

package/internals/components/pickersToolbarClasses.d.ts

@@ -8,4 +8,4 @@ export interface PickersToolbarClasses {
 }
 export type PickersToolbarClassKey = keyof PickersToolbarClasses;
 export declare function getPickersToolbarUtilityClass(slot: string): string;
-export declare const pickersToolbarClasses: Record<"content" | "title" | "root", string>;
+export declare const pickersToolbarClasses: Record<"root" | "content" | "title", string>;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.2.0",
-  "description": "The community edition of the Date and Time Picker components (MUI X).",
+  "version": "8.3.1",
   "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.2.0"
+    "@mui/x-internals": "8.3.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",