@mui/x-date-pickers - npm Package Versions

7.0.0

Mar 22, 2024

We're excited to announce the first v7 stable release! 🎉🚀

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
• Date and Time Pickers
• Tree View
• Charts

We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:

• 🚀 Improve the usage of custom viewRenderers on DateTimePicker (#12441) @LukasTy
• ✨ Set focus on the focused Tree Item instead of the Tree View (#12226) @flaviendelangle
• 🕹️ Support controlled density for the Data Grid (#12332) @MBilalShafi
• 🎁 Dynamic virtualization range for the Data Grid (#12353) @romgrk
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

Breaking changes

• The density is a controlled prop now, if you were previously passing the density prop to the Data Grid, you will need to do one of the following:

  1. Move it to the initialState.density to initialize it.

   <DataGrid
  -  density="compact"
  +  initialState={{ density: "compact" }}
   />
  

  1. Move it to the state and use onDensityChange callback to update the density prop accordingly for it to work as expected.

  + const [density, setDensity] = React.useState<GridDensity>('compact');
   <DataGrid
  -  density="compact"
  +  density={density}
  +  onDensityChange={(newDensity) => setDensity(newDensity)}
   />
  

• The selector gridDensityValueSelector was removed, use the gridDensitySelector instead.

• The props rowBuffer and columnBuffer were renamed to rowBufferPx and columnBufferPx. Their value is now a pixel value rather than a number of items. Their default value is now 150.

• The props rowThreshold and columnThreshold have been removed. If you had the rowThreshold prop set to 0 to force new rows to be rendered more often – this is no longer necessary.

7.0.0-beta.7

Mar 14, 2024

We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:

• 🦥 The Lazy loading feature is now stable and the lazyLoading feature flag was removed from the experimentalFeatures prop.
• 🌍 Improve Japanese (ja-JP) locale for the Data Grid
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

Breaking changes

• The columnHeader--showColumnBorder class was replaced by columnHeader--withLeftBorder and columnHeader--withRightBorder.
• The columnHeadersInner, columnHeadersInner--scrollable, and columnHeaderDropZone classes were removed since the inner wrapper was removed in our effort to simplify the DOM structure and improve accessibility.
• The pinnedColumnHeaders, pinnedColumnHeaders--left, and pinnedColumnHeaders--right classes were removed along with the element they were applied to. The pinned column headers now use position: 'sticky' and are rendered in the same row element as the regular column headers.

@mui/x-charts-pro@7.0.0-beta.6

Same changes as in @mui/x-charts@7.22.0.

Tree View

7.0.0-beta.5

Mar 1, 2024

We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

• 🎁 Add getSortComparator for more advanced sorting behaviors (#12215) @cherniavskii
• 🚀 Add use client directive to the Grid packages (#11803) @MBilalShafi
• 🌍 Improve Korean (ko-KR) and Chinese (zh-CN) locales on the Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.0.0-beta.4

Feb 23, 2024

We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:

• 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
• 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
• 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
• 🐞 Bugfixes
• 📚 Documentation improvements

Breaking changes

• The support for IE 11 has been removed from all MUI X packages. The legacy bundle that used to support old browsers like IE 11 is no longer included.

Data Grid

Breaking changes

• The cell inner wrapper .MuiDataGrid-cellContent has been removed, use .MuiDataGrid-cell to style the cells.

7.0.0-beta.2

Feb 9, 2024

We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:

• 🚀 Add slot typings on the Data Grid components (#11795) @romgrk
• 🎁 Support UTC date formatting in Charts tooltip (#11943) @shaharyar-shamshi
• 🌍 Improve Danish (da-DK) locale Data Grid (#11877) @ShahrazH
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid