@mui/x-date-pickers - npm Package Versions

7.0.0-alpha.8

Jan 11, 2024

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

• ⏰ Support date-fns v3 (#11659) @LukasTy Pickers support both v2 and v3 of date-fns. For v3 use AdapterDateFnsV3.

  // with date-fns v2.x
  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
  import de from 'date-fns/locale/de';
  

  // with date-fns v3.x
  import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
  import { de } from 'date-fns/locale/de';
  

Data Grid

Breaking changes

• The import path for locales has been changed:

  -import { enUS } from '@mui/x-data-grid';
  +import { enUS } from '@mui/x-data-grid/locales';
  
  -import { enUS } from '@mui/x-data-grid-pro';
  +import { enUS } from '@mui/x-data-grid-pro/locales';
  
  -import { enUS } from '@mui/x-data-grid-premium';
  +import { enUS } from '@mui/x-data-grid-premium/locales';
  

7.0.0-alpha.7

Jan 5, 2024

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

• 🎁 New component to create a Tree View from a structured data source:

  You can now directly pass your data to the <RichTreeView /> component instead of manually converting it into JSX <TreeItem /> components:

  const ITEMS = [
    {
      id: 'node-1',
      label: 'Node 1',
      children: [
        { id: 'node-1-1', label: 'Node 1.1' },
        { id: 'node-1-2', label: 'Node 1.2' },
      ],
    },
    {
      id: 'node-2',
      label: 'Node 2',
    },
  ];
  
  <RichTreeView
    items={MUI_X_PRODUCTS}
    defaultCollapseIcon={<ExpandMoreIcon />}
    defaultExpandIcon={<ChevronRightIcon />}
  />;
  

• 🌍 Improve Czech (cs-CZ) locale on the Data Grid

• 🐞 Bugfixes

Data Grid

7.0.0-alpha.6

Dec 22, 2023

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

• 🎁 Data Grid now supports Date objects in the filterModel
• 🌍 Improve Russian (ru-RU) locale on the Data Grid
• 🐞 Bugfixes

Data Grid

Breaking changes

• The filter panel no longer uses the native version of the Select component for all components.

• The getOptionValue and getOptionLabel props were removed from the following components:

  • GridEditSingleSelectCell
  • GridFilterInputSingleSelect
  • GridFilterInputMultipleSingleSelect

  Use the getOptionValue and getOptionLabel properties on the singleSelect column definition instead:

  const column: GridColDef = {
    type: 'singleSelect',
    field: 'country',
    valueOptions: [
      { code: 'BR', name: 'Brazil' },
      { code: 'FR', name: 'France' },
    ],
    getOptionValue: (value: any) => value.code,
    getOptionLabel: (value: any) => value.name,
  };
  

• The filterModel now supports Date objects as values for date and dateTime column types. The filterModel still accepts strings as values for date and dateTime column types, but all updates to the filterModel coming from the UI (for example filter panel) will set the value as a Date object.

Charts / @mui/x-charts@7.0.0-alpha.5

• [charts] Allow percentage values for pie chart center and radius (#11464) @alexfauquette
• [charts] Improve dataset typing (#11372) @alexfauquette
• [charts] Make error message more explicit (#11457) @alexfauquette
• [charts] Make the helper ChartsText component public (#11370) @alexfauquette

Docs

• [docs] Document false default values for boolean props (#11477) @cherniavskii
• [docs] Improve Pickers name prop examples (#11422) @LukasTy
• [docs] Limit date-fns package to v2 in codesandbox (#11463) @LukasTy

Core

• [core] Add missing breaking changes to changelog (#11420) @MBilalShafi
• [core] Cherry pick follow up (#11469) @LukasTy
• [core] Fix cherry-pick action (#11446) @LukasTy
• [core] Fix security regressions in cherry-pick-next-to-master.yml (#11482) @MBilalShafi
• [test] Reload the page if its blank and there are no links to the remaining tests (#11466) @cherniavskii

7.0.0-alpha.4

Dec 8, 2023

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

• 🚀 The scatter charts now use voronoi to trigger items

  Users needed to hover the item to highlight the scatter item or show the tooltip. Now they can interact with data by triggering the closest element. See the docs page for more info.

• 📚 Add Pickers FAQ page

• 🎉 The Data Grid Header filters feature is now stable

• 🌍 Improve Danish (da-DK) locale on Data Grid

• 🐞 Bugfixes

Data Grid

Breaking changes

• The header filters feature is now stable. unstable_ prefix is removed from prop headerFilters and related exports. See migration docs for more details.

• The GridColDef['type'] has been narrowed down to only accept the built-in column types. TypeScript users need to use the GridColDef interface when defining columns:

  // 🛑 `type` is inferred as `string` and is too wide
  const columns = [{ type: 'number', field: 'id' }];
  <DataGrid columns={columns} />;
  
  // ✅ `type` is `'number'`
  const columns: GridColDef[] = [{ type: 'number', field: 'id' }];
  <DataGrid columns={columns} />;
  
  // ✅ Alternalively, `as const` can be used to narrow down the type
  const columns = [{ type: 'number' as const, field: 'id' }];
  <DataGrid columns={columns} />;