MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!
Published by alexfauquette over 1 year ago
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
GridToolbarQuickFilter
component (#9633) @giladappsforcerowExpansionChange
event public (#9611) @MBilalShafi@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
Published by MBilalShafi over 1 year ago
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
π Auto-scroll when making range selection (#8661) @m4theushw
π New page: Components lifecycle (#8372) @flaviendelangle
Clarify pickers events and value updates in a single docs page.
π₯§ Add pie chart component
They are fresh from the code editor. You can visit pie charts docs or their demo page.
π Bugfixes
π Documentation improvements
@mui/[email protected]
RangeError
when using flex columns (#9554) @cherniavskiigetRowId
in filtering (#9564) @romgrkTablePagination
's rowsPerPageOptions
shape to pageSizeOptions
(#9438) @burakkgunduzz@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
Same changes as in @mui/[email protected]
, plus:
@mui/[email protected]
internal
folder to internals
on @mui/x-date-picker-pro
(#9571) @flaviendelangle@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
ToggleButtonGroup
(#9548) @flaviendelanglePublished by m4theushw over 1 year ago
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
tooltip
and loadingOverlay
slots (#9028) @cherniavskiieditCellState
prop to DOM element (#9501) @m4theushwnextFieldToFocus
to always be a visible column field when Tab key is pressed (#8314) @yaredtsyMaximum call stack size exceeded
error when using fractional width (#9516) @cherniavskii@mui/[email protected]
Same changes as in @mui/[email protected]
, plus:
checkboxSelection
and treeData/grouping (#9418) @romgrk@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
keyDown
only when input is focused (#9481) @LukasTyreferenceDate
prop on TimeClock
, DigitalClock
and MultiSectionDigitalClock
(#9356) @flaviendelangle@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
productId
logic (#9451) @oliviertassinari"bg": "inline"
(#9499) @alexfauquetteedit-mode
to priority support action (#9483) @DanailHuses
for priority support action (#9480) @DanailHPublished by LukasTy over 1 year ago
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
π We released a new open-source package: @mui/x-charts
. This package aims at simplifying the integration of charts into your dashboards. π
It already contains line, bar, and scatter charts, with basic customization features. Check out the documentation to see what it can do, and open issues to get the feature you need implemented.
π Introducing UTC and timezone support for pickers.
Visit the documentation to learn how to use it.
π Improve Brazilian Portuguese (pt-BR) on the data grid
π Improve Czech (cs-CZ) locale on the pickers
π Performance improvements
π Bugfixes
π Documentation improvements
@mui/[email protected]
getComputedStyle
(#9236) @m4theushw@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
minutesStep
is respected by fields arrows up/down (#9338) @alexfauquettereferenceValue
changes (#9390) @adrianmxbDateTimePicker
(#9342) @LukasTy@mui/[email protected]
Same changes as in @mui/[email protected]
.
@mui/[email protected]
CHANGELOG.old.md
(#9269) @flaviendelanglePublished by DanailH over 1 year ago
We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
overridesResolver
(#9248) @mrmuhammadaliactions
cells in edit mode (#9321) @md250721GridColDef['type']
(#9320) @cherniavskii@mui/[email protected]
/ @mui/[email protected]
referenceDate
prop on DateCalendar
, MonthCalendar
and YearCalendar
(#9260) @flaviendelangleDate Calendar
dynamic data demo (#9290) @benzlerArgos
CI step (#9301) @LukasTyCharts
(#9314) @alexfauquettePublished by flaviendelangle over 1 year ago
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
π Improve the default format
prop value on the pickers.
Here are a few examples:
<TimePicker views={['hours', 'minutes', 'seconds']} ampm />
// Format before v6.7.0: `hh:mm aa`
// Format after v6.7.0: `hh:mm:ss aa`
<DatePicker views={['year']} />
// Format before v6.7.0: `MM/DD/YYYY`
// Format after v6.7.0: `YYYY`
<DateTimePicker views={['day', 'hours', 'minutes']} ampm />
// Format before v6.7.0: `MM/DD/YYYY hh:mm aa`
// Format after v6.7.0: `DD hh:mm aa`
π Add Romanian (ro-RO) locale on the pickers
π Improve German (de-DE) locale on the pickers
π Improve Czech (cs-CZ), German (de-DE) and Turkish (tr-TR) locales on the data grid
π Performance improvements
π Bugfixes
π Documentation improvements
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
@mui/lab
(#9235) @cherniavskiiObject
prototype (#9265) @romgrksortModel
and filterModel
resetting when columns change (#9239) @alexgonch@mui/[email protected]
/ @mui/[email protected]
DateRangePickerDay
props JSDoc (#9191) @stevusGridFilterPanel
API page (#9180) @cherniavskiimin
/max
over the nice()
method (#9189) @alexfauquettePublished by cherniavskii over 1 year ago
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights β¨:
π New date time picking UI on DesktopDateTimePicker
π Performance improvements
π Bugfixes
π Documentation improvements
π Improve Dutch (nl-NL) and French (fr-FR) locales on the data grid
π Add Vietnamese (vi-VN) locale on the pickers
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
hydrateRowsMeta
(#9121) @romgrkonCellEditStop
not invoked (#8857) @romgrkcolumnWidthChange
event on touchEnd
of column resize (#8669) @MBilalShafirowExpansionChange
(#8671) @cherniavskii@mui/[email protected]
/ @mui/[email protected]
DigitalClock
to DesktopDateTimePicker
(#8946) @LukasTyMonthCalendar
and YearCalendar
disabled validation (#9149) @LukasTygetWeekArray
(#9176) @flaviendelangleDateCalendar
demo views with labels (#9152) @LukasTylocalesText
(#9045) @MBilalShafirandomInt
producing values exceeding max
value (#9086) @cherniavskiidateWithTimezone
adapter test (#9129) @flaviendelangle@types/node
on v18 (#9107) @LukasTycross-fetch
dependency (#9108) @LukasTycreateDetectElementResize()
replaced with ResizeObserver
(#9015) @oliviertassinariPublished by DanailH over 1 year ago
May 19, 2023
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights β¨:
π« Introduce filtering on column headers for DataGridPro
and DataGridPremium
:
See the documentation for more information
π Improve Hebrew (he-IL) and Czech (cs-CZ) locales
π Support for editing on pinned rows
π Performance improvements
π Bugfixes
π Documentation improvements
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
.MuiDataGrid-main
has border (#8882) @cherniavskiitreeData
and rowGrouping
performance (#8990) @MBilalShafi@mui/[email protected]
/ @mui/[email protected]
currentMonth
instead of the one after (#8592) @flaviendelangleopenTo
or views
is modified (#8997) @alexfauquetteyarn.lock
(#8988) @flaviendelangleWe'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
π Introduce clipboard paste support for DataGridPremium
:
https://github.com/mui/mui-x/assets/13808724/abfcb5c6-9db6-4677-9ba7-ae97de441080
See the documentation for more information
π Improve French (fr-FR), German (de-DE), Portuguese (pt-BR) and Ukrainian (uk-UA) locales on the data grid
π Add Slovak (sk-SK) locale on the pickers
π Bugfixes
π Documentation improvements
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
display: grid
(#8577) @cherniavskiibaseChip
slot (#8748) @cherniavskii@mui/[email protected]
/ @mui/[email protected]
LuxonAdapter
(#8955) @alexfauquetteadapterLocale
prop of LocalizationProvider
(#8780) @flaviendelanglePublished by cherniavskii over 1 year ago
We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
Select
, SelectOption
, InputLabel
, FormControl
) (#8747) @cherniavskiiupdateRows
(#8823) @cherniavskii@mui/[email protected]
/ @mui/[email protected]
minutesStep
validation prop behavior (#8794) @LukasTyviewRenderers
overriding (#8830) @LukasTy<path>
is (#8764) @alexfauquetteyarn typescript
script (#8822) @cherniavskiitypescript:ci
step memory limit (#8796) @LukasTyfake
clock on MobileDateRangePicker
(#8861) @LukasTyPublished by LukasTy over 1 year ago
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights β¨:
π New time-picking UI designed for desktops (#7958) @LukasTy
β¨ Picker fields now always include a leading zero on digit sections (#8527) @flaviendelangle
π Improve Chinese (zh-CN), French (fr-FR), and Turkish (tr-TR) locales
π Bugfixes
π Documentation improvements
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
gridClasses
(#8686) @lindapaisteapi
prop to div (#8679) @somedencolumns
and columnGroupingModel
at once (#8730) @cherniavskii@mui/[email protected]
/ @mui/[email protected]
readOnly
prop to InputProps
instead of inputProps
(#8659) @flaviendelanglecaES
locale (#8782) @flaviendelangleDigitalClock
desktop time picking experience (#7958) @LukasTyinstanceOf DateTime
in AdapterLuxon
(#8734) @flaviendelangleselected
& disabled
day style (#8773) @LukasTyAdapterDateFns
to our repository (#8736) @flaviendelangleAdapterLuxon
to our repository (#8600) @flaviendelangleAdapterMomentHijri
to our repository (#8776) @flaviendelangleAdapterMomentJalaali
and AdapterDateFnsJalali
to our repository (#8741) @flaviendelangleAdapterMoment
to our repository (#8700) @flaviendelangleen dash
instead of em dash
in multi input range fields (#8738) @flaviendelanglex-codemod
package version in changelog (#8690) @MBilalShafiminDateTime
validation
page section (#8777) @LukasTyslots
/ slotProps
props in the pickers migration guide (#8341) @flaviendelangleadapter.lib
instead of adapterName
in describeAdapters
(#8779) @flaviendelanglePublished by MBilalShafi over 1 year ago
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
getTogglableColumns
to Hide all
and Show all
actions (#8496) @MBilalShafiGridAutoSizer
with ResizeObserver
(#8091) @m4theushw@mui/[email protected]
/ @mui/[email protected]
@mui/[email protected]
AdapterDayjs
is in the Getting Started page (#8219) @flaviendelanglePublished by flaviendelangle over 1 year ago
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights β¨:
Add @mui/base
as a peerDependency
of @mui/x-date-pickers
and @mui/x-date-pickers-pro
(#8590) @LukasTy
Both libraries were not working correctly if used without @mui/base
.
Most package manager should automatically use the @mui/base
version installed for @mui/material
.
The value rendered in the picker or field input no longer has spaces around the /
characters (#8425) @flaviendelangle
You can use the formatDensity='spacious'
prop to add it back.
More information on the dedicated doc section
π Improve French (fr-FR) and Urdu (ur-PK) and locales.
π Bugfixes
π Documentation improvements
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
checkboxSelection
toggle (#8522) @MBilalShafibaseSelect
slot instead of baseTextField
with select={true}
(#8110) @cherniavskii@mui/[email protected]
/ @mui/[email protected]
TimeClock
validation ignoring date by default (#8570) @LukasTy@mui/base
to peerDependencies
(#8590) @LukasTyformatDensity
prop (#8601) @flaviendelangleAdapterDayjs
to our repository (#8487) @flaviendelanglerenovate
rules (#8575) @LukasTyPublished by DanailH over 1 year ago
We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
ColumnsPanel
component (#8401) @MBilalShafidate
column value when entering edit mode by pressing a digit (#8364) @m4theushw@mui/[email protected]
/ @mui/[email protected]
slotProps.textField.InputProps
(#8428) @flaviendelanglecomponentsProps.dialog
propagation (#8509) @LukasTyhasError
from fieldValueManager
to valueManager
(#8453) @flaviendelangleisValid
regression (#8543) @LukasTyPublished by alexfauquette over 1 year ago
We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
components
by slots
in column menu API (#7999) @MBilalShafi@mui/[email protected]
/ @mui/[email protected]
AdapterDateFnsJalali
(#8402) @flaviendelangleuseFieldState
(#8292) @flaviendelangleview
when views
or openTo
changes (#8361) @LukasTy@mui/[email protected]
remove-stabilized-experimentalFeatures
codemod (#8289) @alexfauquetteGridCellParams
signature in migration guide (#8427) @cherniavskiilabel
from demos where it reduces clarity (#8416) @LukasTyPublished by cherniavskii over 1 year ago
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
@mui/[email protected]
/ @mui/[email protected]
unstableFieldRef
to imperatively interact with the selected sections (#8235) @flaviendelangleshouldDisableTime
migration in more depth (#8348) @LukasTyvisx
chart package (#8259) @LukasTyPublished by LukasTy over 1 year ago
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights β¨:
onChange
when filling a partial date (#8082) @flaviendelangle1st
(do
) (#8188) @flaviendelangle@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
@mui/[email protected]
/ @mui/[email protected]
slotProps.textField
(#8201) @LukasTyonChange
when filling a partial date (#8082) @flaviendelangle1st
(do
) (#8188) @flaviendelangleluxon
macro tokens (#8245) @flaviendelanglemoment-hijri
demo (#8255) @LukasTy/
(#8223) @alexfauquettePublished by MBilalShafi over 1 year ago
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
MenuProps.onClose
being overridden for single select edit component (#8174) @rohitnateshbuildPrintWindow
(#8142) @oliviertassinari@mui/[email protected]
/ @mui/[email protected]
renderInput
prop is passed to a picker (#8183) @flaviendelangleownerState
to the inputAdornment
slot (#8165) @flaviendelanglePublished by alexfauquette over 1 year ago
We're excited to announce the first v6 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:
We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights β¨:
π The row pinning is no longer experimental (#8055) @MBilalShafi
You can now use the row pinning without the experimentalFeatures.rowPinning
flag enabled.
<DataGridPro
- experimentalFeatures={{ rowPinning: true }}
/>
β‘οΈ Improved grid performance by rows and cells memoization (#7846) @m4theushw
β¨ Fields have a distinct visual state when empty (#8069) @LukasTy
π Improve Czech (cs-CZ) locale (#8113) @BlastyCZ
π Improve Arabic (ar-SD) locale (#8100) @atf98
π Documentation improvements
π Bugfixes
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
componentsProps
and slotProps
props are now typed for better DXcellFocus
, cellTabIndex
and editRowsState
props are not passed to the component used in the row slot. You can use the new focusedCell
and tabbableCell
props instead. For the editing state, use the API methods.experimentalFeatures.rowPinning
is no longer needed.componentsProps
(#7968) @MBilalShafiBaseInputLabel
slot (#8068) @cherniavskiiBaseSelectOption
slot (#8072) @cherniavskiigetLocaleText
synchronously (#8029) @m4theushwstyled
from system (#8032) @siriwatknpgetColumnForNewFilter
method (#8043) @MBilalShafi@mui/[email protected]
/ @mui/[email protected]
On desktop, DateTimePicker
shows the am/pm controls in the toolbar instead of the clock by default.
It can be overridden by specifying ampmInClock
prop.
formatTokenMap
of each adapter (#8112) @flaviendelanglesectionOrder
state with a memoized variable (#8090) @flaviendelanglemoment
adapter (#8031) @flaviendelangleonClose
callback on static pickers (#8021) @LukasTysx
propagation (#8064) @alexfauquettemoment
peer dependency minimum version (#8046) @oliviertassinariWrapperVariantContext
(#8088) @LukasTyWrapperVariantContext
in Clock
(#8083) @LukasTyaggregation
experimental flag removal to the migration guide (#8056) @MBilalShafiAPI object
in the apiRef
sections (#8106) @MBilalShafi@next
tag from installation instructions (#8102) @cherniavskiimaster
(#8081) @m4theushwPublished by alexfauquette over 1 year ago
We're happy to announce the v6 stable is finally available! π
Support, new features, and non-critical bug fixes will only be shipped in v6.
v5 is now officially in long-term support. This means it's the last v5 weekly release, and new versions will only be released for critical fixes; to provide security updates and support for regressions.
We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights β¨:
@mui/[email protected]
/ @mui/[email protected]
/ @mui/[email protected]
getLocaleText
synchronously (#8073) @m4theushwDataGrid
(#8094) @atf98