@mui/x-date-pickers 7.0.0-alpha.1 → 7.0.0-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,131 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-alpha.2
+
+_Nov 23, 2023_
+
+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/x-data-grid@7.0.0-alpha.2`
+
+- [l10n] Improve Arabic (ar-SD) locale (#11114) @MBilalShafi
+- [l10n] Improve Hebrew (he-IL) locale (#11056) (#11149) @MBilalShafi
+- [DataGrid] Remove unused utilities (#11156) @flaviendelangle
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.0.0-alpha.2`.
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.2`.
+
+### 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](https://next.mui.com//x/migration/migration-pickers-v5/#%E2%9C%85-rename-or-refactor-shoulddisabletime-prop).
+
+  ```diff
+   <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:
+
+  ```diff
+  - 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.
+
+  ```diff
+  - 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.
+
+  ```diff
+  - <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`.
+
+  ```diff
+  - 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/x-date-pickers@7.0.0-alpha.2`
+
+- [l10n] Improve German (de-DE) locale (#11103) @jho-vema
+- [l10n] Add Macedonian (mk) locale (#10935) @brsnik
+- [pickers] Remove the `defaultCalendarMonth` prop (#10987) @flaviendelangle
+- [pickers] Remove the `shouldDisableClock` prop (#11042) @flaviendelangle
+- [pickers] Rename the `dayPickerClasses` variable `dayCalendarClasses` (#11140) @flaviendelangle
+- [pickers] Replace `adapter.date` with the current `adapter.dateWithTimezone` (#10979) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.0.0-alpha.2`.
+
+### Charts / `@mui/x-charts@7.0.0-alpha.2`
+
+- [charts] Change export strategy in index files (#11113) @michelengelen
+- [charts] Fix `ChartsTooltip` component setup (#11152) @LukasTy
+
+### `@mui/x-codemod@7.0.0-alpha.2`
+
+- [codemod] Add codemod to use `referenceDate` instead of `defaultCalendarMonth` (#11139) @flaviendelangle
+- [codemod] Clean the components to slots codemod usage (#11145) @flaviendelangle
+
+### Docs
+
+- [docs] Add LTS section to support docs (#10927) @joserodolfofreitas
+- [docs] Clean the codemod README (#11051) @flaviendelangle
+- [docs] Fix typos and grammar issues (#11049) @flaviendelangle
+- [docs] Fix version links (#11001) @LukasTy
+- [docs] Point to the source of `@mui/x-data-grid-generator` (#11134) @oliviertassinari
+
+### Core
+
+- [core] Bump monorepo (#11160) @LukasTy
+- [core] Fix comment in doc generation (#11098) @flaviendelangle
+- [core] Rename OpenCollective @oliviertassinari
+- [core] Upgrade `babel-plugin-module-resolver` to 5.0.0 (#11065) @flaviendelangle
+- [changelog] Improve git diff format @oliviertassinari
+- [renovate] Monthly schedule for lockfile maintenance (#10336) @Janpot
+- [test] Skip flaky e2e test in webkit (#11110) @cherniavskii
+
 ## 7.0.0-alpha.1
 
 _Nov 17, 2023_
@@ -23,29 +148,29 @@ We'd like to offer a big thanks to the 3 contributors who made this release poss
   ```diff
    <DateCalendar
      // If you were still using the day string, you can get it back with your date library.
-  -   dayOfWeekFormatter={dayStr => `${dayStr}.`}
-  +   dayOfWeekFormatter={day => `${day.format('dd')}.`}
+  -  dayOfWeekFormatter={dayStr => `${dayStr}.`}
+  +  dayOfWeekFormatter={day => `${day.format('dd')}.`}
 
      // If you were already using the day object, just remove the first argument.
-  -   dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`}
-  +   dayOfWeekFormatter={day => `${day.format('dd')}.`}
+  -  dayOfWeekFormatter={(_dayStr, day) => `${day.format('dd')}.`}
+  +  dayOfWeekFormatter={day => `${day.format('dd')}.`}
    />
   ```
 
 - The imports related to the `calendarHeader` slot have been moved from `@mui/x-date-pickers/DateCalendar` to `@mui/x-date-pickers/PIckersCalendarHeader`:
 
   ```diff
-    export {
-      pickersCalendarHeaderClasses,
-      PickersCalendarHeaderClassKey,
-      PickersCalendarHeaderClasses,
-      PickersCalendarHeader,
-      PickersCalendarHeaderProps,
-      PickersCalendarHeaderSlotsComponent,
-      PickersCalendarHeaderSlotsComponentsProps,
-      ExportedPickersCalendarHeaderProps,
-  - } from '@mui/x-date-pickers/DateCalendar';
-  + } from '@mui/x-date-pickers/PickersCalendarHeader';
+   export {
+     pickersCalendarHeaderClasses,
+     PickersCalendarHeaderClassKey,
+     PickersCalendarHeaderClasses,
+     PickersCalendarHeader,
+     PickersCalendarHeaderProps,
+     PickersCalendarHeaderSlotsComponent,
+     PickersCalendarHeaderSlotsComponentsProps,
+     ExportedPickersCalendarHeaderProps,
+  -} from '@mui/x-date-pickers/DateCalendar';
+  +} from '@mui/x-date-pickers/PickersCalendarHeader';
 
   ```
 
@@ -53,170 +178,170 @@ We'd like to offer a big thanks to the 3 contributors who made this release poss
   It was used in the header of the calendar views, you can replace it with the new `format` prop of the `calendarHeader` slot:
 
   ```diff
-    <LocalizationProvider
-      adapter={AdapterDayJS}
-  -   formats={{ monthAndYear: 'MM/YYYY' }}
-    />
-      <DatePicker
-  +     slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
-      />
-       <DateRangePicker
-  +     slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
-      />
-    <LocalizationProvider />
+   <LocalizationProvider
+     adapter={AdapterDayJS}
+  -  formats={{ monthAndYear: 'MM/YYYY' }}
+   />
+     <DatePicker
+  +    slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
+     />
+     <DateRangePicker
+  +    slotProps={{ calendarHeader: { format: 'MM/YYYY' }}}
+     />
+   <LocalizationProvider />
   ```
 
 - The `adapter.getDiff` method have been removed, you can directly use your date library:
 
   ```diff
-    // For Day.js
-  - const diff = adapter.getDiff(value, comparing, unit);
-  + const diff = value.diff(comparing, unit);
-
-    // For Luxon
-  - const diff = adapter.getDiff(value, comparing, unit);
-  + const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => {
-  +   const parsedComparing = typeof comparing === 'string'
-  +     ? DateTime.fromJSDate(new Date(comparing))
-  +     : comparing;
-  +   if (unit) {
-  +     return Math.floor(value.diff(comparing).as(unit));
-  +   }
-  +   return value.diff(comparing).as('millisecond');
-  + };
+   // For Day.js
+  -const diff = adapter.getDiff(value, comparing, unit);
+  +const diff = value.diff(comparing, unit);
+
+   // For Luxon
+  -const diff = adapter.getDiff(value, comparing, unit);
+  +const getDiff = (value: DateTime, comparing: DateTime | string, unit?: AdapterUnits) => {
+  +  const parsedComparing = typeof comparing === 'string'
+  +    ? DateTime.fromJSDate(new Date(comparing))
+  +    : comparing;
+  +  if (unit) {
+  +    return Math.floor(value.diff(comparing).as(unit));
+  +  }
+  +  return value.diff(comparing).as('millisecond');
+  +};
   +
-  + const diff = getDiff(value, comparing, unit);
+  +const diff = getDiff(value, comparing, unit);
 
     // For DateFns
-  - const diff = adapter.getDiff(value, comparing, unit);
-  + const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => {
-  +   const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing;
-  +   switch (unit) {
-  +     case 'years':
-  +       return dateFns.differenceInYears(value, parsedComparing);
-  +     case 'quarters':
-  +       return dateFns.differenceInQuarters(value, parsedComparing);
-  +     case 'months':
-  +       return dateFns.differenceInMonths(value, parsedComparing);
-  +     case 'weeks':
-  +       return dateFns.differenceInWeeks(value, parsedComparing);
-  +     case 'days':
-  +       return dateFns.differenceInDays(value, parsedComparing);
-  +     case 'hours':
-  +       return dateFns.differenceInHours(value, parsedComparing);
-  +     case 'minutes':
-  +       return dateFns.differenceInMinutes(value, parsedComparing);
-  +     case 'seconds':
-  +       return dateFns.differenceInSeconds(value, parsedComparing);
-  +     default: {
-  +       return dateFns.differenceInMilliseconds(value, parsedComparing);
-  +     }
-  +   }
-  + };
+  -const diff = adapter.getDiff(value, comparing, unit);
+  +const getDiff = (value: Date, comparing: Date | string, unit?: AdapterUnits) => {
+  +  const parsedComparing = typeof comparing === 'string' ? new Date(comparing) : comparing;
+  +  switch (unit) {
+  +    case 'years':
+  +      return dateFns.differenceInYears(value, parsedComparing);
+  +    case 'quarters':
+  +      return dateFns.differenceInQuarters(value, parsedComparing);
+  +    case 'months':
+  +      return dateFns.differenceInMonths(value, parsedComparing);
+  +    case 'weeks':
+  +      return dateFns.differenceInWeeks(value, parsedComparing);
+  +    case 'days':
+  +      return dateFns.differenceInDays(value, parsedComparing);
+  +    case 'hours':
+  +      return dateFns.differenceInHours(value, parsedComparing);
+  +    case 'minutes':
+  +      return dateFns.differenceInMinutes(value, parsedComparing);
+  +    case 'seconds':
+  +      return dateFns.differenceInSeconds(value, parsedComparing);
+  +    default: {
+  +      return dateFns.differenceInMilliseconds(value, parsedComparing);
+  +    }
+  +  }
+  +};
   +
-  + const diff = getDiff(value, comparing, unit);
+  +const diff = getDiff(value, comparing, unit);
 
-    // For Moment
-  - const diff = adapter.getDiff(value, comparing, unit);
-  + const diff = value.diff(comparing, unit);
+   // For Moment
+  -const diff = adapter.getDiff(value, comparing, unit);
+  +const diff = value.diff(comparing, unit);
   ```
 
 - The `adapter.getFormatHelperText` method have been removed, you can use the `adapter.expandFormat` instead:
 
 ```diff
-- const expandedFormat = adapter.getFormatHelperText(format);
-+ const expandedFormat = adapter.expandFormat(format);
+-const expandedFormat = adapter.getFormatHelperText(format);
++const expandedFormat = adapter.expandFormat(format);
 ```
 
 And if you need the exact same output you can apply the following transformation:
 
 ```diff
-  // For Day.js
-- const expandedFormat = adapter.getFormatHelperText(format);
-+ const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
+ // For Day.js
+-const expandedFormat = adapter.getFormatHelperText(format);
++const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
 
-  // For Luxon
-- const expandedFormat = adapter.getFormatHelperText(format);
-+ const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
+ // For Luxon
+-const expandedFormat = adapter.getFormatHelperText(format);
++const expandedFormat = adapter.expandFormat(format).replace(/(a)/g, '(a|p)m').toLocaleLowerCase();
 
-  // For DateFns
-- const expandedFormat = adapter.getFormatHelperText(format);
-+ const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
+ // For DateFns
+-const expandedFormat = adapter.getFormatHelperText(format);
++const expandedFormat = adapter.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
 
-  // For Moment
-- const expandedFormat = adapter.getFormatHelperText(format);
-+ const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
+ // For Moment
+-const expandedFormat = adapter.getFormatHelperText(format);
++const expandedFormat = adapter.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
 ```
 
 - The `adapter.getMeridiemText` method have been removed, you can use the `adapter.setHours`, `adapter.date` and `adapter.format` methods to recreate its behavior:
 
   ```diff
-  - const meridiem = adapter.getMeridiemText('am');
-  + const getMeridiemText = (meridiem: 'am' | 'pm') => {
-  +   const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14);
-  +   return utils.format(date, 'meridiem');
-  + };
+  -const meridiem = adapter.getMeridiemText('am');
+  +const getMeridiemText = (meridiem: 'am' | 'pm') => {
+  +  const date = adapter.setHours(adapter.date()!, meridiem === 'am' ? 2 : 14);
+  +  return utils.format(date, 'meridiem');
+  +};
   +
-  + const meridiem = getMeridiemText('am');
+  +const meridiem = getMeridiemText('am');
   ```
 
 - The `adapter.getMonthArray` method have been removed, you can use the `adapter.startOfYear` and `adapter.addMonths` methods to recreate its behavior:
 
   ```diff
-  - const monthArray = adapter.getMonthArray(value);
-  + const getMonthArray = (year) => {
-  +   const firstMonth = utils.startOfYear(year);
-  +   const months = [firstMonth];
+  -const monthArray = adapter.getMonthArray(value);
+  +const getMonthArray = (year) => {
+  +  const firstMonth = utils.startOfYear(year);
+  +  const months = [firstMonth];
   +
-  +   while (months.length < 12) {
-  +     const prevMonth = months[months.length - 1];
-  +     months.push(utils.addMonths(prevMonth, 1));
-  +   }
+  +  while (months.length < 12) {
+  +    const prevMonth = months[months.length - 1];
+  +    months.push(utils.addMonths(prevMonth, 1));
+  +  }
   +
-  +   return months;
-  + }
+  +  return months;
+  +}
   +
-  + const monthArray = getMonthArray(value);
+  +const monthArray = getMonthArray(value);
   ```
 
 - The `adapter.getNextMonth` method have been removed, you can use the `adapter.addMonths` method instead:
 
   ```diff
-  - const nextMonth = adapter.getNextMonth(value);
-  + const nextMonth = adapter.addMonths(value, 1);
+  -const nextMonth = adapter.getNextMonth(value);
+  +const nextMonth = adapter.addMonths(value, 1);
   ```
 
 - The `adapter.getPreviousMonth` method have been removed, you can use the `adapter.addMonths` method instead:
 
   ```diff
-  - const previousMonth = adapter.getPreviousMonth(value);
-  + const previousMonth = adapter.addMonths(value, -1);
+  -const previousMonth = adapter.getPreviousMonth(value);
+  +const previousMonth = adapter.addMonths(value, -1);
   ```
 
 - The `adapter.getWeekdays` method have been removed, you can use the `adapter.startOfWeek` and `adapter.addDays` methods instead:
 
   ```diff
-  - const weekDays = adapter.getWeekdays(value);
-  + const getWeekdays = (value) => {
-  +   const start = adapter.startOfWeek(value);
-  +   return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff));
-  + };
+  -const weekDays = adapter.getWeekdays(value);
+  +const getWeekdays = (value) => {
+  +  const start = adapter.startOfWeek(value);
+  +  return [0, 1, 2, 3, 4, 5, 6].map((diff) => utils.addDays(start, diff));
+  +};
   +
-  + const weekDays = getWeekdays(value);
+  +const weekDays = getWeekdays(value);
   ```
 
 - The `isNull` method have been removed, you can replace it with a very basic check:
 
   ```diff
-  - const isNull = adapter.isNull(value);
-  + const isNull = value === null;
+  -const isNull = adapter.isNull(value);
+  +const isNull = value === null;
   ```
 
 - The `adapter.mergeDateAndTime` method have been removed, you can use the `adapter.setHours`, `adapter.setMinutes`, and `adapter.setSeconds` methods to recreate its behavior:
 
   ```diff
-  - const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime);
-  + const mergeDateAndTime = <TDate>(
+  -const result = adapter.mergeDateAndTime(valueWithDate, valueWithTime);
+  +const mergeDateAndTime = <TDate>(
   +   dateParam,
   +   timeParam,
   + ) => {
@@ -228,37 +353,37 @@ And if you need the exact same output you can apply the following transformation
   +   return mergedDate;
   + };
   +
-  + const result = mergeDateAndTime(valueWithDate, valueWithTime);
+  +const result = mergeDateAndTime(valueWithDate, valueWithTime);
   ```
 
 - The `adapter.parseISO` method have been removed, you can directly use your date library:
 
   ```diff
-    // For Day.js
-  - const value = adapter.parseISO(isoString);
-  + const value = dayjs(isoString);
+   // For Day.js
+  -const value = adapter.parseISO(isoString);
+  +const value = dayjs(isoString);
 
-    // For Luxon
-  - const value = adapter.parseISO(isoString);
-  + const value = DateTime.fromISO(isoString);
+   // For Luxon
+  -const value = adapter.parseISO(isoString);
+  +const value = DateTime.fromISO(isoString);
 
-    // For DateFns
-  - const value = adapter.parseISO(isoString);
-  + const value = dateFns.parseISO(isoString);
+   // For DateFns
+  -const value = adapter.parseISO(isoString);
+  +const value = dateFns.parseISO(isoString);
 
-    // For Moment
-  - const value = adapter.parseISO(isoString);
-  + const value = moment(isoString, true);
+   // For Moment
+  -const value = adapter.parseISO(isoString);
+  +const value = moment(isoString, true);
   ```
 
 - The `adapter.toISO` method have been removed, you can directly use your date library:
 
   ```diff
-  - const isoString = adapter.toISO(value);
-  + const isoString = value.toISOString();
-  + const isoString = value.toUTC().toISO({ format: 'extended' });
-  + const isoString = dateFns.formatISO(value, { format: 'extended' });
-  + const isoString = value.toISOString();
+  -const isoString = adapter.toISO(value);
+  +const isoString = value.toISOString();
+  +const isoString = value.toUTC().toISO({ format: 'extended' });
+  +const isoString = dateFns.formatISO(value, { format: 'extended' });
+  +const isoString = value.toISOString();
   ```
 
 - The `adapter.isEqual` method used to accept any type of value for its two input and tried to parse them before checking if they were equal.
@@ -277,49 +402,49 @@ And if you need the exact same output you can apply the following transformation
    const isEqual = adapterDateFns.isEqual(new Date(), new Date('2022-04-17'));
 
    // Non-supported formats (JS Date)
-  - const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));
-  + const isEqual = adapterDayjs.isEqual(dayjs(), dayjs('2022-04-17'));
+  -const isEqual = adapterDayjs.isEqual(new Date(), new Date('2022-04-17'));
+  +const isEqual = adapterDayjs.isEqual(dayjs(), dayjs('2022-04-17'));
 
-  - const isEqual = adapterLuxon.isEqual(new Date(), new Date('2022-04-17'));
-  + const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
+  -const isEqual = adapterLuxon.isEqual(new Date(), new Date('2022-04-17'));
+  +const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
 
-  - const isEqual = adapterMoment.isEqual(new Date(), new Date('2022-04-17'));
-  + const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
+  -const isEqual = adapterMoment.isEqual(new Date(), new Date('2022-04-17'));
+  +const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
 
    // Non-supported formats (string)
-  - const isEqual = adapterDayjs.isEqual('2022-04-16', '2022-04-17');
-  + const isEqual = adapterDayjs.isEqual(dayjs('2022-04-17'), dayjs('2022-04-17'));
+  -const isEqual = adapterDayjs.isEqual('2022-04-16', '2022-04-17');
+  +const isEqual = adapterDayjs.isEqual(dayjs('2022-04-17'), dayjs('2022-04-17'));
 
-  - const isEqual = adapterLuxon.isEqual('2022-04-16', '2022-04-17');
-  + const isEqual = adapterLuxon.isEqual(DateTime.fromISO('2022-04-17'), DateTime.fromISO('2022-04-17'));
+  -const isEqual = adapterLuxon.isEqual('2022-04-16', '2022-04-17');
+  +const isEqual = adapterLuxon.isEqual(DateTime.fromISO('2022-04-17'), DateTime.fromISO('2022-04-17'));
 
-  - const isEqual = adapterMoment.isEqual('2022-04-16', '2022-04-17');
-  + const isEqual = adapterMoment.isEqual(moment('2022-04-17'), moment('2022-04-17'));
+  -const isEqual = adapterMoment.isEqual('2022-04-16', '2022-04-17');
+  +const isEqual = adapterMoment.isEqual(moment('2022-04-17'), moment('2022-04-17'));
 
-  - const isEqual = adapterDateFns.isEqual('2022-04-16', '2022-04-17');
-  + const isEqual = adapterDateFns.isEqual(new Date('2022-04-17'), new Date('2022-04-17'));
+  -const isEqual = adapterDateFns.isEqual('2022-04-16', '2022-04-17');
+  +const isEqual = adapterDateFns.isEqual(new Date('2022-04-17'), new Date('2022-04-17'));
   ```
 
 - The `dateLibInstance` prop of `LocalizationProvider` does not work with `AdapterDayjs` anymore (#11023). This prop was used to set the pickers in UTC mode before the implementation of a proper timezone support in the components.
   You can learn more about the new approach on the [dedicated doc page](https://mui.com/x/react-date-pickers/timezone/).
 
   ```diff
-    // When a `value` or a `defaultValue` is provided
-    <LocalizationProvider
-      adapter={AdapterDayjs}
-  -   dateLibInstance={dayjs.utc}
-    >
-      <DatePicker value={dayjs.utc('2022-04-17')} />
-    </LocalizationProvider>
-
-    // When no `value` or `defaultValue` is provided
-    <LocalizationProvider
-      adapter={AdapterDayjs}
-  -   dateLibInstance={dayjs.utc}
-    >
-  -   <DatePicker />
-  +   <DatePicker timezone="UTC" />
-    </LocalizationProvider>
+   // When a `value` or a `defaultValue` is provided
+   <LocalizationProvider
+     adapter={AdapterDayjs}
+  -  dateLibInstance={dayjs.utc}
+   >
+     <DatePicker value={dayjs.utc('2022-04-17')} />
+   </LocalizationProvider>
+
+   // When no `value` or `defaultValue` is provided
+   <LocalizationProvider
+     adapter={AdapterDayjs}
+  -  dateLibInstance={dayjs.utc}
+   >
+  -  <DatePicker />
+  +  <DatePicker timezone="UTC" />
+   </LocalizationProvider>
   ```
 
 - The property `hasLeadingZeros` has been removed from the sections in favor of the more precise `hasLeadingZerosInFormat` and `hasLeadingZerosInInput` properties (#10994). To keep the same behavior, you can replace it by `hasLeadingZerosInFormat`:
@@ -328,10 +453,10 @@ And if you need the exact same output you can apply the following transformation
    const fieldRef = React.useRef<FieldRef<FieldSection>>(null);
 
    React.useEffect(() => {
-       const firstSection = fieldRef.current!.getSections()[0]
-  -    console.log(firstSection.hasLeadingZeros)
-  +    console.log(firstSection.hasLeadingZerosInFormat)
-   }, [])
+     const firstSection = fieldRef.current!.getSections()[0];
+  -  console.log(firstSection.hasLeadingZeros);
+  +  console.log(firstSection.hasLeadingZerosInFormat);
+   }, []);
 
    return (
      <DateField unstableFieldRef={fieldRef} />
@@ -341,8 +466,8 @@ And if you need the exact same output you can apply the following transformation
 - The `adapter.getYearRange` method used to accept two params and now accepts a tuple to be consistent with the `adapter.isWithinRange` method (#10978):
 
   ```diff
-  - adapter.getYearRange(start, end);
-  + adapter.getYearRange([start, end])
+  -adapter.getYearRange(start, end);
+  +adapter.getYearRange([start, end])
   ```
 
 - The `adapter.isValid` method used to accept any type of value and tried to parse them before checking their validity (#10971).
@@ -362,27 +487,27 @@ And if you need the exact same output you can apply the following transformation
    const isValid = adapterDateFns.isValid(new Date());
 
    // Non-supported formats (JS Date)
-  - const isValid = adapterDayjs.isValid(new Date('2022-04-17'));
-  + const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
+  -const isValid = adapterDayjs.isValid(new Date('2022-04-17'));
+  +const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
 
-  - const isValid = adapterLuxon.isValid(new Date('2022-04-17'));
-  + const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
+  -const isValid = adapterLuxon.isValid(new Date('2022-04-17'));
+  +const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
 
-  - const isValid = adapterMoment.isValid(new Date('2022-04-17'));
-  + const isValid = adapterMoment.isValid(moment('2022-04-17'));
+  -const isValid = adapterMoment.isValid(new Date('2022-04-17'));
+  +const isValid = adapterMoment.isValid(moment('2022-04-17'));
 
    // Non-supported formats (string)
-  - const isValid = adapterDayjs.isValid('2022-04-17');
-  + const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
+  -const isValid = adapterDayjs.isValid('2022-04-17');
+  +const isValid = adapterDayjs.isValid(dayjs('2022-04-17'));
 
-  - const isValid = adapterLuxon.isValid('2022-04-17');
-  + const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
+  -const isValid = adapterLuxon.isValid('2022-04-17');
+  +const isValid = adapterLuxon.isValid(DateTime.fromISO('2022-04-17'));
 
-  - const isValid = adapterMoment.isValid('2022-04-17');
-  + const isValid = adapterMoment.isValid(moment('2022-04-17'));
+  -const isValid = adapterMoment.isValid('2022-04-17');
+  +const isValid = adapterMoment.isValid(moment('2022-04-17'));
 
-  - const isValid = adapterDateFns.isValid('2022-04-17');
-  + const isValid = adapterDateFns.isValid(new Date('2022-04-17'));
+  -const isValid = adapterDateFns.isValid('2022-04-17');
+  +const isValid = adapterDateFns.isValid(new Date('2022-04-17'));
   ```
 
 #### Changes
@@ -447,7 +572,7 @@ A special shoutout to thank the 12 contributors who made this release possible.
    }
    const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
 -  return (cellParams) => {
--  const { value } = cellParams;
+-    const { value } = cellParams;
 +  return (value, row, colDef, apiRef) => {
      return value != null ? filterRegex.test(String(value)) : false;
    };
@@ -559,6 +684,59 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
 - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
 - [license] Correctly throw errors (#10924) @oliviertassinari
 
+## 6.18.2
+
+_Nov 23, 2023_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Arabic (ar-SD), Czech (cs-CZ), and Hebrew (he-IL) locales on Data Grid
+- 🌍 Add Basque (eu) and Macedonian (mk) locales on Pickers
+- 🌍 Improve German (de-DE) and Spanish (es-ES) locales on Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.2`
+
+- [l10n] Improve Arabic (ar-SD) locale (#11096) @OmarWebDev
+- [l10n] Improve Czech (cs-CZ) locale (#10968) @luborepka
+- [l10n] Improve Hebrew (he-IL) locale (#11056) @LironKiloma
+
+#### `@mui/x-data-grid-pro@6.18.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@6.18.2`.
+
+#### `@mui/x-data-grid-premium@6.18.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@6.18.2`.
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.2`
+
+- [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10985) @lajtomekadimon
+- [l10n] Add Macedonian (mk) locale (#11155) @brsnik
+- [l10n] Improve German (de-DE) locale (#11104) @jho-vema
+- [pickers] Deprecate `defaultCalendarMonth` prop (#11138) @flaviendelangle
+- [pickers] Fix `DateCalendar` crashing when given an invalid value (#11101) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@6.18.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@6.18.2`.
+
+### Charts / `@mui/x-charts@6.18.2`
+
+- [charts] Fix `ChartsTooltip` component setup (#11157) @LukasTy
+- [charts] Remove outdated prop-types (#10998) @alexfauquette
+
+### Docs
+
+- [docs] Fix incoherent naming of a component in `Custom slots and subcomponents` page (#11003) @lhilgert9
+- [test] Skip flaky e2e test in webkit (#11115) @cherniavskii
+- [test] Wait for images to load (#11109) @cherniavskii
+
 ## 6.18.1
 
 _Nov 9, 2023_
@@ -625,11 +803,11 @@ We'd like to offer a big thanks to the 7 contributors who made this release poss
 
 - 🎁 The Charts package is now officially stable!
 - 🥧 Pie charts are now animated.
-- 📈 Line charts now support partial data, and can interpolate missing data.
+- 📈 Line charts now support partial data, and can interpolate missing data https://mui.com/x/react-charts/lines/#skip-missing-points.
 
-<img width="380" alt="line charts with partial data" src="https://github.com/mui/mui-x/assets/45398769/385ecf77-19b2-4a03-8aef-5d547db1d9ad">
+ <img src="https://github.com/mui/mui-x/assets/3165635/d2d50b1b-ee29-4e4c-9ebe-629c06f3093e" width="683" height="436" />
 
-- ✨ Allow to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering
+- ✨ The data grid allows to ignore [diacritics](https://en.wikipedia.org/wiki/Diacritic) when filtering.
 - 📚 Documentation improvements
 
 ### Data Grid