@mui/x-date-pickers
Advanced tools
Changelog
v7.22.3
Nov 21, 2024
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @CarlosLopezLg, @headironc, @viktormelin, @qerkules, @DungTiger, @hendrikpeilke, @k-rajat19. Following are all team members who have contributed to this release: @alexfauquette, @LukasTy, @MBilalShafi, @flaviendelangle.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
8.0.0-alpha.0
<img width="100%" alt="MUI X v8 Alpha is live" src="https://github.com/user-attachments/assets/114cf615-b617-435f-8499-76ac3c26c57b">Nov 14, 2024
We'd like to offer a big thanks to the 22 contributors who made this release possible. Here are some highlights ✨:
🔁 Support automatic parents and children selection for the Rich Tree View components.
🌍 Improve Greek (el-GR) locale on the Date and Time Pickers components
🌍 Improve Polish (pl-PL) locale on the Data Grid component
🐞 Bugfixes
📚 Documentation improvements
Special thanks go out to the community contributors who have helped make this release possible: @belkocik, @GeorgiosDrivas, @k-rajat19, @kalyan90, @DungTiger, @fxnoob, @GuillaumeMeheut Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @samuelsycamore, @joserodolfofreitas.
@mui/x-data-grid@8.0.0-alpha.0
onPaginationModelChange
callback (#13959) @DungTigerbaseMenuList
and baseMenuItem
(#15049) @romgrk@mui/x-data-grid-pro@8.0.0-alpha.0
Same changes as in @mui/x-data-grid@8.0.0-alpha.0
, plus:
@mui/x-data-grid-premium@8.0.0-alpha.0
Same changes as in @mui/x-data-grid-pro@8.0.0-alpha.0
, plus:
The default DOM structure of the field has changed Learn more.
v8.x
, the fields' DOM structure consisted of an <input />
, which held the whole value for the component, but unfortunately presents a few limitations in terms of accessibility when managing multiple section values.v8.x
, all the field and picker components come with a new DOM structure that allows the field component to set aria attributes on individual sections, providing a far better experience with screen readers.Some translation keys no longer require utils
and the date object as parameters, but only the formatted value as a string. The keys affected by this changes are: clockLabelText
, openDatePickerDialogue
and openTimePickerDialogue
— Learn more.
The following types are no longer exported by @mui/x-date-pickers
and @mui/x-date-pickers-pro
— Learn more.
UseDateFieldComponentProps
UseTimeFieldComponentProps
UseDateTimeFieldComponentProps
BaseSingleInputFieldProps
BaseMultiInputFieldProps
BasePickersTextFieldProps
The TDate
generic has been removed from all the types, interfaces, and variables of the @mui/x-date-pickers
and @mui/x-date-pickers-pro
packages — Learn more.
Renamed usePickersTranslations
and usePickersContext
hooks to have a coherent Picker
prefix instead of Pickers
— Learn more.
The LicenseInfo
object is no longer exported from the @mui/x-date-pickers-pro
package — Learn more.
@mui/x-date-pickers@8.0.0-alpha.0
UseDateFieldComponentProps
and equivalent interfaces (#15053) @flaviendelangleownerState
object (#15056) @flaviendelangleownerState
of the field
and actionBar
slots when resolved in a picker component (#15162) @flaviendelangleDateCalendar
timezone management (#12321) @LukasTyDateTimeRangePicker
error when using format without time (#14917) @fxnoobDigitalClock
time options on a DST
switch day (#10793) @LukasTyTDate
generics in favor of PickerValidDate
direct usage (#15001) @flaviendelangleutils
and value
params from translations (#14986) @arthurbalduini@mui/x-license
(#14487) @k-rajat19disabled
and readOnly
props (#15304) @flaviendelangleownerState
in DateCalendar
, DateRangeCalendar
, MonthCalendar
and YearCalendar
(#15171) @flaviendelangleownerState
in usePickersLayout
and useXXXPicker
(#14994) @flaviendelangle@mui/x-date-pickers-pro@8.0.0-alpha.0
Same changes as in @mui/x-date-pickers@8.0.0-alpha.0
.
The legend
prop has been removed. To pass props to the legend, use slotProps={{ legend: { ... } }}
instead. This can be automatically done with the codemod as long as the legend
prop does not come from a destructured object — Learn more.
The slots.legend
does not receive the drawingArea
prop. You can still access your custom legend with the useDrawingArea()
hook if your custom legend needs it.
Removed or renamed multiple props from Series — Learn more.
highlighted
and faded
properties of highlightScope have been deprecated in favor of highlight
and fade
.
The deprecated ones are now removed.xAxisKey
, yAxisKey
, and zAxisKey
properties have been deprecated in favor of xAxisId
, yAxisId
, and zAxisId
.The Pie Chart lost all props and renderer linked to axes because pie chart does not need cartesian axes. If you used it, you can still add them back with composition. Please consider opening an issue to share your use case with us — Learn more.
@mui/x-charts@8.0.0-alpha.0
hideLegend
prop (#15277) @alexfauquettenull
data (#15337) @alexfauquettexAxisKey
, yAxisKey
, and zAxisKey
series keys (#15192) @alexfauquettelegend
props (#15081) @alexfauquettegetSymbol
method (#15233) @romgrk@mui/x-charts-pro@8.0.0-alpha.0
Same changes as in @mui/x-charts@8.0.0-alpha.0
.
The ContentComponent
or ContentProps
props of the <TreeItem />
component have been removed in favor of the new slots
, slotProps
props and of the useTreeItem
hook — Learn more.
The onClick
and onMouseDown
callbacks of the Tree Item component are now passed to the root element instead of the content — Learn more.
Rename the <TreeItem2 />
component (and related utils) — Learn more.
The <TreeView />
component has been renamed <SimpleTreeView />
which has exactly the same API — Learn more.
The indentation of nested Tree Items is now applied on the content of the element — Learn more.
@mui/x-tree-view@8.0.0-alpha.0
TreeView
component (#15093) @flaviendelangle<TreeItem />
with <TreeItem2 />
and migrate all the components and utils (#14913) @flaviendelangleLicenseInfo
from @mui/x-date-pickers-pro
(#15321) @flaviendelanglePickersPopper
component to the Date Picker customization playground (#15305) @LukasTyAutocomplete
Field demo (#15165) @flaviendelangleapplyDomain
docs for the charts (#15332) @JCQuintasAdapterMomentHijri
doc section (#15312) @flaviendelanglePickersTextField
in the customization playground (#15288) @LukasTynext
instead of ^8.0.0
in the migration guides (#15091) @flaviendelanglecherry-pick
GitHub actions (#15099) @LukasTy()
at the name of function name in the doc (#15075) @oliviertassinarimaster
@oliviertassinaritools-public.mui.com
redirection @oliviertassinarihelpers
to @mui/x-internals
package (#15188) @LukasTyChangelog
7.22.2
Nov 8, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @clins1994, @GuillaumeMeheut, @k-rajat19. Following are all team members who have contributed to this release: @LukasTy, @MBilalShafi, @KenanYusuf, @arminmeh.
Keep an eye out for the MUI⠀X v8.0.0-aplha.0
release soon. It will follow a weekly release schedule as always until it is stable.
Changelog
7.22.1
Nov 1, 2024
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @wojtkolos, @dpak-maurya, @k-rajat19. Following are all team members who have contributed to this release: @LukasTy, @arminmeh, @MBilalShafi, @KenanYusuf, @flaviendelangle.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
7.22.0
Oct 25, 2024
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
Special thanks go out to the community contributors who have helped make this release possible: @clins1994, @GITPHLAP, @k-rajat19, @kalyan90, @merotosc, @yash49. Following are all team members who have contributed to this release: @cherniavskii, @flaviendelangle, @LukasTy, @MBilalShafi, @romgrk.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
7.21.0
Oct 17, 2024
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
dataset
prop support for the Scatter Chart componentSpecial thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @kalyan90, @rotembarsela, @wangkailang. Following are all team members who have contributed to this release: @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @LukasTy, @MBilalShafi, @arminmeh, @romgrk, @KenanYusuf, @oliviertassinari, @samuelsycamore.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->@mui/x-data-grid@7.21.0
onRowSelectionModelChange
firing unnecessarily on initial render (#14909) @MBilalShafionRowSelectionModelChange
not being called after row is removed (#14972) @arminmeh@mui/x-data-grid-pro@7.21.0
Same changes as in @mui/x-data-grid@7.21.0
, plus:
rowHeight={undefined}
(#14983) @cherniavskii@mui/x-data-grid-premium@7.21.0
Same changes as in @mui/x-data-grid-pro@7.21.0
.
@mui/x-date-pickers@7.21.0
PageUp
and PageDown
event handlers on time components (#14928) @arthurbalduiniownerState
object (#14889) @flaviendelanglePickerValidDate
usage in the Date Range Picker Toolbar (#14925) @flaviendelangle@mui/x-date-pickers-pro@7.21.0
Same changes as in @mui/x-date-pickers@7.21.0
.
@mui/x-charts@7.21.0
dataset
to be used with the Scatter Chart (#14915) @JCQuintasreduce motion
preference disables animation on page load (#14417) @JCQuintas@mui/x-charts-pro@7.0.0-beta.5
Same changes as in @mui/x-charts@7.21.0
.
@mui/x-tree-view@7.21.0
alpha()
usage with CSS variables (#14969) @wangkailangaria-selected
attribute (#14991) @flaviendelangle@mui/x-codemod@7.21.0
vitest/playwright
(#14926) @JCQuintasAdapterDayjs
coverage calculation (#14957) @LukasTyChangelog
7.20.0
Oct 11, 2024
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
props.ContentComponent
and props.ContentProps
) have been deprecated and will be removed in the new major version of the Tree View component.Special thanks go out to the community contributors who have helped make this release possible: @k-rajat19, @kalyan90, @uma-neko, @vfbiby. Following are all team members who have contributed to this release: @alelthomas, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte, @oliviertassinari, @samuelsycamore, @siriwatknp.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
7.19.0
Oct 4, 2024
We'd like to offer a big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
minHeight
and maxHeight
on flex parent container for the Data Grid componentpublicAPI
from the useTreeItem2Utils
hook for the Tree ViewSpecial thanks goes out to our community contributors who have helped make this release possible: @AWAIS97, @chucamphong, @GMchris, @JakubSveda, @k-rajat19, @k725, @lhilgert9, @ruiaraujo012, @Sanderand, @thomasmoon, @vallereaugabriel. Following are all team members who have contributed to this release: @alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @sai6855, @samuelsycamore.
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->Changelog
7.18.0
Sep 20, 2024
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
💫 Support Row spanning on the Data Grid that automatically merges the consecutive cells in a column based on the cell value
<img width="600" src="https://github.com/user-attachments/assets/d32ec936-d238-4c92-9e1a-af6788d74cdf" alt="Data Grid row spanning" />⏰ Support date-fns
v4 (#14673) @LukasTy
🎉 Add option for Pickers to change the order of displayed years (#11780) @thomasmoon
🐞 Bugfixes
📚 Documentation improvements
Changelog
7.17.0
Sep 13, 2024
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨: