UNPKG

@mui/x-date-pickers

Version:

The community edition of the Date and Time Picker components (MUI X).

1,030 lines (707 loc) β€’ 407 kB
# Changelog > For full v7 changelog, please refer to the [v.7x branch](https://github.com/mui/mui-x/blob/v7.x/CHANGELOG.md). All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. ## 8.2.0 _May 1, 2025_ We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨: - πŸ“Š `<FunnelChart/>` now uses the `strawberrySky` sequential color palette by default. <img width="481" alt="Screenshot 2025-04-29 at 13 55 21" src="https://github.com/user-attachments/assets/182085d1-a7ce-4e4d-9d8d-a4fe87f27167" /> - πŸ“Š Add API to export a chart as an image: `apiRef.exportAsImage` β€” [Learn more](https://mui.com/x/react-charts/export/#export-as-image). Special thanks go out to the community members for their valuable contributions: @federico-ntr, @nusr. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ### Data Grid #### `@mui/x-data-grid@8.2.0` - [DataGrid] Fix panel alignment (#17625) @KenanYusuf - [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17490) @KenanYusuf - [DataGrid] Fix circular reference error (#17591) @romgrk - [DataGrid] Fix `<GridEditInputCell />` break input (#16773) @nusr #### `@mui/x-data-grid-pro@8.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@8.2.0`, plus: - [DataGridPro] Use intersection observer to trigger server-side infinite loading (#17369) @arminmeh #### `@mui/x-data-grid-premium@8.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@8.2.0`. ### Date and Time Pickers #### `@mui/x-date-pickers@8.2.0` - [l10n] Improve Italian (it-IT) locale (#17600) @federico-ntr - [pickers] Refactor owner state typing (#17517) @LukasTy #### `@mui/x-date-pickers-pro@8.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@8.2.0`. ### Charts #### `@mui/x-charts@8.2.0` - [charts] Add library name to errors (#17547) @bernardobelchior - [charts] Add monochrome palettes (#17610) @JCQuintas - [charts] Add screenshot of the tooltip (#17395) @alexfauquette - [charts] Default bar chart x-axis scale type to band (#17519) @bernardobelchior - [charts] Document axis ID uniqueness constraints (#17630) @bernardobelchior - [charts] Refactor axis types (#17632) @bernardobelchior - [charts] Use `<circle />` for circular legend mark (#17590) @alexfauquette #### `@mui/x-charts-pro@8.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@8.2.0`, plus: - [charts-pro] Add `gap` option to `<FunnelChart />` (#17642) @JCQuintas - [charts-pro] Export charts as image (#17353) @bernardobelchior - [charts-pro] Simplify zoom testing (#17525) @JCQuintas - [charts-pro] Use new sequential color palette in `<FunnelChart />` (#17606) @JCQuintas ### Tree View #### `@mui/x-tree-view@8.2.0` Internal changes. #### `@mui/x-tree-view-pro@8.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-tree-view@8.2.0`. ### Docs - [docs][charts] Add composition sections (#17377) @alexfauquette - [docs][charts] Add docs on tooltip style (#17601) @bernardobelchior - [docs][charts] Fix highlighting heading structure (#17581) @oliviertassinari - [docs][charts] Improve export docs (#17538) @oliviertassinari - [docs][charts] Similar introduction on most charts pages (#17374) @alexfauquette - [docs][DataGrid] Clear component docs (#17540) @oliviertassinari - [docs] Explicitly state that `groupingColDef` reference needs to be stable (#17544) @arminmeh - [docs] Fix <kbd> a11y (#17536) @oliviertassinari - [docs] Fix CodeSandbox spelling @oliviertassinari - [docs] Fix coding style function @oliviertassinari - [docs] Fix migration guide format (#17450) @oliviertassinari - [docs] Improve data grid export docs (#17551) @MBilalShafi - [docs] Remove leftover `@next` usages (#17542) @LukasTy ### Core - [core] Add security label to dependabot PRs @oliviertassinari - [core] Allow post-install vale @oliviertassinari - [core] Component consistency @oliviertassinari - [core] Fix all Vale errors @oliviertassinari - [core] Move `loadStyleSheets` to internals and use it in data grid and charts (#17548) @bernardobelchior - [core] Remove empty version (#17582) @oliviertassinari - [core] Remove eslint from codemod spec files (#17443) @alexfauquette - [core] Remove unnecessary versions (#17597) @oliviertassinari - [code-infra] Allow postinstall scripts for packages requesting it (#17635) @LukasTy - [code-infra] Data Grid `vitest` changes (#17619) @JCQuintas - [code-infra] Fix date-time sensitive tests (#17644) @JCQuintas - [code-infra] Fix extension handling for type imports (#17636) @Janpot - [code-infra] Further remove `clock=fake` and add `async act` for datagrid (#17563) @JCQuintas - [code-infra] Latest vitest picker changes (#17577) @JCQuintas - [docs-infra] Fix Vale no longer working (#17602) @alexfauquette - [docs-infra] Uniformize Vale between repositories @oliviertassinari - [infra] Updates to `branch switch comments` (#17589) @michelengelen - [x-telemetry] Fix issue with get machineid hash (#17614) @hasdfa ## 8.1.0 _Apr 24, 2025_ We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨: - πŸ“Š Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`. - πŸ“š Documentation improvements - 🐞 Bugfixes Special thanks go out to the community members for their valuable contributions: @lhilgert9, @ArturAghakaryan, @sai6855. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @joserodolfofreitas, @KenanYusuf, @LukasTy, @mapache-salvaje, @oliviertassinari, @romgrk. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ### Data Grid #### `@mui/x-data-grid@8.1.0` - [DataGrid] Allow row deselection with multiple rows selected (#17473) @arminmeh - [DataGrid] Fix column title truncation on touch devices (#17375) @KenanYusuf - [DataGrid] Remove internal usage of `material` prop (#17513) @KenanYusuf - [DataGrid] Fix apiRef not being passed on onCellClick params (#17335) @sai6855 - [DataGrid] Add Armenian (hy-AM) locale (#17527) @ArturAghakaryan #### `@mui/x-data-grid-pro@8.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-data-grid@8.1.0`, plus: - [DataGridPro] Fix locales.ts export (#17433) @lhilgert9 - [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17482) @cherniavskii - [DataGridPro] Fix expandable rows detail content height updates (#17394) @arminmeh #### `@mui/x-data-grid-premium@8.1.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan') Same changes as in `@mui/x-data-grid-pro@8.1.0`. ### Date and Time Pickers #### `@mui/x-date-pickers@8.1.0` - [pickers] Improve `PickersInputBase` owner state typing (#17478) @LukasTy #### `@mui/x-date-pickers-pro@8.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-date-pickers@8.1.0`. ### Charts - Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`. #### `@mui/x-charts@8.1.0` - [charts] Add a localization provider (#17325) @alexfauquette - [charts] Add codemod for replacing legend's hidden slot prop (#17392) @bernardobelchior - [charts] Fix chart visual tests flakiness (#17469) @bernardobelchior - [charts] Fix tooltip position (#17440) @alexfauquette - [charts] Improve axis tooltip performances (#17398) @alexfauquette - [charts] Move radar from under development to preview (#17418) @alexfauquette - [charts] Advance time in charts regression tests (#17420) @bernardobelchior - [charts] Fix charts visuals flakiness (#17472) @bernardobelchior - [charts] Move `rafThrottle` on event handlers instead of setter (#17489) @bernardobelchior #### `@mui/x-charts-pro@8.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-charts@8.1.0`, plus: - [charts-pro] Add export as PDF/print functionality (#17285) @bernardobelchior - [charts-pro] Fix axis zoom being disabled when not specified in `initialZoom` (#17500) @bernardobelchior ### Tree View #### `@mui/x-tree-view@8.1.0` Internal changes. #### `@mui/x-tree-view-pro@8.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@8.1.0`. ### Docs - [docs] Fix AI Assistant Panel Trigger demo (#17426) @KenanYusuf - [docs] Fix DataGrid's master-detail demo for one expanded detail panel at a time (#17471) @arminmeh - [docs] Improve StackOverflow links (#17483) @oliviertassinari - [docs] Refine charts demos (#17417) @alexfauquette - [docs] Remove ad on paid docs pages (#17373) @oliviertassinari - [docs] Serve migration guides in raw markdown format (#17210) @cherniavskii - [docs] Fix heading structure (#17495) @oliviertassinari - [docs] Revise the Row Grouping doc (#16217) @mapache-salvaje - [docs] Fix ellipsis in the demo (#17476) @oliviertassinari - [docs] Add docs information for Legend HTML (#17502) @alexfauquette - [docs] Refine charts demos (#17417) @alexfauquette - [tree view][docs] Copyedit the Tree View Overview page (#17498) @mapache-salvaje ### Core - [core] Bump `@types/node` (#17444) @LukasTy - [core] Remove `react-is` dependency (#17470) @LukasTy - [core] Remove redundant `overridesResolver` in `styled` components (#17466) @romgrk - [core] Update support table (#17425) @joserodolfofreitas - [code-infra] Ditch `@babel/node` (#17446) @LukasTy - [code-infra] Further remove `clock=fake` from pickers (#17253) @JCQuintas ## 8.0.0 _Apr 17, 2025_ We're excited to [announce the first v8 stable release](https://mui.com/blog/mui-x-v8/)! πŸŽ‰πŸš€ This is now the officially supported major version, where we'll keep rolling out new features, bug fixes, and improvements. Migration guides are available with a complete list of the breaking changes: - [Data Grid](https://mui.com/x/migration/migration-data-grid-v7/) - [Date and Time Pickers](https://mui.com/x/migration/migration-pickers-v7/) - [Tree View](https://mui.com/x/migration/migration-tree-view-v7/) - [Charts](https://mui.com/x/migration/migration-charts-v7/) - [MaterialΒ UI v7](https://mui.com/material-ui/migration/upgrade-to-v7/) Here are the highlights from alpha and beta releases included in this stable release: - βš›οΈ React 19 support. - 🎁 `@mui/material@7` support – see the [MaterialΒ UI v7 upgrade guide](https://mui.com/material-ui/migration/upgrade-to-v7/). - πŸ”„ [Pivoting](https://mui.com/x/react-data-grid/pivoting/). - πŸ€– [AI Assistant](https://mui.com/x/react-data-grid/ai-assistant/). - πŸ› οΈ New and improved Data Grid [Toolbar component](https://mui.com/x/react-data-grid/components/toolbar/). - πŸ“¦ Data Grid [data source](https://mui.com/x/react-data-grid/server-side-data/) is now available in the Community plan. - 🚫 Add ["No columns" overlay](https://mui.com/x/react-data-grid/overlays/#no-columns-overlay) to Data Grid. - 🍬 Improved design for Data Grid [Header filters](https://mui.com/x/react-data-grid/filtering/header-filters/). - πŸ”„ Add Data Grid [Scroll restoration](https://mui.com/x/react-data-grid/scrolling/#scroll-restoration). - πŸ’« Support [aggregation with server-side data](https://mui.com/x/react-data-grid/server-side-data/aggregation/). - 🎁 Support [server-side lazy loading](https://mui.com/x/react-data-grid/server-side-data/lazy-loading/) on the Data Grid. - πŸ“ Support [editing with server-side Data Source](https://mui.com/x/react-data-grid/server-side-data/#updating-data). - 🎯 Improved [data caching](https://mui.com/x/react-data-grid/server-side-data/#data-caching). - 🏎️ Improved Data Grid aggregation, Excel export serialization, mount, resize and scrolling performance. - 🎨 Improved Data Grid theming and add default background color. - πŸ“Š New Pro chart: [Funnel](https://mui.com/x/react-charts/funnel/). - πŸ“Š New Community chart: [Radar](https://mui.com/x/react-charts/radar/) is available in preview for testing. - πŸ“Š Charts legend is now an HTML element which can be styled more easily. - πŸ“Š [Gauge charts](https://mui.com/x/react-charts/gauge/) animation. - πŸ“Š Create [custom HTML components](https://mui.com/x/react-charts/components/#html-components) using chart data. - πŸ“Š Refactor Charts [Tooltip customization](https://mui.com/x/react-charts/tooltip/#overriding-content). - πŸ“Š Improved Charts [composition](https://mui.com/x/react-charts/composition/#overview). - πŸ“Š Charts support server-side rendering under [some conditions](https://mui.com/x/react-charts/getting-started/#server-side-rendering). - πŸ“Š Add a new API to support multiple axes (decouple `margin` and `axis-size`). - 🚫 Removed `react-spring` dependency from `@mui/x-charts`. - πŸš€ New [Time Range Picker](https://mui.com/x/react-date-pickers/time-range-picker/) component. - πŸ” Support [automatic parents and children selection](https://mui.com/x/react-tree-view/rich-tree-view/selection/#automatic-parents-and-children-selection) for the Rich Tree View components. - πŸŽ›οΈ New [customization APIs](https://mui.com/x/migration/migration-tree-view-v7/#new-api-to-customize-the-tree-item) for the Tree Item component. Below are the changes since the last beta release: ### Data Grid #### `@mui/x-data-grid@8.0.0` - [DataGrid] Data source with editing (#16045) @MBilalShafi - [DataGrid] Deprecate old toolbar components (#17294) @KenanYusuf - [DataGrid] Refactor: add typings to icons (#17291) @romgrk - [DataGrid] Prevent scrollbars from showing on top (#17405) @romgrk - [l10n] Improve Polish (pl-PL) locale (#17336) (#17396) @sofortdagmbh - [l10n] Improve Swedish (sv-SE) locale (#17293) @ptuukkan #### `@mui/x-data-grid-pro@8.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-data-grid@8.0.0`, plus: - [DataGridPro] Fix row virtualization not working in list view (#17399) @cherniavskii #### `@mui/x-data-grid-premium@8.0.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan') Same changes as in `@mui/x-data-grid-pro@8.0.0`, plus: - [DataGridPremium] AI Assistant (#16992) @arminmeh - [DataGridPremium] Fix aggregated values sorting (#17326) @cherniavskii - [DataGridPremium] Fix cell display with custom renderers in pivot mode (#17323) @cherniavskii - [DataGridPremium] Fix stale aggregation results after filtering (#17296) @cherniavskii - [DataGridPremium] Pivoting (#9877) @cherniavskii - [DataGridPremium] Use `groupingValueGetter` for row grouping on the server (#17376) @cherniavskii ### Date and Time Pickers #### Breaking changes - The view selection process has been updated to make it clear across all Pickers. Pickers no longer automatically switch between **date** and **time views** or **start** and **end positions**. Moving between views and range positions is achieved using the new "Next" action button. #### `@mui/x-date-pickers@8.0.0` - [fields] Fix the error message when a custom field with an `<input />` but the field expects the accessible DOM structure (#17237) @flaviendelangle - [fields] Fix to submit a form on `Enter` press with accessible DOM structure (#17328) @LukasTy - [fields] Prevent focusing the field or any section when `disabled=true` (#17215) @flaviendelangle - [l10n] Improve Czech (cs-CZ) locale (#17387) @lubka272 - [l10n] Improve Slovak (sk-SK) locale (#17249) @lubka272 - [pickers] Fix failing proptypes CI (#17413) @romgrk - [pickers] Fix to not process default prevented propagated events (#17312) @LukasTy - [pickers] Mark active range position field section with underline (#16938) @LukasTy - [pickers] Remove automatic switch between date and time or between range positions (#17166) @flaviendelangle #### `@mui/x-date-pickers-pro@8.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-date-pickers@8.0.0`, plus: - [DateTimeRangePicker] Fix focused view behavior (#17313) @LukasTy ### Charts #### `@mui/x-charts@8.0.0` - [charts] Add `slotProps.legend.hidden` to migration docs (#17379) @bernardobelchior - [charts] Add labels above bars example (#16860) @bernardobelchior - [charts] Add tooltip to the radar (#16950) @alexfauquette - [charts] Add uncertainty area to line with forecast demo (#17355) @bernardobelchior - [charts] Animate gauge chart (#17304) @bernardobelchior - [charts] Convert `AnimationContext` into a plugin (#17299) @bernardobelchior - [charts] Export 'series' class as part of `barElementClasses` (#17273) @10tacion - [charts] Expose axes types (#17309) @bernardobelchior - [charts] Expose higher level `useAnimate` hook (#17162) @bernardobelchior - [charts] Fix axis types not narrowing (#17321) @bernardobelchior - [charts] Fix bar chart with partial data (#17290) @alexfauquette - [charts] Fix `useAnimate` test flakiness (#17372) @bernardobelchior - [charts] Radar design refinement (#17165) @alexfauquette - [charts] Remove unused code (#17310) @bernardobelchior - [charts] Remove unused files (#17242) @JCQuintas - [charts] Use `useEventCallback` to memoize `onZoomChange` without triggering a re-render (#17233) @JCQuintas - [charts] Document series class name (#17362) @bernardobelchior - [charts] Add default plugins in `ChartDataProvider` (#17403) @bernardobelchior - [charts] Fix chart direction in docs (#17419) @bernardobelchior #### `@mui/x-charts-pro@8.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-charts@8.0.0`, plus: - [charts-pro] Update zoom using `requestAnimationFrame` (#17137) @JCQuintas ### Tree View #### `@mui/x-tree-view@8.0.0` - [TreeView] Add React Compiler linting rules (#16357) @flaviendelangle #### `@mui/x-tree-view-pro@8.0.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-tree-view@8.0.0`. ### Docs - [docs] Add intro section for Telemetry (#17244) @prakhargupta1 - [docs] Add migration guide for the picker's `ownerState` changes (#17151) @flaviendelangle - [docs] Add What's new section for MUIΒ X v8 (#17397) @joserodolfofreitas - [docs] Fix ESM guide (#17280) @oliviertassinari - [docs] Fix Vale errors (#17281) @oliviertassinari - [docs] Fix country columns throwing on grouping (#17315) @cherniavskii - [docs] Fix paths in `ResponsiveChartContainer` migration guide (#17364) @MonstraG - [docs] Mention priority support on MUIΒ X docs (#16467) @prakhargupta1 - [docs] Match title side nav @oliviertassinari - [docs] Fix incorrect mention of PDF export (#17277) @oliviertassinari - [docs] Fix row spanning lab icon (#17278) @oliviertassinari - [docs] Fix header Sentence case consistency (#17274) @oliviertassinari - [docs] Flag experimental API (#17279) @oliviertassinari - [docs] Fix some 301 redirections @oliviertassinari - [docs] Update supported versions table (#17287) @joserodolfofreitas ### Core - [core] Always use the correct babel runtime (#17241) @alexfauquette - [core] Document `TelemetryContextType` (#17282) @oliviertassinari - [core] Fix proptypes (#17378) @cherniavskii - [core] Remove modern bundles (#17359) @LukasTy - [core] Setup testing to work with CSS imports (#17214) @romgrk - [core] Testing setup fixes & lints (#17356) @romgrk - [core] Simplify the way `__RELEASE_INFO__` is managed (#17416) @LukasTy - [code-infra] Align build script with core to handle sideEffects (#17370) @Janpot - [code-infra] CI optimization: re-use ffmpeg (#17333) @romgrk - [code-infra] Charts `vitest` changes (#17247) @JCQuintas - [code-infra] Further datagrid changes for `vitest` (#17251) @JCQuintas - [code-infra] Prepare argos script call for required arg (#17371) @Janpot - [code-infra] Remove more `clock=fake` from pickers tests (#17225) @JCQuintas - [code-infra] Tentative fix for datagrid flaky test (#17289) @JCQuintas - [code-infra] Update MUI Internal and slightly cleanup regressions test setup (#17182) @LukasTy - [infra] Update support label from 'priority' to 'unknown' (#17288) @michelengelen - [release] Major release preparation (#17319) @michelengelen - [test] Fix flaky data source aggregation test (#17307, #17311, #17316) @KenanYusuf @cherniavskii @LukasTy - [test] Skip flaky aggregation test (#17391) @MBilalShafi ## 8.0.0-beta.3 _Apr 3, 2025_ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - 🚫 Removed `react-spring` as a dependency of `@mui/x-charts` - πŸ“¦ Data Grid list view feature is now stable - πŸ’« Support title in Data Grid - πŸ“š Documentation improvements - 🐞 Bugfixes Team members who have contributed to this release: @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @noraleonte, @romgrk, @alexfauquette. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ### Data Grid #### Breaking changes - The list view feature and its related props are now stable. The `unstable_listColumn` prop has been renamed to `listViewColumn`. The `GridListColDef` type has been renamed to `GridListViewColDef`. ```diff -const listViewColDef: GridListColDef = { +const listViewColDef: GridListViewColDef = { field: 'listColumn', renderCell: ListViewCell, }; <DataGridPro - unstable_listView - unstable_listColumn={listViewColDef} + listView + listViewColumn={listViewColDef} /> ``` - The `useGridApiEventHandler()` hook has been renamed to `useGridEvent()`. - The `useGridApiOptionHandler()` hook has been renamed to `useGridEventPriority()`. #### `@mui/x-data-grid@8.0.0-beta.3` - [DataGrid] Fix "is any of" autocomplete rendering (#17226) @KenanYusuf - [DataGrid] Rename `useGridApiEventHandler()` to `useGridEvent()` (#17159) @romgrk - [DataGrid] Support adding a label to the grid (#17147) @KenanYusuf - [DataGrid] Refactor: remove material typings (#17119) @romgrk #### `@mui/x-data-grid-pro@8.0.0-beta.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@8.0.0-beta.3`, plus: - [DataGridPro] Make list view feature stable (#17217) @KenanYusuf - [DataGridPro] Always refetch lazy-loading rows (#16827) @MBilalShafi #### `@mui/x-data-grid-premium@8.0.0-beta.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@8.0.0-beta.3`. ### Date and Time Pickers #### `@mui/x-date-pickers@8.0.0-beta.3` - [pickers] Add new `nextOrAccept` action bar action (#17037) @flaviendelangle - [pickers] Improve the Multi Section Digital Clock scrollbar thickness (#16774) @oliviertassinari - [TimePicker] Align the Digital Clock scrollbar thickness (#17203) @LukasTy #### `@mui/x-date-pickers-pro@8.0.0-beta.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@8.0.0-beta.3`. ### Charts #### Breaking changes - Removed `react-spring` as a dependency of `@mui/x-charts`. A consequence of this change is that the props of some slots have been changed because the `SpringValue` wrapper has been removed. The affected slots and props are: - the type of the `x`, `y`, `width` and `height` props of the `bar` slot are now `number`; - the type of `startAngle`, `endAngle`, `innerRadius`, `outerRadius`, `arcLabelRadius`, `cornerRadius` and `paddingAngle` props of `pieArc` and `pieArcLabel` slot are now `number`. Additionally, the `pieArc` slot now receives a `skipAnimation` prop to configure whether animations should be enabled or disabled. - Tick labels in the y-axis of cartesian charts will now have an ellipsis applied to prevent overflow. If your tick labels are being clipped sooner than you would like, you can increase the y-axis size by increasing its width property. - The tooltip DOM structure is modified to improve accessibility. If you relied on it to apply some style or run tests, you might be impacted by this modification. - The axis tooltip displays a table per axis with the axis value in a caption. - Cells containing the series label and the color mark got merged in a th cell. #### `@mui/x-charts@8.0.0-beta.3` - [charts] Adjust color palettes (#17209) @noraleonte - [charts] Allow multiple axes in the tooltip (#17058) @alexfauquette - [charts] Improve custom legend docs (#17231) @JCQuintas - [charts] Fix crash when item shown in tooltip is unmounted (#17169) @bernardobelchior - [charts] Migrate some animations from `react-spring` (#16961) @bernardobelchior - [charts] Remove `react-spring` (#17123) @bernardobelchior - [charts] Fix y-axis tick label overflow (#16846) @bernardobelchior #### `@mui/x-charts-pro@8.0.0-beta.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@8.0.0-beta.3`. ### Tree View #### `@mui/x-tree-view@8.0.0-beta.3` Internal changes. #### `@mui/x-tree-view-pro@8.0.0-beta.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-tree-view@8.0.0-beta.3`. ### `@mui/x-codemod@8.0.0-beta.3` - [codemod] Add `listView` prop rename codemod (#17220) @MBilalShafi ### Docs - [docs] Add "Usage with MaterialΒ UI v5/v6" guide (#17164) @cherniavskii - [docs] Fix 301 link @oliviertassinari - [docs] Fix redirection getting-started (#17200) @oliviertassinari - [docs] Sync Stack Overflow docs with reality (#17198) @oliviertassinari - [docs] Update Localization Provider JSDoc link (#17207) @LukasTy ### Core - [core] Cleanup `@mui` dependency versions (#17160) @LukasTy - [core] Sync scorecards.yml across codebase @oliviertassinari - [core] Revert upgrade to React 19.1 (#17206) @bernardobelchior - [code-infra] Fix `test:unit` warning (#17224) @JCQuintas - [code-infra] Fix pickers failing test after clock=fake removal (#17202) @JCQuintas - [code-infra] Remove clock=fake from `describeValidation` (#17150) @JCQuintas - [code-infra] Remove clock=fake from `describeValue` (#17199) @JCQuintas - [infra] Add write permission for actions in issue status label handler (#17161) @michelengelen ## 8.0.0-beta.2 _Mar 27, 2025_ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - πŸ” Update the Data Grid quick filter to be collapsed when not in use - 🐞 Bugfixes Special thanks go out to the community members for their valuable contributions: @lhilgert9. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @hasdfa, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @mnajdova, @romgrk. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ### Data Grid #### `@mui/x-data-grid@8.0.0-beta.2` - [DataGrid] Fix error caused by trying to render rows that are not in the state anymore (#17057) @arminmeh - [DataGrid] Refactor: remove more material (#16922) @romgrk - [DataGrid] Update Quick Filter component to be expandable (#16862) @KenanYusuf - [DataGrid] Fix crash when used with `@mui/styled-engine-sc` (#17154) @KenanYusuf #### `@mui/x-data-grid-pro@8.0.0-beta.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-data-grid@8.0.0-beta.2`, plus: - [DataGridPro] Data source: Allow expanding groups with unknown children (#17144) @MBilalShafi #### `@mui/x-data-grid-premium@8.0.0-beta.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan') Same changes as in `@mui/x-data-grid-pro@8.0.0-beta.2`. ### Date and Time Pickers #### `@mui/x-date-pickers@8.0.0-beta.2` - [fields] Extract the props of each field slot into a standalone hook for easier re-use (#17114) @flaviendelangle - [pickers] Fix visual regression in Date Range Calendar's day (#17148) @flaviendelangle - [pickers] Remove all code duplication to apply default values to validation props (#17038) @flaviendelangle #### `@mui/x-date-pickers-pro@8.0.0-beta.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-date-pickers@8.0.0-beta.2`. ### Charts #### `@mui/x-charts@8.0.0-beta.2` - [charts] Memoize axes and series with default (#17156) @alexfauquette - [charts] Add pie benchmark (#17115) @JCQuintas - [charts] Fix CSS vars support for dark theme (#17106) @alexfauquette - [charts] Fix radar hover (#17134) @alexfauquette - [charts] Move axis interaction to selectors (#17039) @alexfauquette - [charts] Fix Pie benchmark (#17125) @JCQuintas #### `@mui/x-charts-pro@8.0.0-beta.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-charts@8.0.0-beta.2`. ### Tree View #### `@mui/x-tree-view@8.0.0-beta.2` Internal changes. #### `@mui/x-tree-view-pro@8.0.0-beta.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@8.0.0-beta.2`. ### `@mui/x-codemod@8.0.0-beta.1` - [codemod] Add Data Grid codemods (#17121, #17124) @MBilalShafi ### Docs - [docs] Fix example import for `ExportExcel` component (#17110) @KenanYusuf ### Core - [code-infra] Remove `@mui/styles` dependency & patches (#17071) @mnajdova - [code-infra] Add more tests to slow screenshot tests (#17075) @JCQuintas - [code-infra] Fix pickers codecov (#17120) @JCQuintas - [code-infra] Move `isDeepEqual` to @mui/x-internals (#17129) @JCQuintas - [code-infra] Remove `test_regressions` step from React 18 pipeline (#17108) @LukasTy - [code-infra] Update some data-grid tests for vitest (#17078, #17104, #17146) @JCQuintas - [code-infra] Update some date-pickers tests for vitest (#17083) @JCQuintas - [infra] Update `issue-status-label-handler.yml` @michelengelen - [infra] Added reusable issue status label handler workflow (#17145) @michelengelen - [infra] Switch to reusable 'stale issues/PRs' workflow (#17107) @michelengelen - [telemetry] Improve request body size, update dependencies, and optimize SSR handling (#17008) @hasdfa ## 8.0.0-beta.1 _Mar 21, 2025_ We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨: - 🐞 Bugfixes Special thanks go out to the community members for their valuable contributions: @jyash97. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @flaviendelangle, @JCQuintas, @KenanYusuf. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ### Data Grid #### `@mui/x-data-grid@8.0.0-beta.1` - [DataGrid] Fix error caused by `forwardRef` to `ClickAwayListener` (#17049) @arminmeh - [DataGrid] Fix error while editing rows with custom id (#17048) @arminmeh #### `@mui/x-data-grid-pro@8.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-data-grid@8.0.0-beta.1`, plus: - [DataGridPro] Fix header select checkbox state with `checkboxSelectionVisibleOnly` and `paginationMode="server"` (#17026) @arminmeh #### `@mui/x-data-grid-premium@8.0.0-beta.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan') Same changes as in `@mui/x-data-grid-pro@8.0.0-beta.1`, plus: - [DataGridPremium] Update column state correctly when grouping mode is updated with one grouping column (#17069) @arminmeh ### Date and Time Pickers #### `@mui/x-date-pickers@8.0.0-beta.1` - [fields] Clean the `useField` hook (part 1) (#16944) @flaviendelangle - [fields] Improve the check for year in `doesSectionFormatHaveLeadingZeros` (#17051) @flaviendelangle - [pickers] Deprecate the `disableOpenPicker` prop (#17040) @flaviendelangle - [pickers] Simplify the `cleanLeadingZeros` method (#17063) @flaviendelangle - [pickers] Use the new `ownerState` in `PickersDay` and `DateRangePickerDay` (#17035) @flaviendelangle #### `@mui/x-date-pickers-pro@8.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-date-pickers@8.0.0-beta.1`, plus: - [DateRangePicker] Use desktop media query constant on range pickers (#17052) @flaviendelangle ### Charts #### `@mui/x-charts@8.0.0-beta.1` - [charts] Fix horizontal bar with multiple axes (#17059) @alexfauquette #### `@mui/x-charts-pro@8.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-charts@8.0.0-beta.1`, plus: - [charts-pro] Allow disabling Heatmap tooltip (#17060) @JCQuintas ### Tree View #### `@mui/x-tree-view@8.0.0-beta.1` Internal changes. #### `@mui/x-tree-view-pro@8.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-tree-view@8.0.0-beta.1`. ### Docs - [docs] Fix 404 (#17033) @alexfauquette - [docs] Fix Data Grid advanced list view demo (#17064) @KenanYusuf ## 8.0.0-beta.0 <img width="100%" alt="MUIΒ X v8 Beta is live" src="https://github.com/user-attachments/assets/61ec4dd8-c946-456b-8b45-d51de8772f5d"> _Mar 18, 2025_ We'd like to offer a big thanks to the 21 contributors who made this release possible. Here are some highlights ✨: - πŸš€ Add [Time Range Picker](https://mui.com/x/react-date-pickers/time-range-picker/) component - 🎁 Add support for `@mui/material` version 7 in all X packages - 🐞 Bugfixes - 🌍 Improve Chinese (zh-CN), (zh-HK), (zh-TW), Czech (cs-CZ), Korean (ko-KR) and Slovak (sk-Sk) locales on the Data Grid - 🌍 Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales on the Pickers ## Breaking changes - ℹ️ The peer dependency on `@mui/material` has been updated to accept only v7. This has been done to increase the adoption rate of ESM. Since only v7 of `@mui/material` has proper ESM support, we decided to help with its adoption and fix numerous issues using X packages in environments where transpiling is not an option. Special thanks go out to the community members for their valuable contributions: @Blake-McCullough, @hlavacz, @k-rajat19, @layerok, @nusr, @owais635, @yelahj. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @DiegoAndai, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @romgrk. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ## Alpha release highlights Below are the highlights of the alpha releases leading up to this beta release: - βš›οΈ React 19 support. - πŸ› οΈ New and improved Data Grid [Toolbar component](https://mui.com/x/react-data-grid/components/toolbar/). - πŸ“¦ Data Grid [data source](https://mui.com/x/react-data-grid/server-side-data/) is now available in the Community plan. - 🚫 Add ["No columns" overlay](https://mui.com/x/react-data-grid/overlays/#no-columns-overlay) to Data Grid. - 🍬 Improved design for Data Grid [Header filters](https://mui.com/x/react-data-grid/filtering/header-filters/). - πŸ”„ Add Data Grid [Scroll restoration](https://mui.com/x/react-data-grid/scrolling/#scroll-restoration). - πŸ’« Support [aggregation with server-side data](https://mui.com/x/react-data-grid/server-side-data/aggregation/). - 🎁 Support [Server-side lazy loading](https://mui.com/x/react-data-grid/server-side-data/lazy-loading/) on the Data Grid. - 🎯 Improved [data caching](https://mui.com/x/react-data-grid/server-side-data/#data-caching). - 🏎️ Improve Data Grid aggregation, Excel export serialization, mount, resize and scrolling performance. - 🎨 Improve Data Grid theming and add default background color. - πŸ“Š New Pro chart: [Funnel](https://mui.com/x/react-charts/funnel/). - πŸ“Š New Community chart: [Radar](https://mui.com/x/react-charts/radar/) is available in preview for testing. - πŸ“Š Charts legend is now an HTML element which can be styled more easily. - πŸ“Š Create [custom HTML components](https://mui.com/x/react-charts/components/#html-components) using chart data. - πŸ“Š Refactor Charts [Tooltip customization](https://mui.com/x/react-charts/tooltip/#overriding-content). - πŸ“Š Improve Charts [composition](https://mui.com/x/react-charts/composition/#overview). - πŸ“Š Charts support server-side rendering under [some conditions](https://mui.com/x/react-charts/getting-started/#server-side-rendering). - πŸ“Š Add a new API to support multiple axes (decouple `margin` and `axis-size`) - πŸ” Support [automatic parents and children selection](https://mui.com/x/react-tree-view/rich-tree-view/selection/#automatic-parents-and-children-selection) for the Rich Tree View components. ### Data Grid #### `@mui/x-data-grid@8.0.0-beta.0` - [DataGrid] Add a slot for unsort icon in column menu (#16918) @layerok - [DataGrid] Add click propagation and prevents default on `toggleMenu` click (#16845) @michelengelen - [DataGrid] Anchor preference panel to columns/filter trigger (#16953) @KenanYusuf - [DataGrid] Fix `QuickFilter` debounce overriding input value (#16856) @KenanYusuf - [DataGrid] Fix `printOptions` not respecting `hideFooter` root prop (#14863) @k-rajat19 - [DataGrid] Fix `processRowUpdate()` error if the row is removed before it is executed (#16741) @arminmeh - [DataGrid] Fix bug with adding and removing columns in active edit state (#16888) @Blake-McCullough - [DataGrid] Fix columns update not restoring column definition defaults (#16970) @cherniavskii - [DataGrid] Fix page scrolling when preference panel is opened (#17004) @KenanYusuf - [DataGrid] Fix visual issue with pinned columns and row spanning (#16923) @MBilalShafi - [DataGrid] Make column header menu button aria-labels unique (#16796) @owais635 - [DataGrid] Refactor: create base Pagination (#16759) @romgrk - [DataGrid] Update CSS variable naming convention to singular (#16993) @KenanYusuf - [DataGrid] Use MaterialΒ UI CSS vars (#16962) @KenanYusuf - [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#15230, #16898 and #16966) @nusr - [l10n] Improve Czech (cs-CZ) and Slovak (sk-Sk) locales (#16968) @hlavacz - [l10n] Improve Korean (ko-KR) locale (#16807) @yelahj #### `@mui/x-data-grid-pro@8.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-data-grid@8.0.0-beta.0`, plus: - [DataGridPro] Fix header filters not displaying restored values (#16855) @MBilalShafi - [DataGridPro] Fix infinite loading not reacting when scrolling to the end (#16926) @arminmeh #### `@mui/x-data-grid-premium@8.0.0-beta.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan') Same changes as in `@mui/x-data-grid-pro@8.0.0-beta.0`, plus: - [DataGridPremium] Fix selection propagation issues with controlled state (#16810) @MBilalShafi ### Date and Time Pickers #### Breaking changes - The `useClearableField` hook has been removed. The custom field component now receives the `clearable` and `onClear` props β€” [Learn more](https://mui.com/x/migration/migration-pickers-v7/#useclearablefield). - The `ExportedUseClearableFieldProps`, `UseClearableFieldSlots`, `UseClearableFieldSlotProps`, and `UseClearableFieldResponse` types have been removed β€” [Learn more](https://mui.com/x/migration/migration-pickers-v7/#removed-types). #### `@mui/x-date-pickers@8.0.0-beta.0` - [l10n] Improve Chinese (zh-CN), (zh-HK) and (zh-TW) locales (#16966) @nusr - [pickers] Add the Time Range Picker component (#9431) @LukasTy and @flaviendelangle - [pickers] Add valid aria labels to the range picker opening button (#16799) @flaviendelangle - [pickers] Always use `props.value` as the source of truth when defined (#16853) @flaviendelangle - [pickers] Avoid passing unexpected `focusedView` to time renderers (#16869) @LukasTy - [pickers] Improve JSDoc (#16858) @flaviendelangle - [pickers] Remove `useClearableField` hook (#16859) @LukasTy #### `@mui/x-date-pickers-pro@8.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-date-pickers@8.0.0-beta.0`, plus: - [DateRangeCalendar] Do not update the previewed day when hovering a day and the value is empty (#16892) @flaviendelangle - [TimeRangePicker] Shift popper between start and end input on multi input field (#16920) @LukasTy ### Charts #### Breaking changes - Tick labels in the x-axis of cartesian charts will now have an ellipsis applied to prevent overflow. If your tick labels are being clipped sooner than you would like, you can increase the x-axis size by increasing its `height` property. The default line-height has also been changed to 1.25, so if you aren't customizing the line height for x-axis tick labels, make sure to double check if the result is desirable. #### `@mui/x-charts@8.0.0-beta.0` - [charts] Add axis highlight to the radar (#16868) @alexfauquette - [charts] Add radar labels (#16839) @alexfauquette - [charts] Allow breaking line for radar labels (#16947) @alexfauquette - [charts] Allow circular grid on radar chart (#16870) @alexfauquette - [charts] Allow customizing shape in scatter charts (#16640) @bernardobelchior - [charts] Avoid spreading props in demos (#16857) @bernardobelchior - [charts] Fix React 18 tests failing due to missing `forwardRef` (#16894) @bernardobelchior - [charts] Fix line highlight position with RTL (#16994) @alexfauquette - [charts] Fix interaction performance (#16897) @JCQuintas - [charts] Fix x-axis tick label overflow (#16709) @bernardobelchior - [charts] Grid support time step below 1s (#16957) @alexfauquette - [charts] Improve radar slice (#16932) @alexfauquette - [charts] Radar add option to highlighting series (#16940) @alexfauquette - [charts] Refactor zoom `isInteracting` behavior directly to community code (#16999) @JCQuintas - [charts] Remove `fireEvent` usage from tests (#17006) @JCQuintas - [charts] Remove dead voronoi code (#16886) @JCQuintas - [charts] Remove the polar axis plugin from the default plugins of the ChartContainer (#16936) @alexfauquette - [charts] Rename `useIsClient` (#16937) @bernardobelchior #### `@mui/x-charts-pro@8.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-charts@8.0.0-beta.0`. ### Tree View #### `@mui/x-tree-view@8.0.0-beta.0` Internal changes. #### `@mui/x-tree-view-pro@8.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-tree-view@8.0.0-beta.0`. ### Docs - [docs] Add the Time Range Picker to relevant validation demos (#16919) @LukasTy - [docs] Adjust Picker field lifecycle explanation (#16901) @LukasTy - [docs] Fix custom detail panel toggle state update (#16929) @nusr - [docs] Fix Pickers custom field with Autocomplete demo (#16863) @LukasTy - [docs] Fix link to the lazy loading demo for the DataGrid (#16907) @nusr - [docs] Improve sparkline demo (#16911) @alexfauquette - [docs] Remove `showQuickFilter: true` toolbar prop from demos (#17003) @KenanYusuf ### Core - [core] Fix proptypes and API docs after merge (#16934) @LukasTy - [core] Update `@mui/utils` dependency to only v7 (#16928) @Janpot - [core] Use MUIΒ Core v7 libraries in packages and docs (#16771) @DiegoAndai - [code-infra] Avoid loading package.json with relative path (#16931) @Janpot - [code-infra] Bump `cimg/node` image version (#16964) @LukasTy - [code-infra] Create `Tanstack query` renovate group (#16989) @LukasTy - [code-infra] Fix inconsistent argos test (#16921) @JCQuintas - [infra] Added issue permission to workflow (#16865) @michelengelen - [infra] Make tests on React 18 part of pipeline (#16933) @LukasTy - [infra] changed event trigger from `pull_request` to `pull_request_target` (#16902) @michelengelen - [test] Fix Apple M3 failing to execute unit test cases (#16959) @nusr ## 8.0.0-alpha.14 _Mar 7, 2025_ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: - πŸš€πŸ“Š New Pro Chart: It is now possible to create Funnel chartsβ€”perfect for visualizing conversions, sales pipelines and more! <img width="418" alt="Screenshot 2025-01-31 at 12 22 31" src="https://github.com/user-attachments/assets/8cd26821-5f11-46bf-a9bb-34d212880a47" /> - 🎁 The first iteration of the radar chart is available. Features and refinements will be added in the coming weeks. - πŸ› οΈ New and improved [Toolbar component](https://mui.com/x/react-data-grid/components/toolbar/) for the data grid - 🐞 Bugfixes Special thanks go out to the community member for their valuable contributions: @vadimka123. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @michelengelen, @noraleonte, @oliviertassinari. <!--/ HIGHLIGHT_ABOVE_SEPARATOR /--> ### Data Grid #### Breaking changes - The density selector has been removed from the toolbar. It is still possible to set the density programmatically via the `density` prop. A density selector can be added to a custom toolbar passed to `slots.toolbar`. See [Toolbar componentβ€”Settings menu](https://mui.com/x/react-data-grid/components/toolbar/#settings-menu) for an example. - The quick filter is now shown in the toolbar by default. Use `slotProps={{ toolbar: { showQuickFilter: false } }}` to hide it. - The `<GridSaveAltIcon />` icon is not exported anymore. Import `SaveAlt` from `@mui/icons-material` instead. #### `@mui/x-data-grid@8.0.0-alpha.14` - [DataGrid] Fix `aria-hidden` console error when scrollbar is dragged (#16829) @arminmeh - [DataGrid] Fix scroll jump with dynamic row height (#16763) @cherniavskii - [DataGrid] New `<Toolbar />` component (#14611) @KenanYusuf - [DataGrid] Use new toolbar by default (#16814) @KenanYusuf - [DataGrid] Remove the quick filtering on a given column (#16738) @vadimka123 #### `@mui/x-data-grid-pro@8.0.0-alpha.14` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-data-grid@8.0.0-alpha.14`. #### `@mui/x-data-grid-premium@8.0.0-alpha.14` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan') Same changes as in `@mui/x-data-grid-pro@8.0.0-alpha.14`. ### Date and Time Pickers #### Breaking changes - All Date Time Picker variants now use Digital Clock for time editing. - Stop passing invalid date to `onChange` when the date is partially filled β€” [Learn more](https://mui.com/x/migration/migration-pickers-v7/#treat-partially-filled-date-as-null-in-onchange). #### `@mui/x-date-pickers@8.0.0-alpha.14` - [DateTimePicker] Use Digital Clock in all component variants (#16678) @LukasTy - [fields] Always use `props.value` as the source of truth when defined (#15875) @flaviendelangle - [fields] Fix Fields aria relationship with `helperText` (#16821) @LukasTy - [pickers] Add `TValidationProps` generic to the `PickerManager` interface (#16832) @flaviendelangle - [pickers] Fix `edge` property setting in different button position cases (#16838) @LukasTy - [pickers] Fix typo in JSDoc (#16831) @flaviendelangle - [pickers] Refactor the files in the `usePicker` folder (#16680) @flaviendelangle #### `@mui/x-date-pickers-pro@8.0.0-alpha.14` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-date-pickers@8.0.0-alpha.14`. ### Charts #### `@mui/x-charts@8.0.0-alpha.14` - [charts] Fix `undefined` behaving differently from missing value for axis size (#16844) @bernardobelchior - [charts] Fix x-axis text anchor default when language is RTL (#16836) @bernardobelchior - [charts] Add Radar chart (#16406) @alexfauquette - [charts] Move series default color generation in the series config (#16752) @alexfauquette - [charts] Render axis title within axis size (#16730) @bernardobelchior - [charts] Split `defaultizeAxis` function into two (#16745) @bernardobelchior - [charts] Warn if axes data don't have enough elements (#16830) @alexfauquette - [charts] XAxis: Add defaults for `textAnchor` and `dominantBaseline` based on `angle` (#16817) @bernardobelchior #### `@mui/x-charts-pro@8.0.0-alpha.14` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-charts@8.0.0-alpha.14`, plus: - [charts] Add Funnel chart (#14804) @JCQuintas ### Tree View #### Breaking changes - The `selectItem` method has been renamed `setItemSelection`: ```diff const { publicAPI } = useTreeItemUtils(); const handleSelectItem() { - publicAPI.selectItem({ event, itemId: props.itemId, shouldBeSelected: true }) + publicAPI.setItemSelection({ event, itemId: props.itemId, shouldBeSelected: true }) } ``` - The `setItemExpansion` method now receives a single object instead of a list of parameters: ```diff const { publicAPI } = useTreeItemUtils(); const handleExpandItem() { - publicAPI.setItemExpansion(event, props.itemId, true) + publicAPI.setItemExpansion({ event, itemId: props.itemId, shouldBeExpanded: true }) } ``` #### `@mui/x-tree-view@8.0.0-alpha.14` - [TreeView] Clean the expansion and selection API methods (#16795) @flaviendelangle #### `@mui/x-tree-view-pro@8.0.0-alpha.14` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan') Same changes as in `@mui/x-tree-view@8.0.0-alpha.14`. ### Docs - [docs] Fix padding package install on mobile (#16794) @oliviertassinari - [