@mui/x-date-pickers 9.2.0 → 9.3.0

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # 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_

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/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.2.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.2.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.2.0",
+  "version": "9.3.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",