mui-x

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

• ⚡️ Add web worker support for Excel export (#7770) @m4theushw
• 🎁 Add a button to remove all filters on the data grid filter panel (#7326) @MBilalShafi
• ⚙️ Allow to customize options label and value in the data grid singleSelect column (#7684) @m4theushw
• 📚 Documentation improvements
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Allow to customize label and value for singleSelect (#7684) @m4theushw
• [DataGrid] Fix ownerState being undefined in theme style overrides (#7964) @lolaignatova
• [DataGrid] Introduce slots and deprecate components (#7882) @MBilalShafi
• [DataGridPro] Add Remove All option in filter panel (#7326) @MBilalShafi
• [DataGridPremium] Add web worker support for Excel export (#7770) @m4theushw

@mui/[email protected] / @mui/[email protected]

Breaking changes

• The MuiDateSectionName type was renamed to FieldSectionType

Changes

• [fields] Fix multi input range fields validation when uncontrolled (#8002) @LukasTy
• [fields] Fix single input time range fields slot props (#7988) @LukasTy
• [fields] Make the ArrowUp / ArrowDown edition only impact the active section (#7993) @flaviendelangle
• [fields] Fix single input range fields clearing (#7995) @flaviendelangle
• [fields] Clean the section object (#8009) @flaviendelangle
• [pickers] Fix textField slot error prop propagation (#7987) @LukasTy

@mui/[email protected]

Changes

• [codemod] Add apiRef.current.getRowIndex to DataGrid renaming codemod (#8001) @MBilalShafi

Docs

• [docs] Fine tune range fields demos (#7992) @LukasTy
• [docs] Fix a few scroll issues on mobile (#7900) @oliviertassinari
• [docs] Fix inconsistency in the data grid migration guide (#7963) @MBilalShafi

Core

• [core] Fix moment locale on adapter tests (#8020) @flaviendelangle
• [test] Support all adapters on the field tests about the formats (#7996) @flaviendelangle

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

• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Fix ownerState being undefined in theme style overrides (#7757) @lolaignatova

@mui/[email protected] / @mui/[email protected]

Changes

• [DateTimePicker] Ensure toolbar viewType is correctly updated (#7942) @LukasTy

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

• ⚡️ Improve grid performance by reducing rerenders (#7857) @cherniavskii
• 📚 Documentation improvements
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Add interface for singleSelect column (#7685) @m4theushw
• [DataGrid] Allow to pass props to the TrapFocus inside the panel wrapper (#7733) @Vivek-Prajapatii
• [DataGrid] Avoid unnecessary rerenders after updateRows (#7857) @cherniavskii
• [DataGridPro] Change cursor when dragging a column (#7725) @sai6855
• [DataGridPremium] Fix leafField to have correct focus value (#7950) @MBilalShafi

@mui/[email protected] / @mui/[email protected]

Changes

• [DateRangePicker] Fix slide transition by avoiding useless component re-rendering (#7874) @LukasTy
• [fields] Support Backspace key on Android (#7842) @flaviendelangle
• [fields] Support escaped characters on Luxon (#7888) @flaviendelangle
• [pickers] Prepare new pickers for custom fields (#7806) @flaviendelangle

@mui/[email protected]

Changes

• [codemod] Fix import path (#7952) @LukasTy

Docs

• [docs] Add an info callout specifying the current state of desktop time view (#7933) @LukasTy
• [docs] Add missing param in useGridApiEventHandler examples (#7939) @flaviendelangle
• [docs] Fix markdown table alignments (#7898) @oliviertassinari
• [docs] Improve DataGrid migration guide (#7861) @MBilalShafi
• [docs] Update LocalizationProvider dateAdapter with a link to the doc (#7872) @LukasTy

Core

• [core] Run editing field tests on all major adapters (#7868) @flaviendelangle

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

• ⚡️ Improve grid performance by reducing rerenders (#7945) @cherniavskii
• 🌍 Add Hungarian (hu-HU) locale
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Allow to pass props to the TrapFocus inside the panel wrapper (#7897) @Vivek-Prajapatii
• [DataGrid] Avoid unnecessary rerenders after updateRows (#7945) @cherniavskii
• [DataGridPro] Change cursor when dragging a column (#7878) @sai6855
• [DataGridPremium] Fix leafField to have correct focus value (#7959) @MBilalShafi

@mui/[email protected] / @mui/[email protected]

Changes

• [l10n] Add Hungarian (hu-HU) locale (#7796) @noherczeg

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

• ⬅️ Add right-to-left support for the data grid (#6580) @yaredtsy
• ⚡️ Improve grid resize performance (#7864) @cherniavskii
• ✨ New codemods for migrating to v6 @MBilalShafi
• 📚 Documentation improvements
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Add BaseIconButton component slot (#7329) @123joshuawu
• [DataGrid] Allow to customize the value displayed in the filter button tooltip (#6956) @ithrforu
• [DataGrid] Improve grid resize performance (#7864) @cherniavskii
• [DataGrid] Make apiRef.current.getRowWithUpdatedValues stable (#7788) @m4theushw
• [DataGrid] Support RTL (#6580) @yaredtsy
• [DataGrid] Improve query selectors for selecting cell element (#7354) @yaredtsy
• [l10n] Improve Brazilian Portuguese (pt-BR) locale (#7854) @ed-ateixeira

@mui/[email protected] / @mui/[email protected]

Changes

• [fields] Allow to select year 2000 on 2-digit year section (#7858) @flaviendelangle
• [fields] Fix year editing on day.js (#7862) @flaviendelangle
• [fields] Fix year editing on valid date (#7834) @flaviendelangle
• [fields] Reset query when pressing Backspace or Delete (#7855) @flaviendelangle
• [pickers] Clean Popper position on new pickers (#7445) @flaviendelangle
• [pickers] Ditch pickers skipLibCheck (#7808) @LukasTy
• [pickers] Improve JSDoc and resulting API docs pages (#7847) @LukasTy

@mui/[email protected]

Changes

• [codemod] Add more cases to rename-selectors-and-events codemod (#7856) @MBilalShafi
• [codemod] Add warning message to the codemods and migration guide (#7813) @MBilalShafi
• [codemod] Add codemod to remove unnecessary experimentalFeatures flag (#7836) @MBilalShafi
• [codemod] Rename GridFilterItem props (#7483) @MBilalShafi
• [codemod] Rename linkOperators to logicOperators (#7707) @MBilalShafi
• [codemod] Replace onCellFocusOut prop for Data Grid (#7786) @MBilalShafi

Docs

• [docs] Add a "Whats new in v6" page linked on the sidebar (#7820) @joserodolfofreitas
• [docs] Fix hydration crash in pickers (#7734) @oliviertassinari
• [docs] Remove no longer relevant range shortcuts section (#7840) @LukasTy
• [docs] Use @next tag in grid and pickers installation instructions (#7814) @cherniavskii

Core

• [core] Remove tslint package leftovers (#7841) @LukasTy
• [test] Use createDescribes for describeValue and describeValidation (#7866) @flaviendelangle

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

• 🌍 Improve Brazilian Portuguese (pt-BR) locale
• 🎉 Add banner and callouts to inform about MUI X v6 beta
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Allow to customize the value displayed in the filter button tooltip (#7816) @ithrforu
• [DataGrid] Fix getCellElement method not working with pinned columns (#7844) @yaredtsy
• [DataGrid] Fix stale rows issue in unstable_replaceRows (#7694) @MBilalShafi
• [l10n] Improve Brazilian Portuguese (pt-BR) locale (#7850) @ed-ateixeira

@mui/x-date-pickers@v_5.0.18 / @mui/x-date-pickers-pro@v_5.0.18

Changes

• [pickers] Update pickers when new value has a distinct timezone (#7853) @alexfauquette

Docs

• [docs] Add messages in v5 doc to inform people about v6 (#7838) @flaviendelangle
• [docs] Fix 301 link @oliviertassinari

Core

• [core] Upgrade monorepo (#7849) @cherniavskii

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

• 🚀 Support week day formats in the field components
• 🌍 Add Hungarian (hu-HU) and Urdu (ur-PK) locales
• 🌍 Improve French (fr-FR) and Italian (it-IT) locales
• ✨ New codemods for migrating to v6
• 📚 Documentation improvements
• 🐞 Bug fixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Handle non-numeric values returned by getRowHeight prop (#7703) @cherniavskii
• [DataGrid] Merge row styles with componentsProps.row.style (#7641) @marktoman
• [l10n] Add Hungarian (hu-HU) locale (#7776) @noherczeg
• [l10n] Add Urdu (ur-PK) locale (#6866) @MBilalShafi
• [l10n] Improve French (fr-FR) locale (#7777) @Vivek-Prajapatii
• [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini

@mui/[email protected] / @mui/[email protected]

Changes

• [fields] Support week day formats (#7392) @flaviendelangle
• [pickers] Allow to initialize and control the rangePosition on all range components (#7764) @flaviendelangle
• [pickers] Fix theme augmentation (#7800) @LukasTy
• [pickers] Hide scrollbars in the date calendar container (#7766) @Vivek-Prajapatii
• [pickers] Remove the dependency on rifm (#7785) @alexfauquette

@mui/[email protected]

Changes

• [codemod] Add pickers rename-default-toolbar-title-localeText codemod (#7752) @LukasTy
• [codemod] Add pickers rename-inputFormat-prop codemod (#7736) @LukasTy

Docs

• [docs] Fix a typo in data grid layout page (#7113) @sfbaker7
• [docs] Fix require context path to avoid duplicate key creation (#7781) @LukasTy
• [docs] Polish pickers migration docs (#7737) @LukasTy
• [docs] Rename next translation docs and remove duplicates with -next (#7729) @LukasTy

Core

• [core] Fix l10n data file (#7804) @flaviendelangle
• [core] Fix Next.js warning (#7754) @oliviertassinari
• [core] Remove unused demos (#7758) @flaviendelangle

Feb 2, 2023

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

• 🌍 Add Urdu (ur-PK) locale
• 🌍 Improve French (fr-FR) and Italian (it-IT) locales
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Fix an error when deleting pinned row using the buttons in the actions column (#7767) @cherniavskii
• [DataGrid] Fix print preview regression in Chrome browser (#7405) @cherniavskii
• [l10n] Add Urdu (ur-PK) locale (#7778) @MBilalShafi
• [l10n] Improve French (fr-FR) locale (#7795) @Vivek-Prajapatii

@mui/[email protected] / @mui/[email protected]

Changes

• [TimePicker] Add missing themeAugmentation entry (#7732) @LukasTy
• [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini

Jan 27, 2023

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

• 🚀 New shortcuts component for the date pickers (#7154) @alexfauquette
• 🌍 Add Belarusian (be-BY), Czech (cs-CZ) and Russian (ru-RU) locales
• 🌍 Improve Spanish (es-ES), Japanese (ja-JP), Slovak (sk-SK), and Vietnamese (vi-VN) locales
• ✨ New codemods for migrating to v6
• 📚 Documentation improvements
• 🐞 Bug fixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Add title attribute to cells (#7682) @thupi
• [DataGrid] Fix autoHeight not working properly inside of a flex container (#7701) @cherniavskii
• [DataGrid] Fix grid state not being updated after print preview is closed (#7642) @cherniavskii
• [DataGrid] Fix non-hideable columns visibility toggling (#7637) @cherniavskii
• [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7298) @akiradev
• [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7702) @msidlo
• [l10n] Add missing core locales for MuiTablePagination (#7717) @MBilalShafi
• [l10n] Improve Spanish (es-ES) and Vietnamese (vi-VN) locale (#7634) @WiXSL and @SpacerZ
• [l10n] Add Belarusian (be-BY) locale (#7646) @volhalink

@mui/[email protected] / @mui/[email protected]

Changes

• [pickers] Fix aria-labelledby assignment to dialog (#7608) @LukasTy
• [pickers] Support UTC with dayjs (#7610) @flaviendelangle
• [pickers] Update focus when opening a UI view (#7620) @alexfauquette
• [DateRangePickers] Add shortcuts component (#7154) @alexfauquette
• [l10n] Add Czech (cs-CZ) locale (#7645) @OndrejHj04
• [l10n] Add Russian (ru-RU) locale (#7706) @rstmzh
• [l10n] Improve Japanese (ja-JP) locale (#7624) @makoto14

@mui/[email protected]

Changes

• [codemod] Add pickers replace-toolbar-props-by-slot codemod (#7687) @alexfauquette
• [codemod] Add GridColumnMenuItemProps to column-menu-components-rename codemod (#7710) @MBilalShafi
• [codemod] Add headerHeight prop update to row-selection-props-rename codemod (#7711) @MBilalShafi
• [codemod] Add pickers codemod for components to slots renaming (#7533) @alexfauquette
• [codemod] Add pickers migrate-to-components-componentsProps and replace-arrows-button-slot codemods (#7698) @alexfauquette
• [codemod] Add data grid codemod renaming rowsPerPageOptions prop to pageSizeOptions (#7603) @MBilalShafi
• [codemod] Add pickers rename-should-disable-time codemod (#7709) @alexfauquette
• [codemod] Add data grid row-selection-props-rename codemod (#7485) @MBilalShafi
• [codemod] Add data grid rename-selectors-and-events codemod (#7699) @MBilalShafi
• [codemod] Add pickers replace-tabs-props codemod (#7639) @alexfauquette

Docs

• [docs] Add info callout about available component slots (#7714) @Vivek-Prajapatii
• [docs] Add recipe for pinning grouped column (#7712) @MBilalShafi
• [docs] Fix 404 links to picker API page @oliviertassinari
• [docs] Update DemoContainer components prop using a codemod (#7574) @alexfauquette

Core

• [core] Fix innerslotProps typo (#7697) @LukasTy
• [core] Upgrade monorepo (#7676) @cherniavskii

Jan 27, 2023

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

• 🌍 Add Belarusian (be-BY), Czech (cs-CZ), and Russian (ru-RU) locales
• 🌍 Improve Slovak (sk-SK), Japanese (ja-JP), Vietnamese (vi-VN), and Spanish (es-ES) locales
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Add title attribute to cells (#7695) @thupi
• [DataGrid] Fix grid state not being updated after print preview is closed (#7680) @cherniavskii
• [DataGrid] Fix non-hideable columns visibility toggling (#7716) @cherniavskii
• [DataGrid] Fix scrolling on resize for data grids inside shadow root (#7722) @akiradev
• [DataGridPremium] Create aggregation footer row with isAutoGenerated: true (#7681) @m4theushw
• [l10n] Add Belarusian (be-BY) locale (#7718) @volhalink
• [l10n] Add Slovak (sk-SK) translation for aggregation functions (#7690) @msidlo
• [l10n] Add missing core locales for MuiTablePagination (#7719) @MBilalShafi
• [l10n] Improve Japanese (ja-JP) locale (#7627) @makoto14
• [l10n] Improve Vietnamese (vi-VN) locale (#7601) @SpacerZ

@mui/[email protected] / @mui/[email protected]

Changes

• [pickers] Add missing components to themeAugmentation (#7677) @LukasTy
• [l10n] Add Czech (cs-CZ) locale (#7666) @OndrejHj04
• [l10n] Add Russian (ru-RU) locale (#7708) @rstmzh
• [l10n] Improve Spanish (es-ES) locale (#7614) @WiXSL

Docs

• [docs] Add info callout about available component slots (#7723) @Vivek-Prajapatii

Jan 20, 2023

After a long period in alpha, we're glad to announce the first MUI X v6 beta!
We encourage you to try out this version, packed with improvements, bug fixes, and a few highlighted features ✨:

Data Grid

• Access to the API Object in the community version
• Improved column menu
• Cell selection range (Premium)

Date and Time pickers

• Fields: the new default input for pickers.
• Improved layout customization
• Edit date ranges with drag and drop (Pro)

You can check the migration guides for the Data Grid and Date Pickers in the documentation.

We'd like to offer a big thanks to the 10 contributors who made this release possible.

• ✨ Merge page and pageSize props into paginationModel
• 🚀 Replace old masked picker components with field based ones
• 🌍 Improve Swedish (sv-SE) and Italian (it-IT) locales
• 📚 Documentation improvements
• 🐞 Bug fixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Breaking changes

• The disableExtendRowFullWidth prop was removed.
  Use showCellVerticalBorder or showColumnVerticalBorder props to show or hide right border for cells and header cells respectively.

• The GridCellIdentifier type was removed. Use GridCellCoordinates instead.

• The singleSelect column type now has a default value formatter that returns the label corresponding to the selected value when valueOptions is an array of objects.
  As consequence, any existing value formatter will not be applied to the individual options anymore, but only to the text of the cell.
  It is recommended to migrate valueOptions to an array of objects to be able to add a custom label for each value.
  To override the label used for each option when the cell is in edit mode or in the filter panel, the following components now support a getOptionLabel prop.
  This prop accepts a callback that is called with the item from valueOptions and must return the new label.

  • GridEditSingleSelectCell
  • GridFilterInputSingleSelect
  • GridFilterInputMultipleSingleSelect

• The getGridSingleSelectQuickFilterFn function was removed.
  You can copy the old function and pass it to the getApplyQuickFilterFn property of the singleSelect column definition.

• The page and pageSize props and their respective event handlers onPageChange and onPageSizeChange were removed.
  Use paginationModel and onPaginationModelChange instead.

   <DataGrid
    rows={rows}
     columns={columns}
  -  page={page}
  -  pageSize={pageSize}
  -  onPageChange={handlePageChange}
  -  onPageSizeChange={handlePageSizeChange}
  +  paginationModel={{ page, pageSize }}
  +  onPaginationModelChange={handlePaginationModelChange}
   />
  

• The properties initialState.pagination.page and initialState.pagination.pageSize were also removed.
  Use initialState.pagination.paginationModel instead.

  -initialState={{ pagination: { page: 1, pageSize: 10 } }}
  +initialState={{ pagination: { paginationModel: { page: 1, pageSize: 10 } } }}
  

• The rowsPerPageOptions prop was renamed to pageSizeOptions.

  -<DataGrid rowsPerPageOptions={[10, 20, 50]} />
  +<DataGrid pageSizeOptions={[10, 20, 50]} />
  

• The error and onError props were removed - the grid no longer catches errors during rendering.
  To catch errors that happen during rendering use the error boundary.

• The components.ErrorOverlay slot was removed.

• The GridErrorOverlay component was removed.

• The componentError event was removed.
  Use the error boundary to catch errors thrown during rendering.

• The apiRef.current.showError method was removed.
  The UI for errors is no longer handled by the grid.

• The date and dateTime columns now only support Date objects as values.
  To parse a string value, use the valueGetter:

  <DataGrid
    columns={[
      {
        field: 'date',
        type: 'date',
        valueGetter: (params) => new Date(params.value),
      },
    ]}
  />
  

• The following selectors have been renamed:

  • gridVisibleSortedRowIdsSelector renamed to gridExpandedSortedRowIdsSelector
  • gridVisibleSortedRowEntriesSelector renamed to gridExpandedSortedRowEntriesSelector
  • gridVisibleRowCountSelector renamed to gridExpandedRowCountSelector
  • gridVisibleSortedTopLevelRowEntriesSelector renamed to gridFilteredSortedTopLevelRowEntriesSelector
  • gridVisibleTopLevelRowCountSelector renamed to gridFilteredTopLevelRowCountSelector

• The apiRef.current.getVisibleRowModels method was removed. Use the gridVisibleSortedRowEntriesSelector selector instead.

• The GridRowScrollEndParams["virtualRowsCount"] parameter was renamed to GridRowScrollEndParams["visibleRowsCount"].

Changes

• [DataGrid] Add default value formatter to singleSelect (#7290) @m4theushw
• [DataGrid] Fix flickering on grid scroll (#7549) @cherniavskii
• [DataGrid] Merge page and pageSize props into paginationModel (#7147) @MBilalShafi
• [DataGrid] Only support Date as value in date and dateTime column types (#7594) @cherniavskii
• [DataGrid] Remove error boundary (#7579) @cherniavskii
• [DataGrid] Remove GridCellIdentifier redundant type (#7578) @MBilalShafi
• [DataGrid] Remove disableExtendRowFullWidth prop (#7373) @MBilalShafi
• [DataGrid] Remove tag limit from isAnyOf operator input (#7592) @m4theushw
• [DataGrid] Use v6 terminology (#7473) @DanailH
• [DataGridPremium] Keep focus on first selected cell (#7482) @m4theushw
• [l10n] Update Swedish (sv-SE) locale (#7585) @MaanTyringe

@mui/[email protected] / @mui/[email protected]

Breaking changes

• The showToolbar prop has been moved to the toolbar component slot props:

   <DatePicker
  -  showToolbar
  +  slotProps={{
  +    toolbar: {
  +      hidden: false,
  +    }
  +  }}
   />
  

• The new pickers have replaced the legacy one.

  If you were using the new pickers with their temporary name, you just have to change your imports.

  -import { Unstable_NextDatePicker as NextDatePicker } from '@mui/x-date-pickers/NextDatePicker';
  +import { DatePicker } from '@mui/x-date-pickers/DatePicker';
  -import { Unstable_DesktopNextDatePicker as DesktopNextDatePicker } from '@mui/x-date-pickers/DesktopNextDatePicker';
  +import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
  
   // Same for all the other pickers with an `Unstable_` prefix
  

  If you were still using the legacy picker (DatePicker, DesktopDatePicker, ...), please take a look at our migration guide for detailed explanations on how to start using the new ones.

• The fields components are no longer unstable

  -import { Unstable_DateField as DateField } from '@mui/x-date-pickers/DateField';
  +import { DateField } from '@mui/x-date-pickers/DateField';
  

Changes

• [DateRangeCalendar] Ignore calendars prop on mobile (#7526) @flaviendelangle
• [DateRangeCalendar] Ignore showDaysOutsideCurrentMonth when calendars > 1 (#7529) @flaviendelangle
• [DateRangePicker] Propagate rangePosition to view (#7602) @LukasTy
• [fields] Fix upper boundary on 12-hours sections (#7618) @flaviendelangle
• [fields] Publish value when cleaning the last section of a date (#7519) @flaviendelangle
• [fields] Remove the Unstable_ prefix for field components (#7185) @flaviendelangle
• [pickers] Add missing slots and slotProps on the date range view renderer (#7586) @flaviendelangle
• [pickers] Drop legacy pickers (#7545) @flaviendelangle
• [pickers] Fix day calendar row and column index (#7589) @LukasTy
• [pickers] Go to the default view when opening a picker (#7484) @flaviendelangle
• [pickers] Make sure the className and sx props are applied to the field / static root of the picker and never to the view (#7600) @flaviendelangle
• [pickers] Rename new pickers (#7575) @flaviendelangle
• [pickers] Rename remaining components and componentSlots references (#7576) @LukasTy
• [pickers] Replace showToolbar with toolbar slot hidden prop (#7498) @LukasTy
• [pickers] Spread props to the DOM in DateCalendar and TimeClock (#7587) @flaviendelangle
• [pickers] Stop using the WrapperVariantContext in DateRangeCalendar (#7488) @flaviendelangle
• [l10n] Improve Italian (it-IT) locale (#7582) @marikadeveloper

@mui/[email protected]

Changes

• [codemod] Remove disableExtendRowFullWidth prop (#7508) @MBilalShafi

Docs

• [docs] Clean-up the field components page (#7605) @flaviendelangle
• [docs] List all pickers toolbar pages in api docs side menu (#7577) @LukasTy
• [docs] Remove "Flex layout" docs section and demo (#7477) @cherniavskii
• [docs] Rework the pickers "Getting Started" page (#7140) @flaviendelangle

Core

• [core] Add missing status: needs triage label on RFC @oliviertassinari
• [core] Add release documentation step detailing x-codemod package tag change (#7617) @LukasTy
• [core] Fix typo in CHANGELOG (#7611) @flaviendelangle
• [test] Fix date range picker tests to work with western time zones (#7581) @m4theushw

Jan 19, 2023

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

• 🌍 Improve Italian (it-IT) and Swedish (sv-SE) locales
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Fix flickering on grid scroll (#7609) @cherniavskii
• [DataGrid] Remove tag limit from isAnyOf operator input (#7616) @m4theushw
• [l10n] Improve Swedish (sv-SE) locale (#7463) @MaanTyringe

@mui/[email protected] / @mui/[email protected]

Changes

• [pickers] Ensure key is passed without object spreading (#7584) @alexfauquette
• [l10n] Improve Italian (it-IT) locale (#7547) @marikadeveloper

Jan 16, 2023

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

• 🌍 Improve Spanish (es-ES) and add Belarusian (be-BY) and Urdu (ur-PK) locales
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Improve print support (#7407) @cherniavskii
• [DataGrid] Improve Spanish (es-ES) locale (#7438) @Anderssxn
• [DataGridPremium] Fix Excel export not working with date strings (#7478) @cherniavskii
• [DataGridPro] Fix missing column headers border with top-pinned rows (#7399) @cherniavskii

@mui/[email protected] / @mui/[email protected]

Changes

• [pickers] Add Belarusian (be-BY) locale (#7450) @volhalink
• [pickers] Add Urdu (ur-PK) locale (#7449) @MBilalShafi

Jan 13, 2023

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

• 🚀 Support components and slots for new pickers (#7390) @alexfauquette
• ✨ Update onColumnOrderChange behavior to match onRowsOrderChange (#7385) @DanailH
• 🌍 Improve Spanish (es-ES) and Belarusian (be-BY) locales
• 📚 Documentation improvements
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Breaking changes

• Remove the onCellFocusOut prop (#6302) @cherniavskii

  The onCellFocusOut prop was removed. Use componentsProps.cell.onBlur instead:

  <DataGrid
    componentsProps={{
      cell: {
        onBlur: (event) => {
          const cellElement = event.currentTarget;
          const field = cellElement.getAttribute('data-field');
          const rowId = cell.parentElement.getAttribute('data-id');
        },
      },
    }}
  />
  

• [DataGrid] Stop exporting editing selector (#7456) @m4theushw

  The gridEditRowsStateSelector selector was removed.

• [DataGrid] Rework column headers and virtual scroller positioning (#7001) @cherniavskii

  The headerHeight prop was renamed to columnHeaderHeight.

• [DataGrid] Remove the columnTypes prop (#7309) @cherniavskii

  The columnTypes prop was removed. For custom column types see Custom column types docs.

• [DataGrid] Rename linkOperators to logicOperators (#7310) @cherniavskii

  The apiRef.current.setFilterLinkOperator method was renamed to apiRef.current.setFilterLogicOperator.
  The GridLinkOperator enum was renamed to GridLogicOperator.
  The GridFilterModel['linkOperator'] was renamed to GridFilterModel['logicOperator'].
  The linkOperators prop of GridFilterForm and GridFilterPanel components was renamed to logicOperators.
  The linkOperatorInputProps prop of GridFilterForm component was renamed to logicOperatorInputProps.
  The filterFormProps.linkOperatorInputProps prop in GridFilterForm component was renamed to filterFormProps.logicOperatorInputProps.
  The GridLocaleText['filterPanelLinkOperator'] property was renamed to GridLocaleText['filterPanelLogicOperator'].
  The .MuiDataGrid-filterFormLinkOperatorInputCSS class was renamed to .MuiDataGrid-filterFormLogicOperatorInput.

• [DataGrid] Remove Alt+C keyboard shortcut (#7466) @MBilalShafi

  Alt (or ⌥ Option) + C keyboard shortcut is no longer supported.

Changes

• [DataGrid] Fix Tab between portaled and non-portaled edit components (#7098) @m4theushw
• [DataGrid] Remove the columnTypes prop (#7309) @cherniavskii
• [DataGrid] Remove the onCellFocusOut prop (#6302) @cherniavskii
• [DataGrid] Rename linkOperators to logicOperators (#7310) @cherniavskii
• [DataGrid] Rework column headers and virtual scroller positioning (#7001) @cherniavskii
• [DataGrid] Stop exporting editing selector (#7456) @m4theushw
• [DataGrid] Update onColumnOrderChange behavior to match onRowsOrderChange (#7385) @DanailH
• [DataGrid] Improve Spanish (es-ES) locale (#7447) @Anderssxn
• [DataGrid] Remove Alt+C keyboard shortcut (#7466) @MBilalShafi
• [DataGridPremium] Fix Excel export not working with date strings (#7396) @cherniavskii

@mui/[email protected] / @mui/[email protected]

Breaking changes

• [pickers] Stop using the WrapperVariantContext in MonthCalendar and YearCalendar (#7382) @flaviendelangle

  The modeMobile and modeDesktop classes have been removed from the PickersMonth and PickersYear internal components.

  If you were using those classes on responsive components,
  you can import DEFAULT_DESKTOP_MODE_MEDIA_QUERY from @mui/x-date-pickers or @mui/x-date-pickers-pro (or use your custom media query if any):

   <GlobalStyles
     styles={{
  -     [`.${pickersYearClasses.modeDesktop}`]: {
  -       backgroundColor: 'red'
  -     }
  +     [DEFAULT_DESKTOP_MODE_MEDIA_QUERY]: {
  +       [`.${pickersYearClasses.root}`]: {
  +         backgroundColor: 'red'
  +       }
  +     }
  -     [`.${pickersYearClasses.modeMobile}`]: {
  -       backgroundColor: 'red'
  -     }
  +     [DEFAULT_DESKTOP_MODE_MEDIA_QUERY.replace('@media', '@media not')]: {
  +       [`.${pickersYearClasses.root}`]: {
  +         backgroundColor: 'red'
  +       }
  +     }
     }}
   />
  

  Works exactly the same way for PickersMonth.

• [pickers] Refactor shouldDisableTime (#7299) @LukasTy

  The shouldDisableTime prop signature has been changed. Either rename the prop usage to shouldDisableClock or refactor usage.

   <DateTimePicker
  -   shouldDisableTime={(timeValue, view) => view === 'hours' && timeValue < 12}
  +   shouldDisableClock={(timeValue, view) => view === 'hours' && timeValue < 12}
   />
  

   <DateTimePicker
  -   shouldDisableTime={(timeValue, view) => view === 'hours' && timeValue < 12}
  +   shouldDisableTime={(time, view) => view === 'hours' && value.hour() < 12}
   />
  

Changes

• [fields] Fix Android editing (#7444) @flaviendelangle
• [pickers] Add Belarusian (be-BY) locale (#7395) @volhalink
• [pickers] Hide am/pm controls when there is no hour view (#7380) @flaviendelangle
• [pickers] Hide the tabs by default on DesktopNextDateTimePicker (#7503) @flaviendelangle
• [pickers] Refactor shouldDisableTime (#7299) @LukasTy
• [pickers] Remove WrapperVariantContext from DateTimePickerTabs (#7374) @LukasTy
• [pickers] Stop using the WrapperVariantContext in MonthCalendar and YearCalendar (#7382) @flaviendelangle
• [pickers] Support components and slots for new pickers (#7390) @alexfauquette
• [pickers] Replace slotsProps by slotProps (#7528) @alexfauquette

Docs

• [docs] Fix codesandboxes using DemoContainer (#7388) @LukasTy
• [docs] Fix the wrong reference to currentView (#7441) @oliviertassinari
• [docs] New page for DateRangeCalendar (#7378) @flaviendelangle
• [docs] Update the migration guide with the breaking changes between the legacy and the new pickers (#7345) @flaviendelangle
• [docs] Use new pickers on "Custom components" demos (#7194) @flaviendelangle

Core

• [core] Handle selection edge case (#7350) @oliviertassinari
• [core] Improve license message @oliviertassinari
• [pickers] Move default closeOnSelect to prop definition (#7459) @flaviendelangle
• [core] Move interfaces of UI views to dedicated files (#7458) @flaviendelangle
• [core] Update package used to import LicenseInfo (#7442) @oliviertassinari
• [test] Add a few inheritComponent (#7352) @oliviertassinari

Jan 5, 2023

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

• 📆 Add SingleInputTimeRangeField and SingleInputDateTimeRangeField components (#7186) @alexfauquette
• 🚀 Use grid for modifying pickers layout (#6900) @alexfauquette
• ✨ Improve field components editing experience (#7272) @flaviendelangle
• 💻 Multiple codemods
• 📚 Many documentation improvements
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Breaking changes

• [DataGrid] Set default GridCellParams['value'] type to unknown (#6959) @cherniavskii

  The default type of GridCellParams['value'] was changed from any to unknown.

Changes

• [DataGrid] Fix flickering on mount (#7205) @cherniavskii
• [DataGrid] Fix selected text in cell input not being copied in Firefox (#6593) @cherniavskii
• [DataGrid] Invert generic parameters order (#6874) @DanailH
• [DataGrid] Remove legacy logic for singleSelect inside GridFilterInputValue (#7386) @m4theushw
• [DataGrid] Remove remaining props from legacy editing API (#7381) @m4theushw
• [DataGrid] Set default GridCellParams['value'] type to unknown (#6959) @cherniavskii

@mui/[email protected] / @mui/[email protected]

Breaking changes

• [fields] Rename the input slot of the fields to textField to avoid confusion (#7369) @flaviendelangle

Changes

• [fields] Add SingleInputTimeRangeField and SingleInputDateTimeRangeField components (#7186) @alexfauquette
• [fields] Improve editing (automatic section switch, allow letter editing in digit section, allow numeric editing in letter section) (#7272) @flaviendelangle
• [fields] Rename the input slot of the fields to textField to avoid confusion (#7369) @flaviendelangle
• [fields] Prevent date change on TimeField arrow edition (#7383) @flaviendelangle
• [pickers] Clean some JSDoc descriptions (#7384) @flaviendelangle
• [pickers] Remove redundant variants in theme augmentation (#7356) @LukasTy
• [pickers] Remove the PaperContent slot from the new pickers (#7342) @flaviendelangle
• [pickers] Use grid for modifying the layout (#6900) @alexfauquette

@mui/[email protected]

Changes

• [codemod] Add new codemod for adapter import (#7348) @flaviendelangle
• [codemod] Add new codemod for the value prop renaming on the view components (#7338) @flaviendelangle
• [codemod] Reorganize codemods and add rename column menu components codemod (#7368) @MBilalShafi

Docs

• [docs] Add example to add back the mobile keyboard view (#7347) @flaviendelangle
• [docs] Cleanup the doc pages of the community pickers (#7339) @flaviendelangle
• [docs] Drop security fixes support for v4 (#7322) @oliviertassinari
• [docs] Fix disablePast and disableFuture definition swap (#7324) @alexfauquette
• [docs] Hide ad for paid docs pages (#7321) @oliviertassinari
• [docs] New page for TimeClock (#7280) @flaviendelangle
• [docs] Note the pickers breaking changes supported by the codemod (#7337) @flaviendelangle
• [docs] Redirect translated pages (#7341) @cherniavskii
• [docs] Reorganize v6 pickers migration guide (#7257) @flaviendelangle

Core

• [core] Apply eslint rule for React component @oliviertassinari
• [core] Apply title capitalization convention @oliviertassinari
• [core] Fix the product license reference name (#7367) @oliviertassinari
• [core] Order the slots alphabetically in the JSON files (#7349) @flaviendelangle
• [core] Remove blanklines in _redirects @oliviertassinari
• [core] Remove dead prettier config @oliviertassinari
• [core] Sync back with the mono repo (#7351) @oliviertassinari
• [core] Sync monorepo, fix layout scrollbar @oliviertassinari
• [core] Upgrade monorepo (#7307) @LukasTy

Jan 5, 2023

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

• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Fix rows not rendering properly after height change (#7376) @cherniavskii
• [DataGrid] Fix selected text in cell input not being copied in Firefox (#7330) @cherniavskii
• [DataGridPremium] Export row grouping column menu components (#7308) @cherniavskii

@mui/[email protected] / @mui/[email protected]

Changes

• [pickers] Fix the product license reference name (#7367)

Docs

• [docs] Redirect translated pages (#7370) @cherniavskii

Core

• [core] Fix release date (#7314) @DanailH
• [core] Fix the product license reference name (#7367) @oliviertassinari
• [core] Upgrade monorepo (#7344) @cherniavskii

Dec 24, 2022

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

• 🌍 Improve Russian (ru-RU) and Korean (ko-KR) locales
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Update Russian (ru-RU) locale (#7291) @VeceluXa
• [DataGridPro] Use row ID as key of the detail panels (#7311) @m4theushw
• [DataGridPremium] Fix exceljs import with parcel (#7285) @alexfauquette

@mui/[email protected] / @mui/[email protected]

Changes

• [pickers] Improve Korean (ko-KR) locale (#7283) @hanbin9775

Dec 24, 2022

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

• 🚀 New column menu design and API
• 🌍 Improve Russian (ru-RU) and Korean (ko-KR) locales
• 📚 Documentation improvements
• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Breaking changes

• New column menu design and API (#6619) MBilalShafi

  The currentColumn prop passed to components.ColumnMenu was renamed to colDef.
  The column prop passed to the items of the column menu was renamed to colDef.
  The DATA_GRID_DEFAULT_SLOTS_COMPONENTS export has been removed.
  The following components and interfaces were been renamed for consistency:

  Community Package:

  -<GridFilterMenuItem />
  +<GridColumnMenuFilterItem />
  

  -<HideGridColMenuItem />
  +<GridColumnMenuHideItem />
  

  -<GridColumnsMenuItem />
  +<GridColumnMenuColumnsItem />
  

  -<SortGridMenuItems />
  +<GridColumnMenuSortItem />
  

  -interface GridFilterItemProps
  +interface GridColumnMenuItemProps
  

  Pro package:

  -<GridColumnPinningMenuItems />
  +<GridColumnMenuPinningItem />
  

  Premium package:

  -<GridAggregationColumnMenuItem />
  +<GridColumnMenuAggregationItem />
  

  -<GridRowGroupingColumnMenuItems />
  -<GridRowGroupableColumnMenuItems />
  +<GridColumnMenuGroupingItem />
  

• Improve column definition typing (#7224) @cherniavskii

  The GridColumns type was removed. Use GridColDef[] instead.
  The GridActionsColDef interface was removed. Use GridColDef instead.
  The GridEnrichedColDef type was removed. Use GridColDef instead.
  The GridStateColDef type was removed.

  If you use it to type searchPredicate, use GridColumnsPanelProps['searchPredicate'] instead.
  If you use it to type getApplyFilterFn, GridFilterOperator['getApplyFilterFn'] can be used as a replacement.

• Remove GridDensityType enum (#7304) @cherniavskii

  The GridDensityTypes enum was removed. Use GridDensity type instead.

Changes

• [DataGrid] Allow disabling of buttons in column panel (#6947) @MBilalShafi
• [DataGrid] Improve column definition typing (#7224) @cherniavskii
• [DataGrid] Improve column menu design and API (#6619) @MBilalShafi
• [DataGrid] Remove GridDensityType enum (#7304) @cherniavskii
• [DataGrid] Remove rowHeight and headerHeight from the state (#7199) @DanailH
• [DataGrid] Remove column separator to match table styles (#7067) @MBilalShafi
• [DataGrid] Update Russian (ru-RU) locale (#7220) @VeceluXa
• [DataGridPro] Use row ID as key of the detail panels (#7302) @m4theushw
• [DataGridPremium] Fix exceljs import with the parcel (#7284) @alexfauquette

@mui/[email protected] / @mui/[email protected]

Breaking changes

• Require Luxon 3.0.2 or higher (#7249) @flaviendelangle

  AdapterLuxon now requires luxon in version 3.0.2 or higher in order to work.

  Take a look at the Upgrading Luxon guide if you are using an older version.

Changes

• [DateRangePicker] Fix to propagate disabled and readOnly on multi-input picker (#7135) @LukasTy
• [fields] Fix multi-input fields root element props order and types (#7225) @LukasTy
• [fields] Support escaped characters (#7184) @flaviendelangle
• [pickers] Allow defining custom view renderers on the pickers (#7176) @flaviendelangle
• [pickers] Avoid running validation methods several times in DateCalendar (#7247) @flaviendelangle
• [pickers] Improve Korean (ko-KR) locale (#7266) @hanbin9775
• [pickers] Require Luxon 3.0.2 or higher (#7249) @flaviendelangle
• [pickers] Rework view internals (#7097) @flaviendelangle

@mui/[email protected]

Changes

• [codemod] New codemod for view component renaming (#7264) @flaviendelangle

Docs

• [docs] Fix some selectors not being documented (#7218) @cherniavskii
• [docs] New page for DateCalendar (#7053) @flaviendelangle
• [docs] Split selection docs (#7213) @m4theushw

Core

• [core] Fix API demos callout spacing @oliviertassinari

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

• 🚀 The apiRef prop is now available in the @mui/x-data-grid package:

  const apiRef = useGridApiRef();
  
  return (
    <DataGrid apiRef={apiRef} {...other} />
  )
  

  See the documentation for more information.

• 🎁 The DataGridPremium now supports cell selection:

  <DataGridPremium unstable_cellSelection />
  

  See the documentation for more information

• 🌍 Support the Right To Left orientation on the fields components

• 📚 Documentation improvements

• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Breaking changes

• The showCellRightBorder was renamed to showCellVerticalBorder
• The showColumnRightBorder was renamed to showColumnVerticalBorder
• The .MuiDataGrid-withBorder CSS class was renamed to .MuiDataGrid-withBorderColor and it only sets border-color CSS property now.
• The following undocumented properties from apiRef were removed: footerRef, headerRef, columnHeadersElementRef, columnHeadersContainerElementRef
• The GridHeaderPlaceholder component was removed.
• The MAX_PAGE_SIZE constant was removed.
• The useGridScrollFn hook was removed.

Changes

• [DataGrid] Display sort column menu items as per sortingOrder prop (#7180) @MBilalShafi
• [DataGrid] Support apiRef in Community package (#6773) @cherniavskii
• [DataGridPremium] Add support for cell selection (#6567) @m4theushw
• [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7142) @m4theushw
• [DataGridPro] Fix missing border in right-pinned columns (#4197) @cherniavskii
• [DataGridPro] Fix wrong border color on skeleton cells (#7202) @cherniavskii

@mui/[email protected] / @mui/[email protected]

Changes

• [fields] Fix bug introduced by RTL in single input range fields (#7189) @alexfauquette
• [fields] Support RTL out of the box (#6715) @alexfauquette
• [pickers] Clean autoFocus behavior on fields and new pickers (#7153) @flaviendelangle
• [pickers] Fix label on the new range pickers (#7210) @flaviendelangle
• [pickers] Fix wrong component name on StaticNextDateTime (#7187) @flaviendelangle

Docs

• [docs] Add docs section about field placeholders' localization (#7139) @flaviendelangle
• [docs] Create a DemoGrid component to unify demos with several components (#7057) @flaviendelangle
• [docs] Document aggregation selectors (#7148) @cherniavskii
• [docs] Fix 301 links to demo pages in API pages (#7197) @oliviertassinari
• [docs] Fix errors and warning in demos (#7209) @LukasTy
• [docs] Use DemoContainer and DemoItem on every picker demo (#7149) @flaviendelangle

Core

• [core] Fix broken test (#7179) @flaviendelangle

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

• 🐞 Bugfixes

@mui/[email protected] / @mui/[email protected] / @mui/[email protected]

Changes

• [DataGrid] Display sort column menu items as per sortingOrder prop (#7125) @hanbin9775
• [DataGrid] Fix flickering on mount (#7155) @cherniavskii
• [DataGridPremium] Use separate cache for aggregation columns pre-processor (#7174) @m4theushw

@mui/[email protected] / @mui/[email protected]

Changes

• [DateTimePicker] Update export pattern (#7172) @kealjones-wk

Docs

• [docs] Document aggregation selectors (#7151) @cherniavskii