@mui/x-date-pickers 9.1.0 → 9.3.0

package/CHANGELOG.md

@@ -1,5 +1,226 @@
 # Changelog
 
+## 9.3.0
+
+_May 21, 2026_
+
+We'd like to extend a big thank you to the 16 contributors who made this release possible. Here are some highlights ✨:
+
+- 📆 Refactor Calendar Range drag editing to use Pointer Events instead of drag and touch events combination (#22279)
+- ✨ Apply lazy loading to `EventTimelinePremium` (#22308)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌎 Added Norwegian bokmål (nb-NO) locale to the Scheduler
+- 🌎 Improved Swedish (sv-SE) locale on the Data Grid
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @jvskriubakken, @oscar-b, @rin, @viktormelin
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @arminmeh, @Janpot, @JCQuintas, @LukasTy, @mj12albert, @oliviertassinari, @rita-codes, @romgrk, @sai6855
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.3.0`
+
+- [DataGrid] Fix scrollbar disappearing after multiple resizes (#22512) @LukasTy
+- [DataGrid] Revert "Add support for pinned columns in `GridVirtualScroller`" (#22467) @oliviertassinari
+- [l10n] Improve Swedish (svSE) locale (#21851) @viktormelin
+
+#### `@mui/x-data-grid-pro@9.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@9.3.0`.
+
+#### `@mui/x-data-grid-premium@9.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@9.3.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.3.0`
+
+- [pickers] Fix disabled state styling for `PickersTextField` standard and filled variants (#22189) @LukasTy
+- [pickers] Fix previous month disabled state calculation (#22524) @mj12albert
+- [pickers] Merge `slotProps.sectionContent` in `PickersInputBase` (#22324) @rin
+
+#### `@mui/x-date-pickers-pro@9.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@9.3.0`, plus:
+
+- [DateRangeCalendar] Use Pointer Events for drag editing (#22279) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@9.3.0`
+
+- [charts] Add `data-series` to elements of radar chart (#22523) @alexfauquette
+- [charts] Add environment check for warning messages in axis and radar hooks (#22506) @sai6855
+- [charts] Chart `seriesConfig` deduplication for lines and bars (#22257) @sai6855
+- [charts] Fix highlighted item crash (#22539) @oscar-b
+- [charts] Fix the line and mark class (#22526) @alexfauquette
+- [charts] Fix use of deprecated API in docs (#22469) @oliviertassinari
+- [charts] Improve performance of `evaluateCurveY` function (#22407) @sai6855
+
+#### `@mui/x-charts-pro@9.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@9.3.0`.
+
+#### `@mui/x-charts-premium@9.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-charts-pro@9.3.0`, plus:
+
+- [charts-premium] Add `closePath` option to the radial line series (#22517) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view-pro@9.3.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Internal changes.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-alpha.7`
+
+- [I10n] Add Norwegian bokmål (nb-NO) locale (#22415) @jvskriubakken
+
+#### `@mui/x-scheduler-premium@9.0.0-alpha.7` [![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.7`, plus:
+
+- [scheduler] Apply lazy loading to `EventTimelinePremium` (#22308) @rita-codes
+- [scheduler] Deduplicate staged ranges within the debounce window (#22476) @Anexus5919
+- [scheduler] Pass full event objects to `dataSource.updateEvents` (#22462) @rita-codes
+
+### Docs
+
+- [docs] Automatically update supported versions (#21850) @arminmeh
+- [docs] Fix `New` label on bar charts docs (#22473) @oliviertassinari
+- [docs] Improve premium page header for charts (#22474) @oliviertassinari
+- [docs] Sync `README` with licensing/licensing.md in scheduler (#22468) @oliviertassinari
+
+### Core
+
+- [code-infra] Cover docs overview composites with Argos (#22283) @LukasTy
+- [code-infra] Enable `mui/no-presentation-role` lint rule (#22360) @Janpot
+- [code-infra] Make generated `propTypes` union order deterministic (#22521) @JCQuintas
+- [code-infra] Make screenshots stable across different ordering of the tests (#22449) @Janpot
+- [code-infra] Optimize visual regression testing (#22447) @Janpot
+- [code-infra] Replace markdownlint with remark from code-infra (#22255) @Janpot
+
+### Miscellaneous
+
+- [virtualizer] Improve `controlled` mode performance (#22123) @romgrk
+- [data-grid-generator] Include `tree-data` params in `useDemoData` cache key (#22456) @Janpot
+- [test] Fix flaky browser tests and optimize (#22431) @Janpot
+- [test] Speed up `test_types` job (#22442) @Janpot
+- [test] Trim ffmpeg install in `test_regressions` (#22459) @Janpot
+- [test] Add WebGL performance benchmarks for charts (#22471) @JCQuintas
+- [test] Expand chart performance benchmarks for charts (#22472) @JCQuintas
+- [x-license] use workspace dep for v9 in cross-major compat tests (#22504) @aemartos
+
+## 9.2.0
+
+_May 13, 2026_
+
+We'd like to extend a big thank you to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡️ Add a WebGL renderer to the [Bar chart](https://mui.com/x/react-charts/bars/#webgl-renderer)
+- 📊 Add a radial charts with the [radial line](https://mui.com/x/react-charts/radial-lines/), [radial bar](https://mui.com/x/react-charts/radial-bars/), and the [radial grid and axes](https://mui.com/x/react-charts/radial-axes/)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@aemartos, @alexfauquette, @bernardobelchior, @JCQuintas, @oliviertassinari, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.2.0`
+
+- [data grid] Add support for pinned columns in `GridVirtualScroller` (#22347) @sai6855
+- [data grid] Remove unused CSS (#22390) @oliviertassinari
+
+#### `@mui/x-data-grid-pro@9.2.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@9.2.0`.
+
+#### `@mui/x-data-grid-premium@9.2.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@9.2.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.2.0`
+
+- [pickers] Trim test helpers' default load graph (#22421) @JCQuintas
+
+#### `@mui/x-date-pickers-pro@9.2.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@9.2.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.2.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@9.2.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@9.2.0`.
+
+#### `@mui/x-charts-premium@9.2.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-charts-pro@9.2.0`, plus:
+
+- [charts-premium] Add `Highlight` support to `RadialBarChart` (#22322) @alexfauquette
+- [charts-premium] Add `WebGL` renderer to `BarChartPremium` (#22354) @JCQuintas
+- [charts-premium] Add mark shape support to the radial line (#22242) @alexfauquette
+- [charts-premium] `RadialBarChart` support axis interaction with layout horizontal (#22319) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@9.1.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.1.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@9.1.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-alpha.6`
+
+- [scheduler] Complete ARIA grid semantics on `EventTimeline` and `EventCalendar` (#22266) @Anexus5919
+- [scheduler] Improve UX for recurrence tab (#22287) @mustafajw07
+
+#### `@mui/x-scheduler-premium@9.0.0-alpha.6` [![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.6`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.1.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Document the `RadialBarChart` (#22320) @alexfauquette
+- [docs] Add histogram demo to bar-demo page (#22373) @siriwatknp
+- [docs] Add radial bar to the nav bar (#22429) @alexfauquette
+- [docs] Split radial grid and radial line pages (#22238) @alexfauquette
+
+### Miscellaneous
+
+- [test] Disable animations in chart benchmarks (#22433) @bernardobelchior
+- [test] Move `x-internal-gestures` vitest isolate flag to test block (#22427) @JCQuintas
+- [test] Reduce flakiness in `MobileTimeRangePicker` multi-input `describeValue` tests (#22422) @JCQuintas
+- [x-license] Exclude compat test pins from Renovate major bumps (#22414) @aemartos
+- [x-license] Add cross-major license format compatibility tests (#22335) @aemartos
+
 ## 9.1.0
 
 _May 8, 2026_

package/DateCalendar/PickersSlideTransition.js

@@ -131,7 +131,7 @@ function PickersSlideTransition(inProps) {
     childFactory: element => /*#__PURE__*/React.cloneElement(element, {
       classNames: transitionClasses
     }),
-    role: "presentation",
+    role: "none",
     ownerState: ownerState,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, (0, _extends2.default)({
       mountOnEnter: true,

package/DateCalendar/PickersSlideTransition.mjs

@@ -123,7 +123,7 @@ export function PickersSlideTransition(inProps) {
     childFactory: element => /*#__PURE__*/React.cloneElement(element, {
       classNames: transitionClasses
     }),
-    role: "presentation",
+    role: "none",
     ownerState: ownerState,
     children: /*#__PURE__*/_jsx(CSSTransition, _extends({
       mountOnEnter: true,

package/DigitalClock/DigitalClock.d.mts

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

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/MenuItem").MenuItemOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/MenuItem").MenuItemOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "tabIndex" | "children" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import("@mui/material/MenuItem").MenuItemOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "autoFocus" | "dense" | "style" | "tabIndex" | "className" | "children" | "classes" | "sx" | "disableGutters" | "divider" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const DigitalClockItem: import("@emotion/styled").StyledComponent<import("@mui/material/MenuItem").MenuItemOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/MenuItem").MenuItemOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "tabIndex" | "children" | "type" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import("@mui/material/MenuItem").MenuItemOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "disabled" | "autoFocus" | "dense" | "style" | "tabIndex" | "className" | "children" | "classes" | "type" | "sx" | "disableGutters" | "divider" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
 type DigitalClockComponent = ((props: DigitalClockProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
   propTypes?: any;
 };

package/PickerDay/PickerDay.js

@@ -422,7 +422,14 @@ process.env.NODE_ENV !== "production" ? PickerDayRaw.propTypes = {
       start: _propTypes.default.func.isRequired,
       stop: _propTypes.default.func.isRequired
     })
-  })])
+  })]),
+  /**
+   * The HTML [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#type)
+   * attribute applied to `button` and `a` elements.
+   * Ignored when rendering non-native buttons.
+   * @default 'button'
+   */
+  type: _propTypes.default.string
 } : void 0;
 
 /**

package/PickerDay/PickerDay.mjs

@@ -415,7 +415,14 @@ process.env.NODE_ENV !== "production" ? PickerDayRaw.propTypes = {
       start: PropTypes.func.isRequired,
       stop: PropTypes.func.isRequired
     })
-  })])
+  })]),
+  /**
+   * The HTML [`type`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#type)
+   * attribute applied to `button` and `a` elements.
+   * Ignored when rendering non-native buttons.
+   * @default 'button'
+   */
+  type: PropTypes.string
 } : void 0;
 
 /**

package/PickersCalendarHeader/PickersCalendarHeader.js

@@ -197,7 +197,7 @@ const PickersCalendarHeader = exports.PickersCalendarHeader = /*#__PURE__*/React
     className: (0, _clsx.default)(classes.root, className),
     ref: ref,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersCalendarHeaderLabelContainer, {
-      role: "presentation",
+      role: "none",
       onClick: handleToggleView,
       ownerState: ownerState
       // putting this on the label item element below breaks when using transition

package/PickersCalendarHeader/PickersCalendarHeader.mjs

@@ -190,7 +190,7 @@ const PickersCalendarHeader = /*#__PURE__*/React.forwardRef(function PickersCale
     className: clsx(classes.root, className),
     ref: ref,
     children: [/*#__PURE__*/_jsxs(PickersCalendarHeaderLabelContainer, {
-      role: "presentation",
+      role: "none",
       onClick: handleToggleView,
       ownerState: ownerState
       // putting this on the label item element below breaks when using transition

package/PickersTextField/PickersInputBase/PickersInputBase.js

@@ -12,6 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _FormControl = require("@mui/material/FormControl");
 var _styles = require("@mui/material/styles");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
@@ -19,6 +20,7 @@ var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _capitalize = _interopRequireDefault(require("@mui/utils/capitalize"));
 var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _resolveComponentProps = _interopRequireDefault(require("@mui/utils/resolveComponentProps"));
 var _visuallyHidden = _interopRequireDefault(require("@mui/utils/visuallyHidden"));
 var _pickersInputBaseClasses = require("./pickersInputBaseClasses");
 var _PickersSectionList = require("../../PickersSectionList");
@@ -26,6 +28,14 @@ var _usePickerTextFieldOwnerState = require("../usePickerTextFieldOwnerState");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value", "onChange", "id", "autoFocus", "endAdornment", "startAdornment", "renderSuffix", "slots", "slotProps", "contentEditable", "tabIndex", "onInput", "onPaste", "onKeyDown", "fullWidth", "name", "readOnly", "inputRef", "sectionListRef", "onFocus", "onBlur", "classes", "ownerState"],
   _excluded2 = ["ref"];
+function mergePickersInputBaseSectionContentSlotProps(consumerSlotProps, baseClassName) {
+  return ownerState => {
+    const resolved = (0, _resolveComponentProps.default)(consumerSlotProps, ownerState) ?? {};
+    return (0, _extends2.default)({}, resolved, {
+      className: (0, _clsx.default)(baseClassName, resolved.className)
+    });
+  };
+}
 const round = value => Math.round(value * 1e5) / 1e5;
 const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)('div', {
   name: 'MuiPickersInputBase',
@@ -43,6 +53,10 @@ const PickersInputBaseRoot = exports.PickersInputBaseRoot = (0, _styles.styled)(
   boxSizing: 'border-box',
   // Prevent padding issue with fullWidth.
   letterSpacing: `${round(0.15 / 16)}em`,
+  [`&.${_pickersInputBaseClasses.pickersInputBaseClasses.disabled}`]: {
+    color: (theme.vars || theme).palette.action.disabled,
+    cursor: 'default'
+  },
   variants: [{
     props: {
       isInputInFullWidth: true
@@ -391,9 +405,7 @@ const PickersInputBase = exports.PickersInputBase = /*#__PURE__*/React.forwardRe
         root: (0, _extends2.default)({}, slotProps?.input, {
           ownerState
         }),
-        sectionContent: {
-          className: _pickersInputBaseClasses.pickersInputBaseClasses.sectionContent
-        },
+        sectionContent: mergePickersInputBaseSectionContentSlotProps(slotProps?.sectionContent, _pickersInputBaseClasses.pickersInputBaseClasses.sectionContent),
         sectionSeparator: ({
           separatorPosition
         }) => ({

package/PickersTextField/PickersInputBase/PickersInputBase.mjs

@@ -7,6 +7,7 @@ const _excluded = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "
   _excluded2 = ["ref"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import clsx from 'clsx';
 import { useFormControl } from '@mui/material/FormControl';
 import { styled, useThemeProps } from '@mui/material/styles';
 import useForkRef from '@mui/utils/useForkRef';
@@ -14,11 +15,20 @@ import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import capitalize from '@mui/utils/capitalize';
 import useSlotProps from '@mui/utils/useSlotProps';
+import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import visuallyHidden from '@mui/utils/visuallyHidden';
 import { pickersInputBaseClasses, getPickersInputBaseUtilityClass } from "./pickersInputBaseClasses.mjs";
 import { Unstable_PickersSectionList as PickersSectionList, Unstable_PickersSectionListRoot as PickersSectionListRoot, Unstable_PickersSectionListSection as PickersSectionListSection, Unstable_PickersSectionListSectionSeparator as PickersSectionListSectionSeparator, Unstable_PickersSectionListSectionContent as PickersSectionListSectionContent } from "../../PickersSectionList/index.mjs";
 import { usePickerTextFieldOwnerState } from "../usePickerTextFieldOwnerState.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function mergePickersInputBaseSectionContentSlotProps(consumerSlotProps, baseClassName) {
+  return ownerState => {
+    const resolved = resolveComponentProps(consumerSlotProps, ownerState) ?? {};
+    return _extends({}, resolved, {
+      className: clsx(baseClassName, resolved.className)
+    });
+  };
+}
 const round = value => Math.round(value * 1e5) / 1e5;
 export const PickersInputBaseRoot = styled('div', {
   name: 'MuiPickersInputBase',
@@ -36,6 +46,10 @@ export const PickersInputBaseRoot = styled('div', {
   boxSizing: 'border-box',
   // Prevent padding issue with fullWidth.
   letterSpacing: `${round(0.15 / 16)}em`,
+  [`&.${pickersInputBaseClasses.disabled}`]: {
+    color: (theme.vars || theme).palette.action.disabled,
+    cursor: 'default'
+  },
   variants: [{
     props: {
       isInputInFullWidth: true
@@ -384,9 +398,7 @@ const PickersInputBase = /*#__PURE__*/React.forwardRef(function PickersInputBase
         root: _extends({}, slotProps?.input, {
           ownerState
         }),
-        sectionContent: {
-          className: pickersInputBaseClasses.sectionContent
-        },
+        sectionContent: mergePickersInputBaseSectionContentSlotProps(slotProps?.sectionContent, pickersInputBaseClasses.sectionContent),
         sectionSeparator: ({
           separatorPosition
         }) => ({

package/PickersTextField/PickersInputBase/PickersInputBase.types.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { MuiEvent } from '@mui/x-internals/types';
-import { PickersSectionListProps } from "../../PickersSectionList/index.mjs";
+import { PickersSectionListProps, PickersSectionListSlotProps } from "../../PickersSectionList/index.mjs";
 import { PickerTextFieldOwnerState } from "../../models/fields.mjs";
 export interface PickersInputPropsUsedByField extends Pick<PickersSectionListProps, 'elements' | 'sectionListRef' | 'contentEditable' | 'tabIndex'> {
   /**
@@ -70,6 +70,11 @@ export interface PickersInputBaseSlotProps {
   root?: PickersInputBaseRootSlotProps;
   input?: PickersInputBaseInputSlotProps;
   htmlInput?: React.ComponentPropsWithRef<'input'>;
+  /**
+   * Props forwarded to each section's content element inside `PickersSectionList`.
+   * Merged with the built-in section content styles.
+   */
+  sectionContent?: PickersSectionListSlotProps['sectionContent'];
 }
 export interface PickersInputBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
   ownerState?: PickerTextFieldOwnerState;

package/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { MuiEvent } from '@mui/x-internals/types';
-import { PickersSectionListProps } from "../../PickersSectionList/index.js";
+import { PickersSectionListProps, PickersSectionListSlotProps } from "../../PickersSectionList/index.js";
 import { PickerTextFieldOwnerState } from "../../models/fields.js";
 export interface PickersInputPropsUsedByField extends Pick<PickersSectionListProps, 'elements' | 'sectionListRef' | 'contentEditable' | 'tabIndex'> {
   /**
@@ -70,6 +70,11 @@ export interface PickersInputBaseSlotProps {
   root?: PickersInputBaseRootSlotProps;
   input?: PickersInputBaseInputSlotProps;
   htmlInput?: React.ComponentPropsWithRef<'input'>;
+  /**
+   * Props forwarded to each section's content element inside `PickersSectionList`.
+   * Merged with the built-in section content styles.
+   */
+  sectionContent?: PickersSectionListSlotProps['sectionContent'];
 }
 export interface PickersInputBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, keyof PickersInputPropsUsedByField>, PickersInputPropsUsedByField {
   ownerState?: PickerTextFieldOwnerState;

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js

@@ -50,9 +50,6 @@ const PickersOutlinedInputRoot = (0, _styles.styled)(_PickersInputBase2.PickersI
     [`&.${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.disabled}`]: {
       [`& .${_pickersOutlinedInputClasses.pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
-      },
-      '*': {
-        color: (theme.vars || theme).palette.action.disabled
       }
     },
     variants: Object.keys((theme.vars ?? theme).palette)

package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.mjs

@@ -43,9 +43,6 @@ const PickersOutlinedInputRoot = styled(PickersInputBaseRoot, {
     [`&.${pickersOutlinedInputClasses.disabled}`]: {
       [`& .${pickersOutlinedInputClasses.notchedOutline}`]: {
         borderColor: (theme.vars || theme).palette.action.disabled
-      },
-      '*': {
-        color: (theme.vars || theme).palette.action.disabled
       }
     },
     variants: Object.keys((theme.vars ?? theme).palette)

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v9.1.0
+ * @mui/x-date-pickers v9.3.0
  *
  * @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.1.0
+ * @mui/x-date-pickers v9.3.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/hooks/date-helpers-hooks.js

@@ -31,7 +31,7 @@ function usePreviousMonthDisabled(month, {
   return React.useMemo(() => {
     const now = adapter.date(undefined, timezone);
     const firstEnabledMonth = adapter.startOfMonth(disablePast && adapter.isAfter(now, minDate) ? now : minDate);
-    return !adapter.isBefore(firstEnabledMonth, month);
+    return !adapter.isBefore(firstEnabledMonth, adapter.startOfMonth(month));
   }, [disablePast, minDate, month, adapter, timezone]);
 }
 function useMeridiemMode(date, ampm, onChange, selectionState) {

package/internals/hooks/date-helpers-hooks.mjs

@@ -22,7 +22,7 @@ export function usePreviousMonthDisabled(month, {
   return React.useMemo(() => {
     const now = adapter.date(undefined, timezone);
     const firstEnabledMonth = adapter.startOfMonth(disablePast && adapter.isAfter(now, minDate) ? now : minDate);
-    return !adapter.isBefore(firstEnabledMonth, month);
+    return !adapter.isBefore(firstEnabledMonth, adapter.startOfMonth(month));
   }, [disablePast, minDate, month, adapter, timezone]);
 }
 export function useMeridiemMode(date, ampm, onChange, selectionState) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "9.1.0",
+  "version": "9.3.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -34,7 +34,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.2",
-    "@mui/utils": "9.0.0",
+    "@mui/utils": "9.0.1",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
@@ -638,196 +638,196 @@
       }
     },
     "./StaticTimePicker": {
-      "require": {
-        "types": "./StaticTimePicker/index.d.ts",
-        "default": "./StaticTimePicker/index.js"
-      },
       "import": {
         "types": "./StaticTimePicker/index.d.mts",
         "default": "./StaticTimePicker/index.mjs"
       },
+      "require": {
+        "types": "./StaticTimePicker/index.d.ts",
+        "default": "./StaticTimePicker/index.js"
+      },
       "default": {
         "types": "./StaticTimePicker/index.d.mts",
         "default": "./StaticTimePicker/index.mjs"
       }
     },
     "./TimeClock": {
-      "require": {
-        "types": "./TimeClock/index.d.ts",
-        "default": "./TimeClock/index.js"
-      },
       "import": {
         "types": "./TimeClock/index.d.mts",
         "default": "./TimeClock/index.mjs"
       },
+      "require": {
+        "types": "./TimeClock/index.d.ts",
+        "default": "./TimeClock/index.js"
+      },
       "default": {
         "types": "./TimeClock/index.d.mts",
         "default": "./TimeClock/index.mjs"
       }
     },
     "./TimeField": {
-      "require": {
-        "types": "./TimeField/index.d.ts",
-        "default": "./TimeField/index.js"
-      },
       "import": {
         "types": "./TimeField/index.d.mts",
         "default": "./TimeField/index.mjs"
       },
+      "require": {
+        "types": "./TimeField/index.d.ts",
+        "default": "./TimeField/index.js"
+      },
       "default": {
         "types": "./TimeField/index.d.mts",
         "default": "./TimeField/index.mjs"
       }
     },
     "./TimePicker": {
-      "require": {
-        "types": "./TimePicker/index.d.ts",
-        "default": "./TimePicker/index.js"
-      },
       "import": {
         "types": "./TimePicker/index.d.mts",
         "default": "./TimePicker/index.mjs"
       },
+      "require": {
+        "types": "./TimePicker/index.d.ts",
+        "default": "./TimePicker/index.js"
+      },
       "default": {
         "types": "./TimePicker/index.d.mts",
         "default": "./TimePicker/index.mjs"
       }
     },
     "./YearCalendar": {
-      "require": {
-        "types": "./YearCalendar/index.d.ts",
-        "default": "./YearCalendar/index.js"
-      },
       "import": {
         "types": "./YearCalendar/index.d.mts",
         "default": "./YearCalendar/index.mjs"
       },
+      "require": {
+        "types": "./YearCalendar/index.d.ts",
+        "default": "./YearCalendar/index.js"
+      },
       "default": {
         "types": "./YearCalendar/index.d.mts",
         "default": "./YearCalendar/index.mjs"
       }
     },
     "./dateViewRenderers": {
-      "require": {
-        "types": "./dateViewRenderers/index.d.ts",
-        "default": "./dateViewRenderers/index.js"
-      },
       "import": {
         "types": "./dateViewRenderers/index.d.mts",
         "default": "./dateViewRenderers/index.mjs"
       },
+      "require": {
+        "types": "./dateViewRenderers/index.d.ts",
+        "default": "./dateViewRenderers/index.js"
+      },
       "default": {
         "types": "./dateViewRenderers/index.d.mts",
         "default": "./dateViewRenderers/index.mjs"
       }
     },
     "./hooks": {
-      "require": {
-        "types": "./hooks/index.d.ts",
-        "default": "./hooks/index.js"
-      },
       "import": {
         "types": "./hooks/index.d.mts",
         "default": "./hooks/index.mjs"
       },
+      "require": {
+        "types": "./hooks/index.d.ts",
+        "default": "./hooks/index.js"
+      },
       "default": {
         "types": "./hooks/index.d.mts",
         "default": "./hooks/index.mjs"
       }
     },
     "./internals": {
-      "require": {
-        "types": "./internals/index.d.ts",
-        "default": "./internals/index.js"
-      },
       "import": {
         "types": "./internals/index.d.mts",
         "default": "./internals/index.mjs"
       },
+      "require": {
+        "types": "./internals/index.d.ts",
+        "default": "./internals/index.js"
+      },
       "default": {
         "types": "./internals/index.d.mts",
         "default": "./internals/index.mjs"
       }
     },
     "./locales": {
-      "require": {
-        "types": "./locales/index.d.ts",
-        "default": "./locales/index.js"
-      },
       "import": {
         "types": "./locales/index.d.mts",
         "default": "./locales/index.mjs"
       },
+      "require": {
+        "types": "./locales/index.d.ts",
+        "default": "./locales/index.js"
+      },
       "default": {
         "types": "./locales/index.d.mts",
         "default": "./locales/index.mjs"
       }
     },
     "./managers": {
-      "require": {
-        "types": "./managers/index.d.ts",
-        "default": "./managers/index.js"
-      },
       "import": {
         "types": "./managers/index.d.mts",
         "default": "./managers/index.mjs"
       },
+      "require": {
+        "types": "./managers/index.d.ts",
+        "default": "./managers/index.js"
+      },
       "default": {
         "types": "./managers/index.d.mts",
         "default": "./managers/index.mjs"
       }
     },
     "./models": {
-      "require": {
-        "types": "./models/index.d.ts",
-        "default": "./models/index.js"
-      },
       "import": {
         "types": "./models/index.d.mts",
         "default": "./models/index.mjs"
       },
+      "require": {
+        "types": "./models/index.d.ts",
+        "default": "./models/index.js"
+      },
       "default": {
         "types": "./models/index.d.mts",
         "default": "./models/index.mjs"
       }
     },
     "./themeAugmentation": {
-      "require": {
-        "types": "./themeAugmentation/index.d.ts",
-        "default": "./themeAugmentation/index.js"
-      },
       "import": {
         "types": "./themeAugmentation/index.d.mts",
         "default": "./themeAugmentation/index.mjs"
       },
+      "require": {
+        "types": "./themeAugmentation/index.d.ts",
+        "default": "./themeAugmentation/index.js"
+      },
       "default": {
         "types": "./themeAugmentation/index.d.mts",
         "default": "./themeAugmentation/index.mjs"
       }
     },
     "./timeViewRenderers": {
-      "require": {
-        "types": "./timeViewRenderers/index.d.ts",
-        "default": "./timeViewRenderers/index.js"
-      },
       "import": {
         "types": "./timeViewRenderers/index.d.mts",
         "default": "./timeViewRenderers/index.mjs"
       },
+      "require": {
+        "types": "./timeViewRenderers/index.d.ts",
+        "default": "./timeViewRenderers/index.js"
+      },
       "default": {
         "types": "./timeViewRenderers/index.d.mts",
         "default": "./timeViewRenderers/index.mjs"
       }
     },
     "./validation": {
-      "require": {
-        "types": "./validation/index.d.ts",
-        "default": "./validation/index.js"
-      },
       "import": {
         "types": "./validation/index.d.mts",
         "default": "./validation/index.mjs"
       },
+      "require": {
+        "types": "./validation/index.d.ts",
+        "default": "./validation/index.js"
+      },
       "default": {
         "types": "./validation/index.d.mts",
         "default": "./validation/index.mjs"