@mui/x-date-pickers 8.2.0 → 8.3.1

package/AdapterDayjs/AdapterDayjs.js

@@ -14,11 +14,13 @@ var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween.js"));
 var _advancedFormat = _interopRequireDefault(require("dayjs/plugin/advancedFormat.js"));
 var _warning = require("@mui/x-internals/warning");
 /* eslint-disable class-methods-use-this */
+/* v8 ignore start */
 
 // dayjs has no exports field defined
 // See https://github.com/iamkun/dayjs/issues/2562
 /* eslint-disable import/extensions */
 
+/* v8 ignore stop */
 /* eslint-enable import/extensions */
 
 _dayjs.default.extend(_localizedFormat.default);
@@ -212,7 +214,7 @@ class AdapterDayjs {
         const timezone = _dayjs.default.tz.guess();
 
         // We can't change the system timezone in the tests
-        /* istanbul ignore next */
+        /* v8 ignore next 3 */
         if (timezone !== 'UTC') {
           return _dayjs.default.tz(value, timezone);
         }
@@ -221,19 +223,19 @@ class AdapterDayjs {
       return (0, _dayjs.default)(value);
     };
     this.createUTCDate = value => {
-      /* istanbul ignore next */
+      /* v8 ignore next 3 */
       if (!this.hasUTCPlugin()) {
         throw new Error(MISSING_UTC_PLUGIN);
       }
       return _dayjs.default.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);
       }
@@ -245,10 +247,11 @@ 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') {
           (0, _warning.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;
@@ -267,7 +270,7 @@ 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;
@@ -316,7 +319,7 @@ class AdapterDayjs {
         return value;
       }
       if (timezone === 'UTC') {
-        /* istanbul ignore next */
+        /* v8 ignore next 3 */
         if (!this.hasUTCPlugin()) {
           throw new Error(MISSING_UTC_PLUGIN);
         }
@@ -334,7 +337,7 @@ class AdapterDayjs {
           return value;
         }
 
-        /* istanbul ignore next */
+        /* v8 ignore next */
         throw new Error(MISSING_TIMEZONE_PLUGIN);
       }
       return _dayjs.default.tz(value, this.cleanTimezone(timezone));
@@ -352,7 +355,7 @@ 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/AdapterLuxon/AdapterLuxon.js

@@ -233,7 +233,7 @@ 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
@@ -242,6 +242,7 @@ class AdapterLuxon {
         hour: 'numeric'
       })?.resolvedOptions()?.hour12);
     };
+    /* v8 ignore stop */
     this.expandFormat = format => {
       // Extract escaped section to avoid extending them
       const catchEscapedSectionsRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
@@ -485,7 +486,7 @@ class AdapterLuxon {
       return weeks;
     };
     this.getWeekNumber = value => {
-      /* istanbul ignore next */
+      /* v8 ignore next */
       return value.localWeekNumber ?? value.weekNumber;
     };
     this.getDayOfWeek = value => {

package/AdapterMoment/AdapterMoment.js

@@ -194,7 +194,7 @@ 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);
       }
@@ -237,7 +237,7 @@ 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/AdapterMomentHijri/AdapterMomentHijri.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _momentHijri = _interopRequireDefault(require("moment-hijri"));
 var _AdapterMoment = require("../AdapterMoment");
 /* eslint-disable class-methods-use-this */
