@mui/x-date-pickers 9.0.2 → 9.0.3

package/AdapterDateFnsBase/AdapterDateFnsBase.js

@@ -157,6 +157,20 @@ const formatTokenMap = {
     maxLength: 2
   },
   hh: 'hours',
+  // Hour [0-11] (12h cycle, 0-based) — date-fns only
+  K: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  KK: 'hours',
+  // Hour [1-24] (24h cycle, 1-based) — date-fns only
+  k: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  kk: 'hours',
   // Minutes
   m: {
     sectionType: 'minutes',

package/AdapterDateFnsBase/AdapterDateFnsBase.mjs

@@ -150,6 +150,20 @@ const formatTokenMap = {
     maxLength: 2
   },
   hh: 'hours',
+  // Hour [0-11] (12h cycle, 0-based) — date-fns only
+  K: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  KK: 'hours',
+  // Hour [1-24] (24h cycle, 1-based) — date-fns only
+  k: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  kk: 'hours',
   // Minutes
   m: {
     sectionType: 'minutes',

package/AdapterDayjs/AdapterDayjs.js

@@ -218,19 +218,7 @@ class AdapterDayjs {
     }
   };
   createSystemDate = value => {
-    let date;
-    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-      const timezone = _dayjs.default.tz.guess();
-      if (timezone === 'UTC') {
-        date = (0, _dayjs.default)(value);
-      } /* v8 ignore next 3 */else {
-        // We can't change the system timezone in the tests
-        date = _dayjs.default.tz(value, timezone);
-      }
-    } else {
-      date = (0, _dayjs.default)(value);
-    }
-    return this.setLocaleToValue(date);
+    return this.setLocaleToValue((0, _dayjs.default)(value));
   };
   createUTCDate = value => {
     /* v8 ignore next 3 */

package/AdapterDayjs/AdapterDayjs.mjs

@@ -208,19 +208,7 @@ export class AdapterDayjs {
     }
   };
   createSystemDate = value => {
-    let date;
-    if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-      const timezone = dayjs.tz.guess();
-      if (timezone === 'UTC') {
-        date = dayjs(value);
-      } /* v8 ignore next 3 */else {
-        // We can't change the system timezone in the tests
-        date = dayjs.tz(value, timezone);
-      }
-    } else {
-      date = dayjs(value);
-    }
-    return this.setLocaleToValue(date);
+    return this.setLocaleToValue(dayjs(value));
   };
   createUTCDate = value => {
     /* v8 ignore next 3 */

package/AdapterMoment/AdapterMoment.js

@@ -89,6 +89,12 @@ const formatTokenMap = {
     maxLength: 2
   },
   hh: 'hours',
+  k: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  kk: 'hours',
   // Minutes
   m: {
     sectionType: 'minutes',

package/AdapterMoment/AdapterMoment.mjs

@@ -82,6 +82,12 @@ const formatTokenMap = {
     maxLength: 2
   },
   hh: 'hours',
+  k: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  kk: 'hours',
   // Minutes
   m: {
     sectionType: 'minutes',

package/CHANGELOG.md

@@ -1,5 +1,141 @@
 # Changelog
 
+## 9.0.3
+
+_Apr 27, 2026_
+
+We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- ⌨️ Keyboard support for creating events in the Scheduler
+
+Special thanks go out to these community members for their valuable contributions:
+@supunsathsara, @ZAKIURREHMAN
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @brijeshb42, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @rita-codes, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.3`
+
+- [DataGrid] Fix `:first-child` SSR warning when `MuiDataGrid.styleOverrides` is set (#22081) @siriwatknp
+- [DataGrid] Fix row reordering when filter hides rows (#22096) @siriwatknp
+- [DataGrid] Remove unused `LayoutDataGridLegacy` class (#22009) @romgrk
+- [DataGrid] Remove unused code, clean up grid-related utilities and deprecate `GridPanelHeader` (#22112) @sai6855
+- [DataGrid] Fix columns cutting off after resizing (#22088) @ZAKIURREHMAN
+
+#### `@mui/x-data-grid-pro@9.0.3` [![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@9.0.3`.
+
+#### `@mui/x-data-grid-premium@9.0.3` [![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@9.0.3`, plus:
+
+- [DataGridPremium] Fix row grouping model updates not being reflected (#22122) @MBilalShafi
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.3`
+
+- [pickers] Fix `DateRangeCalendar` drag with `AdapterDayjs` plain-constructor values (#22165) @LukasTy
+- [pickers] Fix disabled state not overriding error border color (#21169) @supunsathsara
+- [pickers] Forward `data-*` and `aria-*` attributes to the root (#22147) @LukasTy
+- [pickers] Support `K` and `k` hour format tokens (#22108) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.3` [![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@9.0.3`, plus:
+
+- [DateRangeCalendar] Ensure date dragging triggers regardless of trigger element (#21868) @michelengelen
+
+### Charts
+
+#### `@mui/x-charts@9.0.3`
+
+- [charts] Centralize WebGL clear/render cycle (context-based) (#22127) @JCQuintas
+- [charts] Fix closest series detection for line charts (#22168) @alexfauquette
+- [charts] Fix radius grid lines when axis uses point scale (#22134) @alexfauquette
+- [charts] Use cubic solver for berzier intersection (#22152) @alexfauquette
+
+#### `@mui/x-charts-pro@9.0.3` [![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@9.0.3`, plus:
+
+- [charts-pro] Fix wheel zoom clamping with custom `minStart`/`maxEnd` (#22159) @JCQuintas
+
+#### `@mui/x-charts-premium@9.0.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.0.3`, plus:
+
+- [charts] Create a `'radialLine'` series type (#22066) @alexfauquette
+- [charts] Plot radial line (#22133) @alexfauquette
+- [charts] Remove `HeatmapWebGLRenderer` indirection (#22169) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.2` [![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@9.0.2`.
+
+### Scheduler
+
+#### Breaking changes
+
+- The `views` of `EventTimelinePremium` have been renamed to `presets`, with names that describe the header layout. The props `view`/`defaultView`/`views`/`onViewChange` are now `preset`/`defaultPreset`/`presets`/`onPresetChange`, and the type `EventTimelinePremiumView` is now `EventTimelinePremiumPreset`.
+
+| Old      | New            |
+| :------- | :------------- |
+| `time`   | `dayAndHour`   |
+| `days`   | `day`          |
+| `weeks`  | `dayAndWeek`   |
+| `months` | `monthAndYear` |
+| `years`  | `year`         |
+
+CSS variables (`--time-cell-width`, etc.) and headless store state (`state.view`, `setView`) follow the same rename. The `presets` array is now sorted internally against a canonical zoom order.
+
+#### `@mui/x-scheduler@9.0.0-alpha.3`
+
+- [scheduler] Allow creating events via keyboard - EventCalendar (#21967) @rita-codes
+- [scheduler] Prefix element IDs with a unique Scheduler instance ID (#22109) @rita-codes
+
+#### `@mui/x-scheduler-premium@9.0.0-alpha.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-alpha.3`.
+
+- [scheduler] Allow creating events via keyboard - `EventTimeline` (#22119) @rita-codes
+- [scheduler] Rename `EventTimeline` `views` to ordered presets (#22130) @rita-codes
+
+### Docs
+
+- [docs] Cleanup generated llm md files for chat (#22163) @brijeshb42
+- [docs] Fix `highlightScope` description (#22154) @alexfauquette
+- [docs] Remove obsolete v7 deprecation warning for `dayOfWeekFormatter` (#22111) @LukasTy
+- [docs] Use mui.com for broken links checker known targets (#22129) @JCQuintas
+- [docs] Document picker behavior inside MUI `Dialog` and provide recommended solutions (#22144) @michelengelen
+- [docs] Improve v9 license key version mismatch error guidance (#22180) @aemartos
+
+### Core
+
+- [code-infra] Reduce concurrency for package build to 5 (#22115) @Janpot
+- [code-infra] Rename `docsx` alias to `docs` (#22155) @brijeshb42
+- [docs-infra] Remove monorepo dependency (#22025) @brijeshb42
+- [docs-infra] Use latest published packages (#22086) @brijeshb42
+- [test] Refactor Pickers tests to async user-event (#22043) @LukasTy
+- [test] Remove redundant explicit `unmount()` calls from Pickers tests (#22118) @LukasTy
+
+### Miscellaneous
+
+- [infra] Update `.gitignore` to exclude `.claude/worktrees` (#22145) @michelengelen
+- [infra] Enable branch tracking when creating release branch (#22177) @michelengelen
+- [license] Add MIT license to `x-virtualizer` package (#22164) @michelengelen
+- [website] Fix outdated MUI logos (#22117) @oliviertassinari
+- [internal] Try avoiding store update when virtualization is disabled (#22093) @arminmeh
+
 ## 9.0.2
 
 <!-- generated comparing v9.0.1..master -->

package/PickersLayout/PickersLayout.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PickersLayoutRoot = exports.PickersLayoutContentWrapper = exports.PickersLayout = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,6 +18,7 @@ var _pickersLayoutClasses = require("./pickersLayoutClasses");
 var _usePickerLayout = _interopRequireDefault(require("./usePickerLayout"));
 var _usePickerContext = require("../hooks/usePickerContext");
 var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["sx", "className", "classes", "children", "slots", "slotProps"];
 const useUtilityClasses = (classes, ownerState) => {
   const {
     pickerOrientation
@@ -126,16 +129,18 @@ const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(func
     variant
   } = (0, _usePickerContext.usePickerContext)();
   const {
-    sx,
-    className,
-    classes: classesProp
-  } = props;
+      sx,
+      className,
+      classes: classesProp
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(classesProp, ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersLayoutRoot, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersLayoutRoot, (0, _extends2.default)({
     ref: ref,
     sx: sx,
     className: (0, _clsx.default)(classes.root, className),
-    ownerState: ownerState,
+    ownerState: ownerState
+  }, other, {
     children: [orientation === 'landscape' ? shortcuts : toolbar, orientation === 'landscape' ? toolbar : shortcuts, /*#__PURE__*/(0, _jsxRuntime.jsx)(PickersLayoutContentWrapper, {
       className: classes.contentWrapper,
       ownerState: ownerState,
@@ -145,7 +150,7 @@ const PickersLayout = exports.PickersLayout = /*#__PURE__*/React.forwardRef(func
         children: [tabs, content]
       })
     }), actionBar]
-  });
+  }));
 });
 if (process.env.NODE_ENV !== "production") PickersLayout.displayName = "PickersLayout";
 process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {

package/PickersLayout/PickersLayout.mjs

@@ -1,5 +1,8 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["sx", "className", "classes", "children", "slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -119,16 +122,18 @@ const PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inPro
     variant
   } = usePickerContext();
   const {
-    sx,
-    className,
-    classes: classesProp
-  } = props;
+      sx,
+      className,
+      classes: classesProp
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const classes = useUtilityClasses(classesProp, ownerState);
-  return /*#__PURE__*/_jsxs(PickersLayoutRoot, {
+  return /*#__PURE__*/_jsxs(PickersLayoutRoot, _extends({
     ref: ref,
     sx: sx,
     className: clsx(classes.root, className),
-    ownerState: ownerState,
+    ownerState: ownerState
+  }, other, {
     children: [orientation === 'landscape' ? shortcuts : toolbar, orientation === 'landscape' ? toolbar : shortcuts, /*#__PURE__*/_jsx(PickersLayoutContentWrapper, {
       className: classes.contentWrapper,
       ownerState: ownerState,
@@ -138,7 +143,7 @@ const PickersLayout = /*#__PURE__*/React.forwardRef(function PickersLayout(inPro
         children: [tabs, content]
       })
     }), actionBar]
-  });
+  }));
 });
 if (process.env.NODE_ENV !== "production") PickersLayout.displayName = "PickersLayout";
 process.env.NODE_ENV !== "production" ? PickersLayout.propTypes = {

package/PickersLayout/PickersLayout.types.d.mts

@@ -74,7 +74,7 @@ export interface PickersLayoutSlotProps<TValue extends PickerValidValue> extends
    */
   toolbar?: ExportedBaseToolbarProps;
 }
-export interface PickersLayoutProps<TValue extends PickerValidValue> {
+export interface PickersLayoutProps<TValue extends PickerValidValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
   className?: string;
   children?: React.ReactNode;
   /**

package/PickersLayout/PickersLayout.types.d.ts

@@ -74,7 +74,7 @@ export interface PickersLayoutSlotProps<TValue extends PickerValidValue> extends
    */
   toolbar?: ExportedBaseToolbarProps;
 }
-export interface PickersLayoutProps<TValue extends PickerValidValue> {
+export interface PickersLayoutProps<TValue extends PickerValidValue> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
   className?: string;
   children?: React.ReactNode;
   /**

package/PickersTextField/PickersFilledInput/PickersFilledInput.js

@@ -75,7 +75,7 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
         '&::after': {
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '""',
           position: 'absolute',
           right: 0,
@@ -100,7 +100,7 @@ const PickersFilledInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInp
           borderBottom: `1px solid ${theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, theme.vars.opacity.inputUnderline) : bottomLineColor}`,
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '"\\00a0"',
           position: 'absolute',
           right: 0,

package/PickersTextField/PickersFilledInput/PickersFilledInput.mjs

@@ -68,7 +68,7 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
         '&::after': {
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '""',
           position: 'absolute',
           right: 0,
@@ -93,7 +93,7 @@ const PickersFilledInputRoot = styled(PickersInputBaseRoot, {
           borderBottom: `1px solid ${theme.vars ? theme.alpha(theme.vars.palette.common.onBackground, theme.vars.opacity.inputUnderline) : bottomLineColor}`,
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '"\\00a0"',
           position: 'absolute',
           right: 0,

package/PickersTextField/PickersInput/PickersInput.js

@@ -59,7 +59,7 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
           background: 'red',
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '""',
           position: 'absolute',
           right: 0,
@@ -84,7 +84,7 @@ const PickersInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersInputBase
           borderBottom: `1px solid ${bottomLineColor}`,
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '"\\00a0"',
           position: 'absolute',
           right: 0,

package/PickersTextField/PickersInput/PickersInput.mjs

@@ -52,7 +52,7 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
           background: 'red',
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '""',
           position: 'absolute',
           right: 0,
@@ -77,7 +77,7 @@ const PickersInputRoot = styled(PickersInputBaseRoot, {
           borderBottom: `1px solid ${bottomLineColor}`,
           left: 0,
           bottom: 0,
-          // Doing the other way around crash on IE11 "''" https://github.com/cssinjs/jss/issues/242
+          // Doing the other way around crash on IE 11 "''" https://github.com/cssinjs/jss/issues/242
           content: '"\\00a0"',
           position: 'absolute',
           right: 0,

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -44,6 +44,9 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
       borderStyle: 'solid',
       borderWidth: 2
     },
+    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.error.main
+    },
     [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.disabled}`]: {
       [`& .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
@@ -52,9 +55,6 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
         color: (theme.vars || theme).palette.action.disabled
       }
     },
-    [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.error} .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.mjs

@@ -37,6 +37,9 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
       borderStyle: 'solid',
       borderWidth: 2
     },
+    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
+      borderColor: (theme.vars || theme).palette.error.main
+    },
     [`&.${pickersOutlinedInputClasses.disabled}`]: {
       [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
@@ -45,9 +48,6 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
         color: (theme.vars || theme).palette.action.disabled
       }
     },
-    [`&.${pickersOutlinedInputClasses.error} .${pickersOutlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    },
     variants: Object.keys((theme.vars ?? theme).palette)
     // @ts-ignore
     .filter(key => (theme.vars ?? theme).palette[key]?.main ?? false).map(color => ({

package/index.js

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

package/index.mjs

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

package/internals/components/PickerPopper/PickerPopper.js

@@ -112,7 +112,7 @@ function useClickAwayListener(active, onClickAway) {
     syntheticEventRef.current = false;
     const doc = (0, _ownerDocument.default)(nodeRef.current);
 
-    // 1. IE11 support, which trigger the handleClickAway even after the unbind
+    // 1. IE 11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
     // 3. Behave like a blur listener.
     if (!nodeRef.current ||

package/internals/components/PickerPopper/PickerPopper.mjs

@@ -105,7 +105,7 @@ function useClickAwayListener(active, onClickAway) {
     syntheticEventRef.current = false;
     const doc = ownerDocument(nodeRef.current);
 
-    // 1. IE11 support, which trigger the handleClickAway even after the unbind
+    // 1. IE 11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
     // 3. Behave like a blur listener.
     if (!nodeRef.current ||

package/internals/hooks/useDesktopPicker/useDesktopPicker.js

@@ -13,6 +13,7 @@ var _usePicker = require("../usePicker");
 var _PickersLayout = require("../../../PickersLayout");
 var _PickerProvider = require("../../components/PickerProvider");
 var _createNonRangePickerStepNavigation = require("../../utils/createNonRangePickerStepNavigation");
+var _utils = require("../../utils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "steps"],
   _excluded2 = ["ownerState"];
@@ -56,6 +57,7 @@ const useDesktopPicker = _ref => {
   const _useSlotProps = (0, _useSlotProps2.default)({
       elementType: Field,
       externalSlotProps: innerSlotProps?.field,
+      externalForwardedProps: (0, _utils.extractRootForwardedProps)(props),
       additionalProps: (0, _extends2.default)({}, isToolbarHidden && {
         id: labelId
       }),

package/internals/hooks/useDesktopPicker/useDesktopPicker.mjs

@@ -8,6 +8,7 @@ import { usePicker } from "../usePicker/index.mjs";
 import { PickersLayout } from "../../../PickersLayout/index.mjs";
 import { PickerProvider } from "../../components/PickerProvider.mjs";
 import { createNonRangePickerStepNavigation } from "../../utils/createNonRangePickerStepNavigation.mjs";
+import { extractRootForwardedProps } from "../../utils/utils.mjs";
 
 /**
  * Hook managing all the single-date desktop pickers:
@@ -50,6 +51,7 @@ export const useDesktopPicker = _ref => {
   const _useSlotProps = useSlotProps({
       elementType: Field,
       externalSlotProps: innerSlotProps?.field,
+      externalForwardedProps: extractRootForwardedProps(props),
       additionalProps: _extends({}, isToolbarHidden && {
         id: labelId
       }),

package/internals/hooks/useField/useField.utils.js

@@ -306,13 +306,33 @@ const getSectionsBoundaries = (adapter, localizedDigits, timezone) => {
       format
     }) => {
       const lastHourInDay = adapter.getHours(endOfDay);
-      const hasMeridiem = removeLocalizedDigits(adapter.formatByString(adapter.endOfDay(today), format), localizedDigits) !== lastHourInDay.toString();
+      const formattedMidnight = Number(removeLocalizedDigits(adapter.formatByString(adapter.startOfDay(today), format), localizedDigits));
+      const formattedEndOfDay = Number(removeLocalizedDigits(adapter.formatByString(adapter.endOfDay(today), format), localizedDigits));
+      const hasMeridiem = formattedEndOfDay !== lastHourInDay;
       if (hasMeridiem) {
+        // K/KK format (hour 0-11): midnight formats as 0
+        if (formattedMidnight === 0) {
+          return {
+            minimum: 0,
+            maximum: formattedEndOfDay
+          };
+        }
+        // h/hh format (hour 1-12): midnight formats as 12
         return {
           minimum: 1,
-          maximum: Number(removeLocalizedDigits(adapter.formatByString(adapter.startOfDay(today), format), localizedDigits))
+          maximum: formattedMidnight
         };
       }
+
+      // k/kk format (hour 1-24): midnight formats as 24 (> lastHourInDay)
+      if (formattedMidnight > lastHourInDay) {
+        return {
+          minimum: 1,
+          maximum: formattedMidnight
+        };
+      }
+
+      // H/HH format (hour 0-23)
       return {
         minimum: 0,
         maximum: lastHourInDay

package/internals/hooks/useField/useField.utils.mjs

@@ -285,13 +285,33 @@ export const getSectionsBoundaries = (adapter, localizedDigits, timezone) => {
       format
     }) => {
       const lastHourInDay = adapter.getHours(endOfDay);
-      const hasMeridiem = removeLocalizedDigits(adapter.formatByString(adapter.endOfDay(today), format), localizedDigits) !== lastHourInDay.toString();
+      const formattedMidnight = Number(removeLocalizedDigits(adapter.formatByString(adapter.startOfDay(today), format), localizedDigits));
+      const formattedEndOfDay = Number(removeLocalizedDigits(adapter.formatByString(adapter.endOfDay(today), format), localizedDigits));
+      const hasMeridiem = formattedEndOfDay !== lastHourInDay;
       if (hasMeridiem) {
+        // K/KK format (hour 0-11): midnight formats as 0
+        if (formattedMidnight === 0) {
+          return {
+            minimum: 0,
+            maximum: formattedEndOfDay
+          };
+        }
+        // h/hh format (hour 1-12): midnight formats as 12
         return {
           minimum: 1,
-          maximum: Number(removeLocalizedDigits(adapter.formatByString(adapter.startOfDay(today), format), localizedDigits))
+          maximum: formattedMidnight
         };
       }
+
+      // k/kk format (hour 1-24): midnight formats as 24 (> lastHourInDay)
+      if (formattedMidnight > lastHourInDay) {
+        return {
+          minimum: 1,
+          maximum: formattedMidnight
+        };
+      }
+
+      // H/HH format (hour 0-23)
       return {
         minimum: 0,
         maximum: lastHourInDay

package/internals/hooks/useField/useFieldRootProps.js

@@ -60,7 +60,7 @@ function useFieldRootProps(parameters) {
     // eslint-disable-next-line default-case
     switch (true) {
       // Select all
-      case (event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'A' && !event.shiftKey && !event.altKey:
+      case (event.ctrlKey || event.metaKey) && (event.key?.toUpperCase() === 'A' || String.fromCharCode(event.keyCode) === 'A') && !event.shiftKey && !event.altKey:
         {
           // prevent default to make sure that the next line "select all" while updating
           // the internal state at the same time.

package/internals/hooks/useField/useFieldRootProps.mjs

@@ -54,7 +54,7 @@ export function useFieldRootProps(parameters) {
     // eslint-disable-next-line default-case
     switch (true) {
       // Select all
-      case (event.ctrlKey || event.metaKey) && String.fromCharCode(event.keyCode) === 'A' && !event.shiftKey && !event.altKey:
+      case (event.ctrlKey || event.metaKey) && (event.key?.toUpperCase() === 'A' || String.fromCharCode(event.keyCode) === 'A') && !event.shiftKey && !event.altKey:
         {
           // prevent default to make sure that the next line "select all" while updating
           // the internal state at the same time.