Merge branch 'master' into radial-bar-refinement

Author: JCQuintas

.circleci/config.yml

@@ -1,7 +1,7 @@
 version: 2.1
 
 orbs:
-  code-infra: https://raw.githubusercontent.com/mui/mui-public/7c091ffc8105f41363b1bd9907eca180c8c1d21e/.circleci/orbs/code-infra.yml
+  code-infra: https://raw.githubusercontent.com/mui/mui-public/18225f60a2186e3eb12f1c1ecee4db945baecca2/.circleci/orbs/code-infra.yml
 
 parameters:
   browserstack-force:

.gitignore

@@ -5,6 +5,7 @@
 .cursor
 .claude/settings.local.json
 .claude/worktrees/
+.claude/scheduled_tasks.lock
 .junie
 
 __diff_output__

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_

docs/data/charts/toolbar/ChartsToolbarCustomToolbar.js

@@ -80,14 +80,18 @@ function CustomToolbar() {
       <Stack>
         <Toolbar>
           <Tooltip title="Zoom in">
-            <ChartsToolbarZoomInTrigger render={<ToolbarButton size="small" />}>
-              <ZoomInIcon />
-            </ChartsToolbarZoomInTrigger>
+            <span>
+              <ChartsToolbarZoomInTrigger render={<ToolbarButton size="small" />}>
+                <ZoomInIcon />
+              </ChartsToolbarZoomInTrigger>
+            </span>
           </Tooltip>
           <Tooltip title="Zoom out">
-            <ChartsToolbarZoomOutTrigger render={<ToolbarButton size="small" />}>
-              <ZoomOutIcon />
-            </ChartsToolbarZoomOutTrigger>
+            <span>
+              <ChartsToolbarZoomOutTrigger render={<ToolbarButton size="small" />}>
+                <ZoomOutIcon />
+              </ChartsToolbarZoomOutTrigger>
+            </span>
           </Tooltip>
 
           <ResetZoomButton>Reset</ResetZoomButton>

docs/data/charts/toolbar/ChartsToolbarCustomToolbar.tsx

@@ -82,14 +82,18 @@ function CustomToolbar() {
       <Stack>
         <Toolbar>
           <Tooltip title="Zoom in">
-            <ChartsToolbarZoomInTrigger render={<ToolbarButton size="small" />}>
-              <ZoomInIcon />
-            </ChartsToolbarZoomInTrigger>
+            <span>
+              <ChartsToolbarZoomInTrigger render={<ToolbarButton size="small" />}>
+                <ZoomInIcon />
+              </ChartsToolbarZoomInTrigger>
+            </span>
           </Tooltip>
           <Tooltip title="Zoom out">
-            <ChartsToolbarZoomOutTrigger render={<ToolbarButton size="small" />}>
-              <ZoomOutIcon />
-            </ChartsToolbarZoomOutTrigger>
+            <span>
+              <ChartsToolbarZoomOutTrigger render={<ToolbarButton size="small" />}>
+                <ZoomOutIcon />
+              </ChartsToolbarZoomOutTrigger>
+            </span>
           </Tooltip>
 
           <ResetZoomButton>Reset</ResetZoomButton>

docs/data/charts/toolbar/ChartsToolbarRangeButtonsInitialSelection.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { LineChartPro } from '@mui/x-charts-pro/LineChartPro';
+import { dataset } from '../dataset/gdpPerCapitaEvolution';
+
+const INITIAL_START = 75;
+
+export default function ChartsToolbarRangeButtonsInitialSelection() {
+  return (
+    <LineChartPro
+      dataset={dataset}
+      xAxis={[
+        { id: 'x', scaleType: 'time', dataKey: 'date', zoom: true, tickNumber: 5 },
+      ]}
+      yAxis={[{ width: 60, valueFormatter: (v) => `$${(v / 1000).toFixed(0)}k` }]}
+      series={[
+        { dataKey: 'fr', label: 'France' },
+        { dataKey: 'gb', label: 'UK' },
+        { dataKey: 'dl', label: 'Germany' },
+      ]}
+      height={300}
+      showToolbar
+      initialZoom={[{ axisId: 'x', start: INITIAL_START, end: 100 }]}
+      slotProps={{
+        toolbar: {
+          rangeButtons: [
+            { label: 'Last ¼', value: () => ({ start: 75, end: 100 }) },
+            { label: 'Last ½', value: () => ({ start: 50, end: 100 }) },
+            { label: 'All', value: null },
+          ],
+        },
+      }}
+    />
+  );
+}

docs/data/charts/toolbar/ChartsToolbarRangeButtonsInitialSelection.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { LineChartPro } from '@mui/x-charts-pro/LineChartPro';
+import { dataset } from '../dataset/gdpPerCapitaEvolution';
+
+const INITIAL_START = 75;
+
+export default function ChartsToolbarRangeButtonsInitialSelection() {
+  return (
+    <LineChartPro
+      dataset={dataset}
+      xAxis={[
+        { id: 'x', scaleType: 'time', dataKey: 'date', zoom: true, tickNumber: 5 },
+      ]}
+      yAxis={[
+        { width: 60, valueFormatter: (v: number) => `$${(v / 1000).toFixed(0)}k` },
+      ]}
+      series={[
+        { dataKey: 'fr', label: 'France' },
+        { dataKey: 'gb', label: 'UK' },
+        { dataKey: 'dl', label: 'Germany' },
+      ]}
+      height={300}
+      showToolbar
+      initialZoom={[{ axisId: 'x', start: INITIAL_START, end: 100 }]}
+      slotProps={{
+        toolbar: {
+          rangeButtons: [
+            { label: 'Last ¼', value: () => ({ start: 75, end: 100 }) },
+            { label: 'Last ½', value: () => ({ start: 50, end: 100 }) },
+            { label: 'All', value: null },
+          ],
+        },
+      }}
+    />
+  );
+}

docs/data/charts/toolbar/toolbar.md

@@ -134,6 +134,12 @@ Function values receive index-based domain bounds instead of timestamps.
 
 {{"demo": "ChartsToolbarOrdinalRangeButtons.js"}}
 
+### Initial selection
+
+When `initialZoom` (or a controlled `zoomData`) matches a range button's computed range, that button is selected on first render without requiring user interaction.
+
+{{"demo": "ChartsToolbarRangeButtonsInitialSelection.js"}}
+
 ### Custom toolbar with range buttons
 
 You can use `ChartsToolbarRangeButtonTrigger` directly in a custom toolbar to have full control over layout and behavior.

docs/data/introduction/support/SupportedVersions.js

@@ -0,0 +1,122 @@
+import * as React from 'react';
+import { MarkdownElement } from '@mui/internal-core-docs/MarkdownDocs';
+
+// Ordered from newest to oldest.
+// When a new major version is released:
+// 1. Update its `releaseDate` from `null` to the actual release date.
+// 2. Set `ltsEndDate` on the previous stable version (typically releaseDate + 2 years).
+// All statuses will update automatically based on the current date.
+//
+// #target-branch-reference
+// Add a new entry when creating a new major version branch.
+// For example, when creating v10 from v9, add `{ version: '^10.0.0', releaseDate: null, plannedRelease: 'April 2027' }`
+const muiXVersions = [
+  // { version: '^10.0.0', releaseDate: null, plannedRelease: 'April 2027' },
+  { version: '^9.0.0', releaseDate: '2026-04-08' },
+  { version: '^8.0.0', releaseDate: '2025-04-17', ltsEndDate: '2028-04-08' },
+  { version: '^7.0.0', releaseDate: '2024-03-23', ltsEndDate: '2027-04-17' },
+  { version: '^6.0.0', releaseDate: '2023-03-03', ltsEndDate: '2026-03-23' },
+  { version: '^5.0.0', releaseDate: '2021-11-23', ltsEndDate: '2025-03-03' },
+  { version: '^4.0.0', releaseDate: '2021-09-28', ltsEndDate: '2023-11-23' },
+];
+
+function formatDate(dateStr) {
+  const date = new Date(dateStr);
+  return date.toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+  });
+}
+
+function getVersionStatus(version, now) {
+  if (!version.releaseDate || new Date(version.releaseDate) > now) {
+    return { type: 'preRelease' };
+  }
+
+  if (!version.ltsEndDate) {
+    return { type: 'currentStable' };
+  }
+
+  if (now < new Date(version.ltsEndDate)) {
+    return { type: 'lts', endDate: version.ltsEndDate };
+  }
+
+  return { type: 'outOfSupport', endDate: version.ltsEndDate };
+}
+
+function renderStatus(status) {
+  switch (status.type) {
+    case 'preRelease':
+      return '🚧 Pre-release (Continuous support)';
+    case 'currentStable':
+      return '✅ Current stable major (Continuous support)';
+    case 'lts':
+      return (
+        <React.Fragment>
+          ⚠️ LTS - Support for security issues and regressions{' '}
+          <strong>until {formatDate(status.endDate)}</strong>.
+        </React.Fragment>
+      );
+
+    case 'outOfSupport':
+      return `❌ Out of support since ${formatDate(status.endDate)}.`;
+    default:
+      return '';
+  }
+}
+
+const now = new Date();
+const columns = [
+  {
+    key: 'version',
+    label: 'MUI X version',
+    align: 'right',
+    render: (versionData) => versionData.version,
+  },
+  {
+    key: 'release',
+    label: 'Release',
+    align: 'left',
+    render: (versionData) =>
+      versionData.releaseDate ?? versionData.plannedRelease ?? 'TBD',
+  },
+  {
+    key: 'supported',
+    label: 'Supported',
+    align: 'left',
+    render: (versionData) => renderStatus(getVersionStatus(versionData, now)),
+  },
+];
+
+export default function SupportedVersions() {
+  const props = { sx: { width: '100%' } };
+  const fontFamily = 'inherit'; // prevent `th` and `td` specific font families
+
+  return (
+    <MarkdownElement {...props}>
+      <table>
+        <thead>
+          <tr>
+            {columns.map((column) => (
+              <th key={column.key} align={column.align} style={{ fontFamily }}>
+                {column.label}
+              </th>
+            ))}
+          </tr>
+        </thead>
+        <tbody>
+          {muiXVersions.map((version) => (
+            <tr key={version.version}>
+              {columns.map((column) => (
+                <td key={column.key} align={column.align} style={{ fontFamily }}>
+                  {column.render(version)}
+                </td>
+              ))}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </MarkdownElement>
+  );
+}