+/* v8 ignore next */
 
 // From https://momentjs.com/docs/#/displaying/format/
 const formatTokenMap = {
@@ -155,9 +156,11 @@ class AdapterMomentHijri extends _AdapterMoment.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/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _momentJalaali = _interopRequireDefault(require("moment-jalaali"));
 var _AdapterMoment = require("../AdapterMoment");
 /* eslint-disable class-methods-use-this */
+/* v8 ignore next */
 
 // From https://momentjs.com/docs/#/displaying/format/
 const formatTokenMap = {

package/CHANGELOG.md

@@ -5,6 +5,201 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.3.1
+
+_May 14, 2025_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Norwegian Bokmål (nb-NO) locale on the Data Grid
+- 🌍 Improve Korean (ko-KR) locale on the Data Grid and Pickers
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@100pearlcent, @htollefsen, @JanPretzel, @sai6855.
+Following are all team members who have contributed to this release:
+@bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @MBilalShafi, @oliviertassinari, @prakhargupta1.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.3.1`
+
+- [DataGrid] Add `reason` param for `onRowSelectionModelChange` callback (#17545) @sai6855
+- [DataGrid] Fix `renderContext` calculation loop (#17779) @cherniavskii
+- [DataGrid] Fix column spanning jump on scroll (#17759) @cherniavskii
+- [DataGrid] Fix material augmentation not working (#17761) @cherniavskii
+- [DataGrid] Use arguments selector for checkbox props (#17683) @MBilalShafi
+- [l10n] Improve Norwegian Bokmål (nb-NO) locale (#17766) @htollefsen
+- [l10n] Improve Korean (ko-KR) locale (#17484) @100pearlcent
+
+#### `@mui/x-data-grid-pro@8.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.3.1`.
+
+#### `@mui/x-data-grid-premium@8.3.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.3.1`, plus:
+
+- [DataGridPremium] Fix aggregation label not being used in pivot panel (#17760) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.3.1`
+
+- [fields] Add notch to the field outlined when the label is manually shrank (#17620) @flaviendelangle
+- [l10n] Improve Korean (ko-KR) locale (#17484) @100pearlcent
+
+#### `@mui/x-date-pickers-pro@8.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.3.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.3.1`
+
+- [charts] Fix infinite tick number when zoom range is zero (#17750) @bernardobelchior
+- [charts] Improve tick rendering performance (#17755) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.3.1`, plus:
+
+- [charts-pro] Fix ESM build issue with Vite (#17774) @bernardobelchior
+- [charts-pro] Add benchmark for zoomed in scatter chart (#17756) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.3.1`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.3.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.3.1`.
+
+### Docs
+
+- [docs] Fix 301 to Next.js docs for license @oliviertassinari
+- [docs] Fix AI assistant API URL (#17745) @oliviertassinari
+- [docs] Fix heading structure in README @oliviertassinari
+- [docs] Fix translation keys documentation (#17811) @JanPretzel
+- [docs] Improve CHANGELOG format @oliviertassinari
+
+### Core
+
+- [core] Apply YAML convention, blank line only at top level @oliviertassinari
+- [code-infra] Fix dynamic import missing extensions (#17767) @Janpot
+- [code-infra] Replace `mocha` with `vitest` for browser & jsdom tests (#14508) @JCQuintas
+- [scheduler] Create the package and setup a private doc page (#17239) @flaviendelangle
+
+## 8.3.0
+
+_May 8, 2025_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Added new styling options and shapes for `<FunnelChart />`, including `variant`, `borderRadius`, `pyramid`, and `step-pyramid` curves.
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to this community member for a valuable contribution: @ptuukkan.
+Team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @rita-codes, @romgrk.
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.3.0`
+
+- [DataGrid] Fix cell editing of computed columns with data source (#17684) @ptuukkan
+- [DataGrid] Fix lazy loading crash with `isRowSelectable` prop (#17629) @MBilalShafi
+- [DataGrid] Fix: use CSS nonce (#17726) @romgrk
+- [DataGrid] Ignore `preProcessEditCellProps` for non-editable columns when starting a row update (#17732) @arminmeh
+- [DataGrid] Avoid applying row selection propagation on filtered rows (#17739) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@8.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.3.0`.
+
+#### `@mui/x-data-grid-premium@8.3.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.3.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.3.0`
+
+- [DateTimePicker] Fix focus behavior on desktop variant (#17719) @LukasTy
+- [pickers] Avoid `DigitalClock` stealing focus from a Picker open button on close (#17686) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.3.0`, plus:
+
+- [DateRangePicker] Fix to reset range position after closing mobile Picker (#17631) @LukasTy
+
+### Charts
+
+- The `<FunnelChart />` series now accepts a `variant='outlined'` prop for a simpler style.
+  <img width="398" alt="Screenshot 2025-05-06 at 20 36 12" src="https://github.com/user-attachments/assets/00fef14f-9026-421e-a4b6-7e081adce1e8" />
+
+- Add a `borderRadius` property to `<FunnelChart />`. All funnels have `8px` as a default value.
+  <img width="386" alt="Screenshot 2025-05-06 at 14 00 20" src="https://github.com/user-attachments/assets/4f4cc0e7-01ce-4ed6-a0e1-a387f78def23" />
+
+- Add a `pyramid` curve to `<FunnelChart />`, which allows creation of a pyramid-shaped funnel.
+  <img width="344" alt="Screenshot 2025-05-06 at 14 32 59" src="https://github.com/user-attachments/assets/0b2896e0-0478-4766-bb1b-258a4977a751" />
+
+- Add a `step-pyramid` curve to `<FunnelChart />`, which creates a stepped-pyramid like shape.
+  <img width="344" alt="Screenshot 2025-05-06 at 14 33 03" src="https://github.com/user-attachments/assets/894f0ab3-7898-40fe-b0df-560feea4085a" />
+
+#### `@mui/x-charts@8.3.0`
+
+- [charts] Add charts toolbar with zoom options (#17615) @bernardobelchior
+- [charts] Add zoom slider (#17496) @bernardobelchior
+- [charts] Cleanup compiler warnings (#17360) @alexfauquette
+- [charts] Fix `<PieArcLabel />` not taking `arcLabelRadius` into account (#17655) @bernardobelchior
+- [charts] Fix spark line not having clip path (#17501) @bernardobelchior
+- [charts] Fix type issue with ESM (#17624) @alexfauquette
+- [charts] Improve `<MarkElement />` performance (#17546) @bernardobelchior
+- [charts] Rename `materialSlots` internal constant (#17710) @bernardobelchior
+- [charts] Update zoom slider design (#17682) @bernardobelchior
+- [charts] Fix zoom being documented as available for heatmap (#17657) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.3.0`, plus:
+
+- [charts-pro] Add `pyramid` curve to `<FunnelChart />` (#17665) @JCQuintas
+- [charts-pro] Add `variant='outlined'` to `<FunnelChart />` series (#17661) @JCQuintas
+- [charts-pro] Add a `borderRadius` property to `<FunnelChart />` (#17660) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@8.3.0`
+
+- [tree view] Bug fix - Escape does not cancel Drag n Drop (#17735) @rita-codes
+- [tree view] Fix keyboard navigation error (#17685) @rita-codes
+- [tree view] Continue cleaning the plugin system (#17386) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.3.0`.
+
+### Docs
+
+- [charts] Add population pyramid demo (#17652) @bernardobelchior
+- [charts] Fix randomised argos test (#17658) @JCQuintas
+- [docs] Make preview messaging consistent in charts @bernardobelchior
+
+### Core
+
+- [code-infra] Avoid `node` types in the built packages (#17533) @LukasTy
+- [code-infra] Add `pkg.pr.new` publishing (#17402) @Janpot
+- [code-infra] Normalize author package in org @oliviertassinari
+- [code-infra] Remove required checkout step (#17729) @JCQuintas
+- [docs-infra] Normalize netlify.toml in org @oliviertassinari
+
 ## 8.2.0
 
 _May 1, 2025_
@@ -424,8 +619,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
 - 📚 Documentation improvements
 - 🐞 Bugfixes
 
-Team members who have contributed to this release:
-@bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @noraleonte, @romgrk, @alexfauquette.
+Team members who have contributed to this release: @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @noraleonte, @romgrk, @alexfauquette.
 
 <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
 
@@ -738,7 +932,7 @@ We'd like to offer a big thanks to the 21 contributors who made this release pos
 - 🌍 Improve Chinese (zh-CN), (zh-HK), (zh-TW), Czech (cs-CZ), Korean (ko-KR) and Slovak (sk-Sk) locales on the Data Grid
 - 🌍 Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales on the Pickers
 
-## Breaking changes
+### Breaking changes
 
 - ℹ️ The peer dependency on `@mui/material` has been updated to accept only v7.
   This has been done to increase the adoption rate of ESM.
@@ -751,7 +945,7 @@ Following are all team members who have contributed to this release:
 
 <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
 
-## Alpha release highlights
+### Alpha release highlights
 
 Below are the highlights of the alpha releases leading up to this beta release:
 
@@ -3045,8 +3239,7 @@ We'd like to offer a big thanks to the 4 contributors who made this release poss
 
 - 🐞 Bugfixes
 
-Team members who have contributed to this release:
-@arminmeh, @cherniavskii, @LukasTy, @michelengelen.
+Team members who have contributed to this release: @arminmeh, @cherniavskii, @LukasTy, @michelengelen.
 
 <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
 

package/DateCalendar/PickersFadeTransitionGroup.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickersFadeTransitionGroup = PickersFadeTransitionGroup;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -54,10 +53,9 @@ function PickersFadeTransitionGroup(inProps) {
   if (reduceAnimations) {
     return children;
   }
-  const ownerState = (0, _extends2.default)({}, other);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersFadeTransitionGroupRoot, {
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
+    ownerState: other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fade.default, {
       appear: false,
       mountOnEnter: true,

package/DesktopDateTimePicker/DesktopDateTimePicker.js

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

package/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/DigitalClock/DigitalClock.js

@@ -19,6 +19,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _usePickerTranslations = require("../hooks/usePickerTranslations");
 var _useUtils = require("../internals/hooks/useUtils");
 var _timeUtils = require("../internals/utils/time-utils");
@@ -196,7 +197,7 @@ const DigitalClock = exports.DigitalClock = /*#__PURE__*/React.forwardRef(functi
   const handleItemSelect = (0, _useEventCallback.default)(newValue => {
     setValueAndGoToNextView(newValue, 'finish');
   });
-  React.useEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (containerRef.current === null) {
       return;
     }

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -340,7 +340,7 @@ const MultiSectionDigitalClock = exports.MultiSectionDigitalClock = /*#__PURE__*
       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/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js

@@ -16,6 +16,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _multiSectionDigitalClockSectionClasses = require("./multiSectionDigitalClockSectionClasses");
 var _dimensions = require("../internals/constants/dimensions");
 var _utils = require("../internals/utils/utils");
@@ -131,7 +132,7 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
   });
   const classes = useUtilityClasses(classesProp);
   const DigitalClockSectionItem = slots?.digitalClockSectionItem ?? MultiSectionDigitalClockSectionItem;
-  React.useEffect(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (containerRef.current === null) {
       return;
     }

package/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/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/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/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/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/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/PickersTextField/PickersTextField.js

@@ -119,6 +119,13 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
   }), [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__*/(0, _jsxRuntime.jsx)(_usePickerTextFieldOwnerState.PickerTextFieldOwnerStateContext.Provider, {
     value: ownerState,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersTextFieldRoot, (0, _extends2.default)({
@@ -166,7 +173,7 @@ const PickersTextField = exports.PickersTextField = /*#__PURE__*/React.forwardRe
         "aria-describedby": helperTextId,
         "aria-live": helperTextId ? 'polite' : undefined,
         "data-active-range-position": dataActiveRangePosition
-      }, InputProps)), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, (0, _extends2.default)({
+      }, inputAdditionalProps, InputProps)), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, (0, _extends2.default)({
         id: helperTextId
       }, FormHelperTextProps, {
         children: helperText

package/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>;