@mui/x-date-pickers 7.0.0-beta.0

v7.0.0-beta.0

on Node.js Yarn

We are glad to announce MUI X v7 beta!
This version has several improvements, bug fixes, and exciting features 🎉.
We want to offer a big thanks to the 7 contributors who made this release possible ✨:

• 🚀 Release the Date Time Range Picker component (#9528) @LukasTy

  

• 🎁 New column management panel design for the Data Grid (#11770) @MBilalShafi

  

• 🐞 Bugfixes

• 📚 Documentation improvements

Data Grid

Breaking changes

• The columns management component has been redesigned and the component was extracted from the ColumnsPanel which now only serves as a wrapper to display the component above the headers as a panel. As a result, a new slot columnsManagement and the related prop slotProps.columnsManagement have been introduced. The props corresponding to the columns management component which were previously passed to the prop slotProps.columnsPanel should now be passed to slotProps.columnsManagement. slotProps.columnsPanel could still be used to override props corresponding to the Panel component used in ColumnsPanel which uses Popper component under the hood.

   <DataGrid
    slotProps={{
  -   columnsPanel: {
  +   columnsManagement: {
        sort: 'asc',
        autoFocusSearchField: false,
      },
    }}
   />

• Show all and Hide all buttons in the ColumnsPanel have been combined into one Show/Hide All toggle in the new columns management component. The related props disableShowAllButton and disableHideAllButton have been replaced with a new prop disableShowHideToggle.

   <DataGrid
  -  disableShowAllButton
  -  disableHideAllButton
  +  disableShowHideToggle
   />

@mui/x-data-grid@7.0.0-beta.0

• [DataGrid] Export GridColumnTypes interface for custom column types (#11742) @cherniavskii
• [DataGrid] Initialize apiRef early (#11792) @cherniavskii
• [DataGrid] New column management panel design (#11770) @MBilalShafi
• [DataGrid] Fix support for tree with more than 50,000 children (#11757) @zenazn

@mui/x-data-grid-pro@7.0.0-beta.0

Same changes as in @mui/x-data-grid@7.0.0-beta.0.

@mui/x-data-grid-premium@7.0.0-beta.0

Same changes as in @mui/x-data-grid-pro@7.0.0-beta.0.

Date Pickers

@mui/x-date-pickers@7.0.0-beta.0

• [pickers] Apply the layout.tabs class to Tabs slot (#11781) @LukasTy
• [pickers] Avoid deep imports (#11794) @LukasTy
• [pickers] Fields typing optimization (#11779) @LukasTy

@mui/x-date-pickers-pro@7.0.0-beta.0

Same changes as in @mui/x-date-pickers@7.0.0-beta.0, plus:

• [pickers] Add DateTimeRangePicker component (#9528) @LukasTy
• [pickers] Add DateTimeRangePicker theme augmentation (#11814) @LukasTy
• [DateRangePicker] Remove calendars prop on Mobile (#11752) @LukasTy

Tree View / @mui/x-tree-view@7.0.0-beta.0

• [TreeView] Remove unused props from prop-types and typing (#11778) @flaviendelangle
• [TreeView] Throw an error when two items have the same id (#11715) @flaviendelangle

Docs

• [docs] Add contextValue to the headless tree view doc (#11705) @flaviendelangle
• [docs] Add section for the disableSelection prop (#11821) @flaviendelangle
• [docs] Fix brand name non-breaking space (#11758) @oliviertassinari
• [docs] Fix typo in Data Grid components page (#11775) @flaviendelangle
• [docs] Fix use of quote, should use callout (#11759) @oliviertassinari
• [docs] Improve error message for MUI Vale rule @oliviertassinari
• [docs] Include DateTimeRangePicker in relevant demos (#11815) @LukasTy
• [docs] Add recipe for sorting row groups by the number of child rows (#11164) @cherniavskii

Core

• [core] Cleanup script and alias setup (#11749) @LukasTy
• [core] Polish issue templates @oliviertassinari
• [code-infra] Update prettier and pretty-quick (#11735) @Janpot