We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
- 🌍 Add a
localeText
prop to all pickers to customize the translations (#6212) @flaviendelangle - 🌍 Add Finnish (fi-FI) locale to the pickers (#6219) @PetroSilenius
- 🌍 Add Persian (fa-IR) locale to the pickers (#6181) @fakhamatia
- 📚 Documentation improvements
- 🐞 Bugfixes
@mui/x-data-grid@v6.0.0-alpha.0
/ @mui/x-data-grid-pro@v6.0.0-alpha.0
/ @mui/x-data-grid-premium@v6.0.0-alpha.0
Breaking changes
-
The deprecated
hide
column property has been removed in favor of thecolumnVisibilityModel
prop and initial state.<DataGrid columns={[ field: 'id, - hide: true, ]} + initialState={{ + columns: { + columnVisibilityModel: { id: false }, + } + }} />
You can find more information about this new API on our documentation.
-
The
GridEvents
enum is now a TypeScript type.- apiRef.current.subscribeEvent(GridEvents.rowClick', handleRowClick) + apiRef.current.subscribeEvent('rowClick', handleRowClick)
Changes
- [DataGrid] Do not publish
cellFocusOut
event if the row was removed (#6251) @cherniavskii - [DataGrid] Fix scroll anchoring with master details (#6054) @oliviertassinari
- [DataGrid] Improve Polish (pl-PL) locale on the data grid (#6245) @grzegorz-bach
- [DataGrid] Remove the
GridEvents
enum (#6003) @flaviendelangle - [DataGrid] Remove the deprecated
hide
column property (#5999) @flaviendelangle
@mui/x-date-pickers@v6.0.0-alpha.0
/ @mui/x-date-pickers-pro@v6.0.0-alpha.0
Breaking changes
-
All the deprecated props that allowed you to set the text displayed in the pickers have been removed.
You can now use the
localText
prop available on all picker components:Removed prop Property in the new localText
propendText
end
getClockLabelText
clockLabelText
getHoursClockNumberText
hoursClockNumberText
getMinutesClockNumberText
minutesClockNumberText
getSecondsClockNumberText
secondsClockNumberText
getViewSwitchingButtonText
calendarViewSwitchingButtonAriaLabel
leftArrowButtonText
openPreviousView
(orpreviousMonth
when the button changes the visible month)rightArrowButtonText
openNextView
(ornextMonth
when the button changes the visible month)startText
start
For instance if you want to replace the
startText
/endText
<DateRangePicker - startText="From" - endText="To" + localeText={{ + start: 'From', + end: 'To', + }} />
You can find more information about the new api, including how to set those translations on all your components at once in the documentation
-
The component slots
LeftArrowButton
andRightArrowButton
have been renamedPreviousIconButton
andNextIconButton
to better describe there usage:<DatePicker components={{ - LeftArrowButton: CustomButton, + PreviousIconButton: CustomButton, - RightArrowButton: CustomButton, + NextIconButton: CustomButton, }} componentsProps={{ - leftArrowButton: {}, + previousIconButton: {}, - rightArrowButton: {}, + nextIconButton: {}, }} />
-
The
date
prop has been renamedvalue
onMonthPicker
/YearPicker
,ClockPicker
andCalendarPicker
.- <MonthPicker date={dayjs()} onChange={handleMonthChange} /> + <MonthPicker value={dayjs()} onChange={handleMonthChange} /> - <YearPicker date={dayjs()} onChange={handleYearChange} /> + <YearPicker value={dayjs()} onChange={handleYearChange} /> - <ClockPicker date={dayjs()} onChange={handleTimeChange} /> + <ClockPicker value={dayjs()} onChange={handleTimeChange} /> - <CalendarPicker date={dayjs()} onChange={handleDateChange} /> + <CalendarPicker value={dayjs()} onChange={handleDateChange} />
Changes
- [CalendarPicker] Don't move to closest enabled date when
props.date
contains a disabled date (#6146) @flaviendelangle - [DateRangePicker] Switch to new month when changing the value from the outside (#6166) @flaviendelangle
- [pickers] Add a
localeText
prop to all pickers to customize the translations (#6212) @flaviendelangle - [pickers] Add Finnish (fi-FI) locale to the pickers (#6219) (#6230) @PetroSilenius
- [pickers] Add Persian (fa-IR) locale to the pickers (#6181) @fakhamatia
- [pickers] Allow nested
LocalizationProvider
(#6011) @flaviendelangle - [pickers] Clean slots on
PickersArrowSwitcher
component (#5890) @flaviendelangle - [pickers] Fix invalid date error when decreasing
DateField
day (#6071) @alexfauquette - [pickers] Fix mobile section selection (#6207) @oliviertassinari
- [pickers] Fix usage with Typescript 4.8 (#6229) @flaviendelangle
- [pickers] Improve error message when no adapter context is found (#6211) @flaviendelangle
- [pickers] Remove
valueStr
from the field state (#6142) @flaviendelangle - [pickers] Remove remaining deprecated locale props (#6233) @flaviendelangle
- [pickers] Rename the
date
propvalue
onMonthPicker
/YearPicker
,ClockPicker
andCalendarPicker
(#6128) @flaviendelangle - [pickers] Rename the
onClose
prop ofPickersPopper
onDismiss
to simplify typing (#6155) @flaviendelangle - [pickers] Support the
sx
prop on all public component with a root HTML elements (#5944) @flaviendelangle - [pickers] Unify
PickersMonth
andPickersYear
behaviors (#6034) @flaviendelangle - [pickers] Use
shouldDisableMonth
andshouldDisableYear
for date validation (#6066) @flaviendelangle - [YearPicker] Scroll to the current year even with
autoFocus=false
(#6224) @alexfauquette
Docs
- [docs] Add automatic vale check (#5429) @alexfauquette
- [docs] Add Pro logo in "column ordering" link (#6127) @alexfauquette
- [docs] Fix 301 link (#6239) @oliviertassinari
- [docs] Fix broken link (#6163) @alexfauquette
- [docs] Fix broken links (#6101) @alexfauquette
- [docs] Fix demonstration date to avoid hydration errors (#6032) @alexfauquette
- [docs] Fix hidden popper in restore state example (#6191) @heyfirst
- [docs] Fix invalid links causing 404 & 301 errors (#6105) @oliviertassinari
- [docs] Fix npm repository url in the pickers
package.json
(#6172) @oliviertassinari - [docs] Fix typo in linked issue (#6162) @flaviendelangle
- [docs] Import
generateUtilityClass
from@mui/utils
(#6216) @michaldudak - [docs] Improve Upgrade plan docs (#6018) @oliviertassinari
- [docs] Link the OpenSSF Best Practices card (#6171) @oliviertassinari
Core
- [core] Add
v5.17.3
changelog to next branch (#6250) @flaviendelangle - [core] Add link to the security page on the
README
(#6073) @oliviertassinari - [core] Fix scroll restoration in the docs (#5938) @oliviertassinari
- [core] Remove the Storybook (#6099) @flaviendelangle
- [core] Tag release as
next
in NPM (#6256) @m4theushw - [core] Update monorepo (#6180) @flaviendelangle
- [core] Use the
next
branch for Prettier (#6097) @flaviendelangle - [core] Use the official repository for
@mui/monorepo
instead of a fork (#6189) @oliviertassinari - [test] Fix logic to skip column pinning tests (#6133) @m4theushw
- [test] Hide the date on the print regression test (#6120) @flaviendelangle
- [test] Skip tests for column pinning and dynamic row height (#5997) @m4theushw
- [website] Improve security header @oliviertassinari