@mui/x-date-pickers 8.8.0 → 8.9.0

package/DigitalClock/DigitalClock.js

@@ -400,14 +400,14 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
   onChange: _propTypes.default.func,
   /**
    * Callback fired on focused view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view to focus or not.
    * @param {boolean} hasFocus `true` if the view should be focused.
    */
   onFocusedViewChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,

package/MobileDatePicker/MobileDatePicker.js

@@ -235,7 +235,7 @@ MobileDatePicker.propTypes = {
   onSelectedSectionsChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,

package/MobileDateTimePicker/MobileDateTimePicker.js

@@ -323,7 +323,7 @@ MobileDateTimePicker.propTypes = {
   onSelectedSectionsChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,
@@ -444,8 +444,8 @@ MobileDateTimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: _propTypes.default.shape({

package/MobileTimePicker/MobileTimePicker.js

@@ -221,7 +221,7 @@ MobileTimePicker.propTypes = {
   onSelectedSectionsChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,

package/MultiSectionDigitalClock/MultiSectionDigitalClock.js

@@ -429,14 +429,14 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   onChange: _propTypes.default.func,
   /**
    * Callback fired on focused view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view to focus or not.
    * @param {boolean} hasFocus `true` if the view should be focused.
    */
   onFocusedViewChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,
@@ -485,7 +485,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: _propTypes.default.shape({

package/PickersLayout/PickersLayout.js

@@ -82,7 +82,7 @@ const PickersLayoutRoot = exports.PickersLayoutRoot = (0, _styles.styled)('div',
     },
     style: {
       [`& .${_pickersLayoutClasses.pickersLayoutClasses.shortcuts}`]: {
-        gridColumn: 3
+        gridColumn: 4
       }
     }
   }]

package/StaticDatePicker/StaticDatePicker.js

@@ -183,7 +183,7 @@ StaticDatePicker.propTypes = {
   onMonthChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,

package/StaticDateTimePicker/StaticDateTimePicker.js

@@ -270,7 +270,7 @@ StaticDateTimePicker.propTypes = {
   onMonthChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,
@@ -376,8 +376,8 @@ StaticDateTimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: _propTypes.default.shape({

package/StaticTimePicker/StaticTimePicker.js

@@ -168,7 +168,7 @@ StaticTimePicker.propTypes = {
   onError: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,

package/TimeClock/TimeClock.js

@@ -421,14 +421,14 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
   onChange: _propTypes.default.func,
   /**
    * Callback fired on focused view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view to focus or not.
    * @param {boolean} hasFocus `true` if the view should be focused.
    */
   onFocusedViewChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,

package/TimePicker/TimePicker.js

@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   onSelectedSectionsChange: _propTypes.default.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: _propTypes.default.func,
@@ -287,8 +287,8 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: _propTypes.default.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: _propTypes.default.shape({

package/esm/AdapterDayjs/AdapterDayjs.d.ts

@@ -1,6 +1,5 @@
-import defaultDayjs, { Dayjs } from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import { FieldFormatTokenMap, MuiPickersAdapter, AdapterFormats, AdapterOptions, PickersTimezone, DateBuilderReturnType } from "../models/index.js";
-type Constructor = (...args: Parameters<typeof defaultDayjs>) => Dayjs;
 declare module '@mui/x-date-pickers/models' {
   interface PickerValidDateLookup {
     dayjs: Dayjs;
@@ -35,7 +34,6 @@ export declare class AdapterDayjs implements MuiPickersAdapter<string> {
   isMUIAdapter: boolean;
   isTimezoneCompatible: boolean;
   lib: string;
-  dayjs: Constructor;
   locale?: string;
   formats: AdapterFormats;
   escapedCharacters: {
@@ -67,11 +65,11 @@ export declare class AdapterDayjs implements MuiPickersAdapter<string> {
    */
   private adjustOffset;
   date: <T extends string | null | undefined>(value?: T, timezone?: PickersTimezone) => DateBuilderReturnType<T>;
-  getInvalidDate: () => defaultDayjs.Dayjs;
+  getInvalidDate: () => dayjs.Dayjs;
   getTimezone: (value: Dayjs) => string;
   setTimezone: (value: Dayjs, timezone: PickersTimezone) => Dayjs;
   toJsDate: (value: Dayjs) => Date;
-  parse: (value: string, format: string) => defaultDayjs.Dayjs | null;
+  parse: (value: string, format: string) => dayjs.Dayjs | null;
   getCurrentLocaleCode: () => string;
   is12HourCycleInCurrentLocale: () => boolean;
   expandFormat: (format: string) => string;
@@ -91,21 +89,21 @@ export declare class AdapterDayjs implements MuiPickersAdapter<string> {
   isBeforeYear: (value: Dayjs, comparing: Dayjs) => boolean;
   isBeforeDay: (value: Dayjs, comparing: Dayjs) => boolean;
   isWithinRange: (value: Dayjs, [start, end]: [Dayjs, Dayjs]) => boolean;
-  startOfYear: (value: Dayjs) => defaultDayjs.Dayjs;
-  startOfMonth: (value: Dayjs) => defaultDayjs.Dayjs;
-  startOfWeek: (value: Dayjs) => defaultDayjs.Dayjs;
-  startOfDay: (value: Dayjs) => defaultDayjs.Dayjs;
-  endOfYear: (value: Dayjs) => defaultDayjs.Dayjs;
-  endOfMonth: (value: Dayjs) => defaultDayjs.Dayjs;
-  endOfWeek: (value: Dayjs) => defaultDayjs.Dayjs;
-  endOfDay: (value: Dayjs) => defaultDayjs.Dayjs;
-  addYears: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
-  addMonths: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
-  addWeeks: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
-  addDays: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
-  addHours: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
-  addMinutes: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
-  addSeconds: (value: Dayjs, amount: number) => defaultDayjs.Dayjs;
+  startOfYear: (value: Dayjs) => dayjs.Dayjs;
+  startOfMonth: (value: Dayjs) => dayjs.Dayjs;
+  startOfWeek: (value: Dayjs) => dayjs.Dayjs;
+  startOfDay: (value: Dayjs) => dayjs.Dayjs;
+  endOfYear: (value: Dayjs) => dayjs.Dayjs;
+  endOfMonth: (value: Dayjs) => dayjs.Dayjs;
+  endOfWeek: (value: Dayjs) => dayjs.Dayjs;
+  endOfDay: (value: Dayjs) => dayjs.Dayjs;
+  addYears: (value: Dayjs, amount: number) => dayjs.Dayjs;
+  addMonths: (value: Dayjs, amount: number) => dayjs.Dayjs;
+  addWeeks: (value: Dayjs, amount: number) => dayjs.Dayjs;
+  addDays: (value: Dayjs, amount: number) => dayjs.Dayjs;
+  addHours: (value: Dayjs, amount: number) => dayjs.Dayjs;
+  addMinutes: (value: Dayjs, amount: number) => dayjs.Dayjs;
+  addSeconds: (value: Dayjs, amount: number) => dayjs.Dayjs;
   getYear: (value: Dayjs) => number;
   getMonth: (value: Dayjs) => number;
   getDate: (value: Dayjs) => number;
@@ -113,17 +111,16 @@ export declare class AdapterDayjs implements MuiPickersAdapter<string> {
   getMinutes: (value: Dayjs) => number;
   getSeconds: (value: Dayjs) => number;
   getMilliseconds: (value: Dayjs) => number;
-  setYear: (value: Dayjs, year: number) => defaultDayjs.Dayjs;
-  setMonth: (value: Dayjs, month: number) => defaultDayjs.Dayjs;
-  setDate: (value: Dayjs, date: number) => defaultDayjs.Dayjs;
-  setHours: (value: Dayjs, hours: number) => defaultDayjs.Dayjs;
-  setMinutes: (value: Dayjs, minutes: number) => defaultDayjs.Dayjs;
-  setSeconds: (value: Dayjs, seconds: number) => defaultDayjs.Dayjs;
-  setMilliseconds: (value: Dayjs, milliseconds: number) => defaultDayjs.Dayjs;
+  setYear: (value: Dayjs, year: number) => dayjs.Dayjs;
+  setMonth: (value: Dayjs, month: number) => dayjs.Dayjs;
+  setDate: (value: Dayjs, date: number) => dayjs.Dayjs;
+  setHours: (value: Dayjs, hours: number) => dayjs.Dayjs;
+  setMinutes: (value: Dayjs, minutes: number) => dayjs.Dayjs;
+  setSeconds: (value: Dayjs, seconds: number) => dayjs.Dayjs;
+  setMilliseconds: (value: Dayjs, milliseconds: number) => dayjs.Dayjs;
   getDaysInMonth: (value: Dayjs) => number;
-  getWeekArray: (value: Dayjs) => defaultDayjs.Dayjs[][];
+  getWeekArray: (value: Dayjs) => dayjs.Dayjs[][];
   getWeekNumber: (value: Dayjs) => number;
   getDayOfWeek(value: Dayjs): number;
-  getYearRange: ([start, end]: [Dayjs, Dayjs]) => defaultDayjs.Dayjs[];
-}
-export {};
+  getYearRange: ([start, end]: [Dayjs, Dayjs]) => dayjs.Dayjs[];
+}

package/esm/AdapterDayjs/AdapterDayjs.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
 /* v8 ignore start */
-import defaultDayjs from 'dayjs';
+import dayjs from 'dayjs';
 // dayjs has no exports field defined
 // See https://github.com/iamkun/dayjs/issues/2562
 /* eslint-disable import/extensions */
@@ -13,10 +13,10 @@ import advancedFormatPlugin from 'dayjs/plugin/advancedFormat.js';
 /* v8 ignore stop */
 /* eslint-enable import/extensions */
 import { warnOnce } from '@mui/x-internals/warning';
-defaultDayjs.extend(localizedFormatPlugin);
-defaultDayjs.extend(weekOfYearPlugin);
-defaultDayjs.extend(isBetweenPlugin);
-defaultDayjs.extend(advancedFormatPlugin);
+dayjs.extend(localizedFormatPlugin);
+dayjs.extend(weekOfYearPlugin);
+dayjs.extend(isBetweenPlugin);
+dayjs.extend(advancedFormatPlugin);
 const formatTokenMap = {
   // Year
   YY: 'year',
@@ -125,7 +125,6 @@ const defaultFormats = {
 };
 const MISSING_UTC_PLUGIN = ['Missing UTC plugin', 'To be able to use UTC or timezones, you have to enable the `utc` plugin', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-utc'].join('\n');
 const MISSING_TIMEZONE_PLUGIN = ['Missing timezone plugin', 'To be able to use timezones, you have to enable both the `utc` and the `timezone` plugin', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#day-js-and-timezone'].join('\n');
-const withLocale = (dayjs, locale) => !locale ? dayjs : (...args) => dayjs(...args).locale(locale);
 /**
  * Based on `@date-io/dayjs`
  *
@@ -159,7 +158,6 @@ export class AdapterDayjs {
     this.isMUIAdapter = true;
     this.isTimezoneCompatible = true;
     this.lib = 'dayjs';
-    this.dayjs = void 0;
     this.locale = void 0;
     this.formats = void 0;
     this.escapedCharacters = {
@@ -174,8 +172,8 @@ export class AdapterDayjs {
       }
       return value.locale(expectedLocale);
     };
-    this.hasUTCPlugin = () => typeof defaultDayjs.utc !== 'undefined';
-    this.hasTimezonePlugin = () => typeof defaultDayjs.tz !== 'undefined';
+    this.hasUTCPlugin = () => typeof dayjs.utc !== 'undefined';
+    this.hasTimezonePlugin = () => typeof dayjs.tz !== 'undefined';
     this.isSame = (value, comparing, comparisonTemplate) => {
       const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
       return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
@@ -191,7 +189,7 @@ export class AdapterDayjs {
           }
         case 'system':
           {
-            return defaultDayjs.tz.guess();
+            return dayjs.tz.guess();
           }
         default:
           {
@@ -200,24 +198,26 @@ export class AdapterDayjs {
       }
     };
     this.createSystemDate = value => {
+      let date;
       if (this.hasUTCPlugin() && this.hasTimezonePlugin()) {
-        const timezone = defaultDayjs.tz.guess();
-
-        // We can't change the system timezone in the tests
-        /* v8 ignore next 3 */
-        if (timezone !== 'UTC') {
-          return defaultDayjs.tz(value, timezone);
+        const timezone = dayjs.tz.guess();
+        if (timezone === 'UTC') {
+          date = dayjs(value);
+        } /* v8 ignore next 3 */else {
+          // We can't change the system timezone in the tests
+          date = dayjs.tz(value, timezone);
         }
-        return defaultDayjs(value);
+      } else {
+        date = dayjs(value);
       }
-      return defaultDayjs(value);
+      return this.setLocaleToValue(date);
     };
     this.createUTCDate = value => {
       /* v8 ignore next 3 */
       if (!this.hasUTCPlugin()) {
         throw new Error(MISSING_UTC_PLUGIN);
       }
-      return defaultDayjs.utc(value);
+      return this.setLocaleToValue(dayjs.utc(value));
     };
     this.createTZDate = (value, timezone) => {
       /* v8 ignore next 3 */
@@ -230,10 +230,10 @@ export class AdapterDayjs {
         throw new Error(MISSING_TIMEZONE_PLUGIN);
       }
       const keepLocalTime = value !== undefined && !value.endsWith('Z');
-      return defaultDayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime);
+      return this.setLocaleToValue(dayjs(value).tz(this.cleanTimezone(timezone), keepLocalTime));
     };
     this.getLocaleFormats = () => {
-      const locales = defaultDayjs.Ls;
+      const locales = dayjs.Ls;
       const locale = this.locale || 'en';
       let localeObject = locales[locale];
       if (localeObject === undefined) {
@@ -277,20 +277,15 @@ export class AdapterDayjs {
       if (value === null) {
         return null;
       }
-      let parsedValue;
       if (timezone === 'UTC') {
-        parsedValue = this.createUTCDate(value);
-      } else if (timezone === 'system' || timezone === 'default' && !this.hasTimezonePlugin()) {
-        parsedValue = this.createSystemDate(value);
-      } else {
-        parsedValue = this.createTZDate(value, timezone);
+        return this.createUTCDate(value);
       }
-      if (this.locale === undefined) {
-        return parsedValue;
+      if (timezone === 'system' || timezone === 'default' && !this.hasTimezonePlugin()) {
+        return this.createSystemDate(value);
       }
-      return parsedValue.locale(this.locale);
+      return this.createTZDate(value, timezone);
     };
-    this.getInvalidDate = () => defaultDayjs(new Date('Invalid date'));
+    this.getInvalidDate = () => dayjs(new Date('Invalid date'));
     this.getTimezone = value => {
       if (this.hasTimezonePlugin()) {
         // @ts-ignore
@@ -330,7 +325,7 @@ export class AdapterDayjs {
         /* v8 ignore next */
         throw new Error(MISSING_TIMEZONE_PLUGIN);
       }
-      return defaultDayjs.tz(value, this.cleanTimezone(timezone));
+      return this.setLocaleToValue(dayjs.tz(value, this.cleanTimezone(timezone)));
     };
     this.toJsDate = value => {
       return value.toDate();
@@ -339,7 +334,7 @@ export class AdapterDayjs {
       if (value === '') {
         return null;
       }
-      return this.dayjs(value, format, this.locale, true);
+      return dayjs(value, format, this.locale, true);
     };
     this.getCurrentLocaleCode = () => {
       return this.locale || 'en';
@@ -368,7 +363,7 @@ export class AdapterDayjs {
       return this.formatByString(value, this.formats[formatKey]);
     };
     this.formatByString = (value, formatString) => {
-      return this.dayjs(value).format(formatString);
+      return this.setLocaleToValue(value).format(formatString);
     };
     this.formatNumber = numberToFormat => {
       return numberToFormat;
@@ -452,25 +447,25 @@ export class AdapterDayjs {
       return this.adjustOffset(value.endOf('day'));
     };
     this.addYears = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'year') : value.add(amount, 'year'));
+      return this.adjustOffset(value.add(amount, 'year'));
     };
     this.addMonths = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'month') : value.add(amount, 'month'));
+      return this.adjustOffset(value.add(amount, 'month'));
     };
     this.addWeeks = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'week') : value.add(amount, 'week'));
+      return this.adjustOffset(value.add(amount, 'week'));
     };
     this.addDays = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'day') : value.add(amount, 'day'));
+      return this.adjustOffset(value.add(amount, 'day'));
     };
     this.addHours = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'hour') : value.add(amount, 'hour'));
+      return this.adjustOffset(value.add(amount, 'hour'));
     };
     this.addMinutes = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'minute') : value.add(amount, 'minute'));
+      return this.adjustOffset(value.add(amount, 'minute'));
     };
     this.addSeconds = (value, amount) => {
-      return this.adjustOffset(amount < 0 ? value.subtract(Math.abs(amount), 'second') : value.add(amount, 'second'));
+      return this.adjustOffset(value.add(amount, 'second'));
     };
     this.getYear = value => {
       return value.year();
@@ -546,13 +541,12 @@ export class AdapterDayjs {
       }
       return years;
     };
-    this.dayjs = withLocale(defaultDayjs, _locale);
     this.locale = _locale;
     this.formats = _extends({}, defaultFormats, formats);
 
     // Moved plugins to the constructor to allow for users to use options on the library
     // for reference: https://github.com/mui/mui-x/pull/11151
-    defaultDayjs.extend(customParseFormatPlugin);
+    dayjs.extend(customParseFormatPlugin);
   }
   getDayOfWeek(value) {
     return value.day() + 1;

package/esm/DateCalendar/DateCalendar.js

@@ -459,7 +459,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   onChange: PropTypes.func,
   /**
    * Callback fired on focused view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view to focus or not.
    * @param {boolean} hasFocus `true` if the view should be focused.
    */
@@ -471,7 +471,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
   onMonthChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,

package/esm/DatePicker/DatePicker.js

@@ -219,7 +219,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,

package/esm/DateTimePicker/DateTimePicker.js

@@ -257,7 +257,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,
@@ -378,8 +378,8 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: PropTypes.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: PropTypes.shape({

package/esm/DesktopDatePicker/DesktopDatePicker.js

@@ -230,7 +230,7 @@ DesktopDatePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,

package/esm/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -350,7 +350,7 @@ DesktopDateTimePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,
@@ -471,8 +471,8 @@ DesktopDateTimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: PropTypes.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: PropTypes.shape({

package/esm/DesktopTimePicker/DesktopTimePicker.js

@@ -229,7 +229,7 @@ DesktopTimePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,
@@ -307,8 +307,8 @@ DesktopTimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: PropTypes.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: PropTypes.shape({

package/esm/DigitalClock/DigitalClock.js

@@ -393,14 +393,14 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
   onChange: PropTypes.func,
   /**
    * Callback fired on focused view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view to focus or not.
    * @param {boolean} hasFocus `true` if the view should be focused.
    */
   onFocusedViewChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,

package/esm/MobileDatePicker/MobileDatePicker.js

@@ -228,7 +228,7 @@ MobileDatePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,

package/esm/MobileDateTimePicker/MobileDateTimePicker.js

@@ -316,7 +316,7 @@ MobileDateTimePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,
@@ -437,8 +437,8 @@ MobileDateTimePicker.propTypes = {
   thresholdToRenderTimeInASingleColumn: PropTypes.number,
   /**
    * The time steps between two time unit options.
-   * For example, if `timeStep.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
-   * When single column time renderer is used, only `timeStep.minutes` will be used.
+   * For example, if `timeSteps.minutes = 8`, then the available minute options will be `[0, 8, 16, 24, 32, 40, 48, 56]`.
+   * When single column time renderer is used, only `timeSteps.minutes` will be used.
    * @default{ hours: 1, minutes: 5, seconds: 5 }
    */
   timeSteps: PropTypes.shape({

package/esm/MobileTimePicker/MobileTimePicker.js

@@ -214,7 +214,7 @@ MobileTimePicker.propTypes = {
   onSelectedSectionsChange: PropTypes.func,
   /**
    * Callback fired on view change.
-   * @template TView
+   * @template TView Type of the view. It will vary based on the Picker type and the `views` it uses.
    * @param {TView} view The new view.
    */
   onViewChange: PropTypes.func,