Skip to content

v7.0.0-alpha.2

Pre-release
Pre-release
Compare
Choose a tag to compare
@LukasTy LukasTy released this 23 Nov 16:34
· 604 commits to next since this release
316fa94

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

  • 📈 Export missing Charts props
  • 🌍 Improve Arabic (ar-SD) and Hebrew (he-IL) locales on Data Grid
  • 🌍 Add Macedonian (mk) locale and improve German (de-DE) locale on Pickers
  • 🐞 Bugfixes
  • 📚 Documentation improvements

Data Grid

@mui/[email protected]

@mui/[email protected] pro

Same changes as in @mui/[email protected].

@mui/[email protected] premium

Same changes as in @mui/[email protected].

Date Pickers

Breaking changes

  • The deprecated shouldDisableClock prop has been removed in favor of the more flexible shouldDisableTime prop.
    The shouldDisableClock prop received value as a number of hours, minutes, or seconds.
    Instead, the shouldDisableTime prop receives the date object (based on the used adapter).

    You can read more about the deprecation of this prop in v6 migration guide.

     <DateTimePicker
    -  shouldDisableClock={(timeValue, view) => view === 'hours' && timeValue < 12}
    +  shouldDisableTime={(value, view) => view === 'hours' && value.hour() < 12}
     />
  • The adapter.dateWithTimezone method has been removed and its content moved to the date method.
    You can use the adapter.date method instead:

    - adapter.dateWithTimezone(undefined, 'system');
    + adapter.date(undefined, 'system');
  • The dayPickerClasses variable has been renamed to dayCalendarClasses to be consistent with the new name of the DayCalendar component introduced in v6.0.0.

    - import { dayPickerClasses } from '@mui/x-date-pickers/DateCalendar';
    + import { dayCalendarClasses } from '@mui/x-date-pickers/DateCalendar';
  • The deprecated defaultCalendarMonth prop has been removed in favor of the more flexible referenceDate prop.

    - <DateCalendar defaultCalendarMonth={dayjs('2022-04-01')};
    + <DateCalendar referenceDate{dayjs('2022-04-01')} />
  • The adapter.date method now has the v6 adapter.dateWithTimezone method behavior.
    It no longer accepts any as a value but only string | null | undefined.

    - adapter.date(new Date());
    + adapter.date();
    
    - adapter.date(new Date('2022-04-17');
    + adapter.date('2022-04-17');
    
    - adapter.date(new Date(2022, 3, 17, 4, 5, 34));
    + adapter.date('2022-04-17T04:05:34');
    
    - adapter.date(new Date('Invalid Date'));
    + adapter.getInvalidDate();

@mui/[email protected]

@mui/[email protected] pro

Same changes as in @mui/[email protected].

Charts / @mui/[email protected]

@mui/[email protected]

Docs

Core