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

package/CHANGELOG.md

@@ -3,6 +3,538 @@
 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_
+
+We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@7.0.0-alpha.1` / `@mui/x-date-pickers-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+#### Breaking changes
+
+- The string argument of the `dayOfWeekFormatter` prop has been replaced in favor of the date object to allow more flexibility.
+
+  ```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')}.`}
+
+     // If you were already using the day object, just remove the first argument.
+  -  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';
+
+  ```
+
+- The `monthAndYear` format has been removed.
+  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 />
+  ```
+
+- 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');
+  +};
+  +
+  +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 = getDiff(value, 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);
+```
+
+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 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 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 = 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];
+  +
+  +  while (months.length < 12) {
+  +    const prevMonth = months[months.length - 1];
+  +    months.push(utils.addMonths(prevMonth, 1));
+  +  }
+  +
+  +  return months;
+  +}
+  +
+  +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);
+  ```
+
+- 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);
+  ```
+
+- 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 = 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;
+  ```
+
+- 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>(
+  +   dateParam,
+  +   timeParam,
+  + ) => {
+  +   let mergedDate = dateParam;
+  +   mergedDate = utils.setHours(mergedDate, utils.getHours(timeParam));
+  +   mergedDate = utils.setMinutes(mergedDate, utils.getMinutes(timeParam));
+  +   mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
+  +
+  +   return mergedDate;
+  + };
+  +
+  +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 Luxon
+  -const value = adapter.parseISO(isoString);
+  +const value = DateTime.fromISO(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);
+  ```
+
+- 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();
+  ```
+
+- 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.
+  The method has been simplified and now only accepts an already-parsed date or `null` (ie: the same formats used by the `value` prop in the pickers)
+
+  ```diff
+   const adapterDayjs = new AdapterDayjs();
+   const adapterLuxon = new AdapterLuxon();
+   const adapterDateFns = new AdapterDateFns();
+   const adapterMoment = new AdatperMoment();
+
+   // Supported formats
+   const isEqual = adapterDayjs.isEqual(null, null); // Same for the other adapters
+   const isEqual = adapterLuxon.isEqual(DateTime.now(), DateTime.fromISO('2022-04-17'));
+   const isEqual = adapterMoment.isEqual(moment(), moment('2022-04-17'));
+   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 = 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'));
+
+   // 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 = 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 = 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>
+  ```
+
+- 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`:
+
+  ```diff
+   const fieldRef = React.useRef<FieldRef<FieldSection>>(null);
+
+   React.useEffect(() => {
+     const firstSection = fieldRef.current!.getSections()[0];
+  -  console.log(firstSection.hasLeadingZeros);
+  +  console.log(firstSection.hasLeadingZerosInFormat);
+   }, []);
+
+   return (
+     <DateField unstableFieldRef={fieldRef} />
+   );
+  ```
+
+- 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])
+  ```
+
+- The `adapter.isValid` method used to accept any type of value and tried to parse them before checking their validity (#10971).
+  The method has been simplified and now only accepts an already-parsed date or `null`.
+  Which is the same type as the one accepted by the components `value` prop.
+
+  ```diff
+   const adapterDayjs = new AdapterDayjs();
+   const adapterLuxon = new AdapterLuxon();
+   const adapterDateFns = new AdapterDateFns();
+   const adapterMoment = new AdatperMoment();
+
+   // Supported formats
+   const isValid = adapterDayjs.isValid(null); // Same for the other adapters
+   const isValid = adapterLuxon.isValid(DateTime.now());
+   const isValid = adapterMoment.isValid(moment());
+   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 = 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'));
+
+   // Non-supported formats (string)
+  -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 = 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'));
+  ```
+
+#### Changes
+
+- [pickers] Change the input format of `adapter.getYearRange` to be consistent with `adapter.isWithinRange` (#10978) @flaviendelangle
+- [pickers] Clean remaining `components` / `componentsProps` typings (#11040) @flaviendelangle
+- [pickers] Modify `adapter.isEqual` method to accept `TDate | null` instead of `any` (#10976) @flaviendelangle
+- [pickers] Modify `adapter.isValid` method to accept `TDate | null` instead of `any` (#10971) @flaviendelangle
+- [pickers] Remove the `hasLeadingZeros` property from `FieldSection` (#10994) @flaviendelangle
+- [pickers] Remove the deprecated methods and formats from the adapters (#10776) @flaviendelangle
+- [pickers] Remove the legacy UTC implementation for `dayjs` (#11023) @flaviendelangle
+- [pickers] Remove unused code (#11048) @flaviendelangle
+- [pickers] Move the exports of the `calendarHeader` slot to `@mui/x-date-pickers/PickersCalendarHeader` (#11020) @flaviendelangle
+- [DateCalendar] Allow to override the format of the header with a prop (#10990) @flaviendelangle
+- [DateCalendar] Remove the string argument of the `dayOfWeekFormatter` prop (#10992) @flaviendelangle
+
+### Docs
+
+- [docs] Fix incorrect component name in the "Custom slots and subcomponents" page (#11024) @flaviendelangle
+- [docs] Fix typos in pickers migration guide (#11057) @flaviendelangle
+
+### Core
+
+- [core] Clean the component slots doc generation (#11021) @flaviendelangle
+- [core] Fix script to release with `next` tag (#10996) @LukasTy
+- [test] Wait for images to load (#11004) @cherniavskii
+
 ## 7.0.0-alpha.0
 
 _Nov 10, 2023_
@@ -40,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;
    };
@@ -152,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_
@@ -218,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
@@ -384,7 +969,7 @@ Same changes as in `@mui/x-date-pickers@6.16.3`, plus:
 
 - [charts] Add reference links to area + bar chart components (#10652) @michelengelen
 - [charts] Add reference links to line chart + sparkline components (#10650) @michelengelen
-- [charts] Add reference links to pie + scatter chart components  (#10653) @michelengelen
+- [charts] Add reference links to pie + scatter chart components (#10653) @michelengelen
 - [charts] Render only when `width` and `height` are resolved (#10714) @alexfauquette
 - [charts] Support animation on `BarChart` (#9926) @alexfauquette
 - [charts] Use new text component to avoid tick label overflow on x-axis (#10648) @alexfauquette
@@ -460,6 +1045,7 @@ It adds line break support and avoids overlapping text in the legend.
 This comes with some breaking changes.
 
 - The DOM structure is modified. An intermediary `<tspan />` element has been added. This can impact how your style is applied.
+
   ```diff
   - <text>The label</text>
   + <text><tspan>The label</tspan></text>

package/DateCalendar/DateCalendar.js

@@ -1,6 +1,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "defaultCalendarMonth", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
+const _excluded = ["autoFocus", "onViewChange", "value", "defaultValue", "referenceDate", "disableFuture", "disablePast", "onChange", "onYearChange", "onMonthChange", "reduceAnimations", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "view", "views", "openTo", "className", "disabled", "readOnly", "minDate", "maxDate", "disableHighlightToday", "focusedView", "onFocusedViewChange", "showDaysOutsideCurrentMonth", "fixedWeekNumber", "dayOfWeekFormatter", "slots", "slotProps", "loading", "renderLoading", "displayWeekNumber", "yearsPerRow", "monthsPerRow", "timezone"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -95,7 +95,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
       referenceDate: referenceDateProp,
       disableFuture,
       disablePast,
-      defaultCalendarMonth,
       onChange,
       onYearChange,
       onMonthChange,
@@ -166,7 +165,6 @@ export const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(
     onMonthSwitchingAnimationEnd
   } = useCalendarState({
     value,
-    defaultCalendarMonth,
     referenceDate: referenceDateProp,
     reduceAnimations,
     onMonthChange,
@@ -362,16 +360,11 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   className: PropTypes.string,
   /**
    * Formats the day of week displayed in the calendar header.
-   * @param {string} day The day of week provided by the adapter.  Deprecated, will be removed in v7: Use `date` instead.
    * @param {TDate} date The date of the day of week provided by the adapter.
    * @returns {string} The name to display.
    * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
    */
   dayOfWeekFormatter: PropTypes.func,
-  /**
-   * Default calendar month displayed when `value` and `defaultValue` are empty.
-   */
-  defaultCalendarMonth: PropTypes.any,
   /**
    * The default selected value.
    * Used when the component is not controlled.
@@ -542,7 +535,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
    * Choose which timezone to use for the value.
    * Example: "default", "system", "UTC", "America/New_York".
    * If you pass values from other timezones to some props, they will be converted to this timezone before being used.
-   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documention} for more details.
+   * @see See the {@link https://mui.com/x/react-date-pickers/timezone/ timezones documentation} for more details.
    * @default The timezone of the `value` or `defaultValue` prop is defined, 'default' otherwise.
    */
   timezone: PropTypes.string,