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

7.5.0

May 17, 2024

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

• 🎁 Add support for checkbox selection on the Tree View components
• 🌍 Improve Norwegian (nb-NO) and Spanish (es-ES) locales on the Data Grid
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.4.0

May 10, 2024

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

• ✨ Add optional id attribute on shortcut items of the Date and Time Pickers
• 🎁 Add support for date-fns-jalali v3 in the Date and Time Pickers
• 🚀 Support rounded corners on BarChart
• 🌍 Add accessibility page to TreeView docs
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.4.0

• [DataGrid] Fix error when focus moves from column header to svg element (#13028) @oukunan
• [DataGrid] Fix error on column groups change (#12965) @romgrk

@mui/x-data-grid-pro@7.4.0

Same changes as in @mui/x-data-grid@7.4.0.

@mui/x-data-grid-premium@7.4.0

Same changes as in @mui/x-data-grid-pro@7.4.0.

Date and Time Pickers

@mui/x-date-pickers@7.4.0

• [fields] Fix regression preventing form submit on "Enter" click (#13065) @LukasTy
• [pickers] Add AdapterDateFnsJalaliV3 adapter (#12891) @smmoosavi
• [pickers] Add optional id attribute on shortcut items (#12976) @noraleonte

@mui/x-date-pickers-pro@7.4.0

Same changes as in @mui/x-date-pickers@7.4.0.

Charts

@mui/x-charts@7.4.0

• [charts] Add ChartsGrid to themeAugmentation (#13026) @noraleonte
• [charts] Support rounded corners on BarChart (#12834) @JCQuintas

Tree View

@mui/x-tree-view@7.4.0

• [TreeView] Fix props propagation and theme entry in <TreeItem2 /> (#12889) @flaviendelangle

Docs

• [docs] Add accessibility page to TreeView docs (#12845) @noraleonte
• [docs] Fix Charts styling typos (#13061) @oliviertassinari
• [docs] Fix legal link to EULA free trial (#13013) @oliviertassinari
• [docs] Update interface name in pinned columns docs (#13070) @cherniavskii

Core

• [core] Improve release process docs (#12977) @JCQuintas
• [core] Prepare React 19 (#12991) @oliviertassinari
• [docs-infra] Fix Netlify PR preview path (#12993) @oliviertassinari
• [infra] Automation: Add release PR reviewers (#12982) @michelengelen

7.3.2

May 2, 2024

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

• 🎁 Add "no data" and "loading" states to charts, allowing users to create custom visualizations for each state
• 🌍 Improve Hebrew (he-IL) and Hungarian (hu-HU) locales on the Date and Time Pickers
• 🌍 Improve Danish (da-DK) and Slovak (sk-SK) locales on the Data Grid
• 📝 Fix a typo in the auto-generated Charts gradient id attribute. It should not affect you, but if you were relying on the gradient id attribute, please update your usage.
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.3.1

Apr 26, 2024

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

• 🎁 Scatter Charts get a z-axis to allow coloring data points independently from their coordinates
• 🌍 Improve Catalan (ca-ES) and Spanish (es-ES) locales on the Date and Time Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.2.0

Apr 12, 2024

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

• 🎨 Make grid colors customizable through the MUI themes API
• 🌍 Improve French (fr-FR), German (de-DE), and Swedish (sv-SE) locales on the Data Grid and Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.1.1

Apr 5, 2024

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

• 🚀 Add setItemExpansion Tree View API method (#12595) @flaviendelangle
• 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
• 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

7.1.0

Mar 28, 2024

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

• 🚀 Add resizeThrottleMs prop (#12556) @romgrk
• 🌍 Improve Chinese (Hong Kong) (zh-HK) and Italian (it-IT) locale on the Pickers
• 🐞 Bugfixes
• 📚 Documentation improvements

Data Grid

@mui/x-data-grid@7.1.0

• [DataGrid] Add resizeThrottleMs prop (#12556) @romgrk
• [DataGrid] Do not publish rowEditStop event if row has fields with errors (#11383) @cherniavskii
• [DataGrid] Fix bug in suspense (#12553) @romgrk
• [DataGrid] Fix missing class name in the GridToolbarQuickFilter component (#12484) @jhawkins11

@mui/x-data-grid-pro@7.1.0

Same changes as in @mui/x-data-grid@7.1.0.

@mui/x-data-grid-premium@7.1.0

Same changes as in @mui/x-data-grid-pro@7.1.0.

Date and Time Pickers

@mui/x-date-pickers@7.1.0

• [fields] Fix placeholder override (#12589) @flaviendelangle
• [l10n] Improve Chinese (Hong Kong) (zh-HK) locale (#12547) @samchiu90
• [l10n] Improve Italian (it-IT) locale (#12549) @antomanc
• [pickers] Prepare compatibility with @mui/zero-runtime (stop using ownerState in styled) (#12003) @flaviendelangle

@mui/x-date-pickers-pro@7.1.0

Same changes as in @mui/x-date-pickers@7.1.0, plus:

• [DateRangePicker] Fix selection behavior with single input field when readOnly (#12593) @LukasTy

Charts

@mui/x-charts@7.1.0

• [charts] Fix tooltip causing crash on data change (#12571) @Rishi556

Tree View

@mui/x-tree-view@7.1.0

• [TreeView] Do not use outdated version of the state to compute new label first char in Rich Tree View (#12512) @flaviendelangle

Docs

• [docs] Add example to add a second icon next to the field's opening button (#12524) @flaviendelangle
• [docs] Add missing note to Data Grid migration guide (#12557) @romgrk
• [docs] Fix Charts title for SEO (#12545) @oliviertassinari
• [docs] Fix small typo (#12558) @diogoparente
• [docs] Improve codemod related documentation (#12582) @MBilalShafi
• [docs] Reduce noise in migration docs side navigation (#12552) @cherniavskii
• [docs] Sync static images from core repository (#12525) @LukasTy

Core

• [core] Fix l10n script on Windows (#12550) @LukasTy
• [core] Include DateTimeRangePicker tag in releaseChangelog (#12526) @LukasTy
• [core] Upgrade monorepo (#12536) @cherniavskii

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.