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

package/AdapterDateFns/AdapterDateFns.js

@@ -381,10 +381,10 @@ export class AdapterDateFns {
       return isBefore(value, comparing);
     };
     this.isBeforeYear = (value, comparing) => {
-      return isBefore(value, startOfYear(comparing));
+      return isBefore(value, this.startOfYear(comparing));
     };
     this.isBeforeDay = (value, comparing) => {
-      return isBefore(value, startOfDay(comparing));
+      return isBefore(value, this.startOfDay(comparing));
     };
     this.isWithinRange = (value, [start, end]) => {
       return isWithinInterval(value, {
@@ -487,20 +487,16 @@ export class AdapterDateFns {
       return getDaysInMonth(value);
     };
     this.getWeekArray = value => {
-      const start = startOfWeek(startOfMonth(value), {
-        locale: this.locale
-      });
-      const end = endOfWeek(endOfMonth(value), {
-        locale: this.locale
-      });
+      const start = this.startOfWeek(this.startOfMonth(value));
+      const end = this.endOfWeek(this.endOfMonth(value));
       let count = 0;
       let current = start;
       const nestedWeeks = [];
-      while (isBefore(current, end)) {
+      while (this.isBefore(current, end)) {
         const weekNumber = Math.floor(count / 7);
         nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
         nestedWeeks[weekNumber].push(current);
-        current = addDays(current, 1);
+        current = this.addDays(current, 1);
         count += 1;
       }
       return nestedWeeks;
@@ -511,13 +507,13 @@ export class AdapterDateFns {
       });
     };
     this.getYearRange = ([start, end]) => {
-      const startDate = startOfYear(start);
-      const endDate = endOfYear(end);
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
       const years = [];
       let current = startDate;
-      while (isBefore(current, endDate)) {
+      while (this.isBefore(current, endDate)) {
         years.push(current);
-        current = addYears(current, 1);
+        current = this.addYears(current, 1);
       }
       return years;
     };

package/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -384,19 +384,19 @@ export class AdapterDateFnsJalali {
       return isAfter(value, comparing);
     };
     this.isAfterYear = (value, comparing) => {
-      return isAfter(value, endOfYear(comparing));
+      return isAfter(value, this.endOfYear(comparing));
     };
     this.isAfterDay = (value, comparing) => {
-      return isAfter(value, endOfDay(comparing));
+      return isAfter(value, this.endOfDay(comparing));
     };
     this.isBefore = (value, comparing) => {
       return isBefore(value, comparing);
     };
     this.isBeforeYear = (value, comparing) => {
-      return isBefore(value, startOfYear(comparing));
+      return isBefore(value, this.startOfYear(comparing));
     };
     this.isBeforeDay = (value, comparing) => {
-      return isBefore(value, startOfDay(comparing));
+      return isBefore(value, this.startOfDay(comparing));
     };
     this.isWithinRange = (value, [start, end]) => {
       return isWithinInterval(value, {
@@ -499,20 +499,16 @@ export class AdapterDateFnsJalali {
       return getDaysInMonth(value);
     };
     this.getWeekArray = value => {
-      const start = startOfWeek(startOfMonth(value), {
-        locale: this.locale
-      });
-      const end = endOfWeek(endOfMonth(value), {
-        locale: this.locale
-      });
+      const start = this.startOfWeek(this.startOfMonth(value));
+      const end = this.endOfWeek(this.endOfMonth(value));
       let count = 0;
       let current = start;
       const nestedWeeks = [];
-      while (isBefore(current, end)) {
+      while (this.isBefore(current, end)) {
         const weekNumber = Math.floor(count / 7);
         nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
         nestedWeeks[weekNumber].push(current);
-        current = addDays(current, 1);
+        current = this.addDays(current, 1);
         count += 1;
       }
       return nestedWeeks;
@@ -523,13 +519,13 @@ export class AdapterDateFnsJalali {
       });
     };
     this.getYearRange = ([start, end]) => {
-      const startDate = startOfYear(start);
-      const endDate = endOfYear(end);
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
       const years = [];
       let current = startDate;
-      while (isBefore(current, endDate)) {
+      while (this.isBefore(current, endDate)) {
         years.push(current);
-        current = addYears(current, 1);
+        current = this.addYears(current, 1);
       }
       return years;
     };

package/AdapterDayjs/AdapterDayjs.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable class-methods-use-this */
 import defaultDayjs from 'dayjs';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
+import weekOfYearPlugin from 'dayjs/plugin/weekOfYear';
 import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
 import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
 import isBetweenPlugin from 'dayjs/plugin/isBetween';
 import { buildWarning } from '../internals/utils/warning';
-defaultDayjs.extend(customParseFormatPlugin);
 defaultDayjs.extend(localizedFormatPlugin);
+defaultDayjs.extend(weekOfYearPlugin);
 defaultDayjs.extend(isBetweenPlugin);
 const localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale from 'dayjs/locale/{localeUsed}'", 'fallback on English locale']);
 const formatTokenMap = {
@@ -506,8 +506,8 @@ export class AdapterDayjs {
     };
     this.getWeekArray = value => {
       const cleanValue = this.setLocaleToValue(value);
-      const start = cleanValue.startOf('month').startOf('week');
-      const end = cleanValue.endOf('month').endOf('week');
+      const start = this.startOfWeek(this.startOfMonth(cleanValue));
+      const end = this.endOfWeek(this.endOfMonth(cleanValue));
       let count = 0;
       let current = start;
       const nestedWeeks = [];
@@ -524,11 +524,11 @@ export class AdapterDayjs {
       return value.week();
     };
     this.getYearRange = ([start, end]) => {
-      const startDate = start.startOf('year');
-      const endDate = end.endOf('year');
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
       const years = [];
       let current = startDate;
-      while (current < endDate) {
+      while (this.isBefore(current, endDate)) {
         years.push(current);
         current = this.addYears(current, 1);
       }
@@ -537,6 +537,9 @@ export class AdapterDayjs {
     this.dayjs = withLocale(defaultDayjs, _locale);
     this.locale = _locale;
     this.formats = _extends({}, defaultFormats, formats);
-    defaultDayjs.extend(weekOfYear);
+
+    // 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);
   }
 }

package/AdapterLuxon/AdapterLuxon.d.ts

@@ -38,12 +38,12 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     formatTokenMap: FieldFormatTokenMap;
     constructor({ locale, formats }?: AdapterOptions<string, never>);
     private setLocaleToValue;
-    date: <T extends string | null | undefined>(value?: T | undefined, timezone?: PickersTimezone) => DateBuilderReturnType<T, DateTime>;
-    getInvalidDate: () => DateTime;
+    date: <T extends string | null | undefined>(value?: T | undefined, timezone?: PickersTimezone) => DateBuilderReturnType<T, DateTime<boolean>>;
+    getInvalidDate: () => DateTime<true> | DateTime<false>;
     getTimezone: (value: DateTime) => string;
     setTimezone: (value: DateTime, timezone: PickersTimezone) => DateTime;
     toJsDate: (value: DateTime) => Date;
-    parse: (value: string, formatString: string) => DateTime | null;
+    parse: (value: string, formatString: string) => DateTime<true> | DateTime<false> | null;
     getCurrentLocaleCode: () => string;
     is12HourCycleInCurrentLocale: () => boolean;
     expandFormat: (format: string) => string;
@@ -63,21 +63,21 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     isBeforeYear: (value: DateTime, comparing: DateTime) => boolean;
     isBeforeDay: (value: DateTime, comparing: DateTime) => boolean;
     isWithinRange: (value: DateTime, [start, end]: [DateTime, DateTime]) => boolean;
-    startOfYear: (value: DateTime) => DateTime;
-    startOfMonth: (value: DateTime) => DateTime;
-    startOfWeek: (value: DateTime) => DateTime;
-    startOfDay: (value: DateTime) => DateTime;
-    endOfYear: (value: DateTime) => DateTime;
-    endOfMonth: (value: DateTime) => DateTime;
-    endOfWeek: (value: DateTime) => DateTime;
-    endOfDay: (value: DateTime) => DateTime;
-    addYears: (value: DateTime, amount: number) => DateTime;
-    addMonths: (value: DateTime, amount: number) => DateTime;
-    addWeeks: (value: DateTime, amount: number) => DateTime;
-    addDays: (value: DateTime, amount: number) => DateTime;
-    addHours: (value: DateTime, amount: number) => DateTime;
-    addMinutes: (value: DateTime, amount: number) => DateTime;
-    addSeconds: (value: DateTime, amount: number) => DateTime;
+    startOfYear: (value: DateTime) => DateTime<boolean>;
+    startOfMonth: (value: DateTime) => DateTime<boolean>;
+    startOfWeek: (value: DateTime) => DateTime<boolean>;
+    startOfDay: (value: DateTime) => DateTime<boolean>;
+    endOfYear: (value: DateTime) => DateTime<boolean>;
+    endOfMonth: (value: DateTime) => DateTime<boolean>;
+    endOfWeek: (value: DateTime) => DateTime<boolean>;
+    endOfDay: (value: DateTime) => DateTime<boolean>;
+    addYears: (value: DateTime, amount: number) => DateTime<boolean>;
+    addMonths: (value: DateTime, amount: number) => DateTime<boolean>;
+    addWeeks: (value: DateTime, amount: number) => DateTime<boolean>;
+    addDays: (value: DateTime, amount: number) => DateTime<boolean>;
+    addHours: (value: DateTime, amount: number) => DateTime<boolean>;
+    addMinutes: (value: DateTime, amount: number) => DateTime<boolean>;
+    addSeconds: (value: DateTime, amount: number) => DateTime<boolean>;
     getYear: (value: DateTime) => number;
     getMonth: (value: DateTime) => number;
     getDate: (value: DateTime) => number;
@@ -85,15 +85,15 @@ export declare class AdapterLuxon implements MuiPickersAdapter<DateTime, string>
     getMinutes: (value: DateTime) => number;
     getSeconds: (value: DateTime) => number;
     getMilliseconds: (value: DateTime) => number;
-    setYear: (value: DateTime, year: number) => DateTime;
-    setMonth: (value: DateTime, month: number) => DateTime;
-    setDate: (value: DateTime, date: number) => DateTime;
-    setHours: (value: DateTime, hours: number) => DateTime;
-    setMinutes: (value: DateTime, minutes: number) => DateTime;
-    setSeconds: (value: DateTime, seconds: number) => DateTime;
-    setMilliseconds: (value: DateTime, milliseconds: number) => DateTime;
+    setYear: (value: DateTime, year: number) => DateTime<boolean>;
+    setMonth: (value: DateTime, month: number) => DateTime<boolean>;
+    setDate: (value: DateTime, date: number) => DateTime<boolean>;
+    setHours: (value: DateTime, hours: number) => DateTime<boolean>;
+    setMinutes: (value: DateTime, minutes: number) => DateTime<boolean>;
+    setSeconds: (value: DateTime, seconds: number) => DateTime<boolean>;
+    setMilliseconds: (value: DateTime, milliseconds: number) => DateTime<boolean>;
     getDaysInMonth: (value: DateTime) => import("luxon").PossibleDaysInMonth;
-    getWeekArray: (value: DateTime) => DateTime[][];
-    getWeekNumber: (value: DateTime) => number;
-    getYearRange: ([start, end]: [DateTime, DateTime]) => DateTime[];
+    getWeekArray: (value: DateTime) => DateTime<boolean>[][];
+    getWeekNumber: (value: DateTime) => any;
+    getYearRange: ([start, end]: [DateTime, DateTime]) => DateTime<boolean>[];
 }

package/AdapterLuxon/AdapterLuxon.js

@@ -231,7 +231,6 @@ export class AdapterLuxon {
       if (typeof Intl === 'undefined' || typeof Intl.DateTimeFormat === 'undefined') {
         return true; // Luxon defaults to en-US if Intl not found
       }
-
       return Boolean((_Intl$DateTimeFormat = new Intl.DateTimeFormat(this.locale, {
         hour: 'numeric'
       })) == null || (_Intl$DateTimeFormat = _Intl$DateTimeFormat.resolvedOptions()) == null ? void 0 : _Intl$DateTimeFormat.hour12);
@@ -308,12 +307,12 @@ export class AdapterLuxon {
     };
     this.isAfterYear = (value, comparing) => {
       const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
-      const diff = value.diff(comparingInValueTimezone.endOf('year'), 'years').toObject();
+      const diff = value.diff(this.endOfYear(comparingInValueTimezone), 'years').toObject();
       return diff.years > 0;
     };
     this.isAfterDay = (value, comparing) => {
       const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
-      const diff = value.diff(comparingInValueTimezone.endOf('day'), 'days').toObject();
+      const diff = value.diff(this.endOfDay(comparingInValueTimezone), 'days').toObject();
       return diff.days > 0;
     };
     this.isBefore = (value, comparing) => {
@@ -321,12 +320,12 @@ export class AdapterLuxon {
     };
     this.isBeforeYear = (value, comparing) => {
       const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
-      const diff = value.diff(comparingInValueTimezone.startOf('year'), 'years').toObject();
+      const diff = value.diff(this.startOfYear(comparingInValueTimezone), 'years').toObject();
       return diff.years < 0;
     };
     this.isBeforeDay = (value, comparing) => {
       const comparingInValueTimezone = this.setTimezone(comparing, this.getTimezone(value));
-      const diff = value.diff(comparingInValueTimezone.startOf('day'), 'days').toObject();
+      const diff = value.diff(this.startOfDay(comparingInValueTimezone), 'days').toObject();
       return diff.days < 0;
     };
     this.isWithinRange = (value, [start, end]) => {
@@ -339,7 +338,12 @@ export class AdapterLuxon {
       return value.startOf('month');
     };
     this.startOfWeek = value => {
-      return value.startOf('week');
+      return value.startOf('week',
+      // TODO: remove when `@types/luxon` add support for the parameter.
+      // @ts-ignore
+      {
+        useLocaleWeeks: true
+      });
     };
     this.startOfDay = value => {
       return value.startOf('day');
@@ -351,7 +355,12 @@ export class AdapterLuxon {
       return value.endOf('month');
     };
     this.endOfWeek = value => {
-      return value.endOf('week');
+      return value.endOf('week',
+      // TODO: remove when `@types/luxon` add support for the parameter.
+      // @ts-ignore
+      {
+        useLocaleWeeks: true
+      });
     };
     this.endOfDay = value => {
       return value.endOf('day');
@@ -453,11 +462,13 @@ export class AdapterLuxon {
     };
     this.getWeekArray = value => {
       const cleanValue = this.setLocaleToValue(value);
+      const firstDay = this.startOfWeek(this.startOfMonth(cleanValue));
+      const lastDay = this.endOfWeek(this.endOfMonth(cleanValue));
       const {
         days
-      } = cleanValue.endOf('month').endOf('week').diff(cleanValue.startOf('month').startOf('week'), 'days').toObject();
+      } = lastDay.diff(firstDay, 'days').toObject();
       const weeks = [];
-      new Array(Math.round(days)).fill(0).map((_, i) => i).map(day => cleanValue.startOf('month').startOf('week').plus({
+      new Array(Math.round(days)).fill(0).map((_, i) => i).map(day => firstDay.plus({
         days: day
       })).forEach((v, i) => {
         if (i === 0 || i % 7 === 0 && i > 6) {
@@ -469,18 +480,19 @@ export class AdapterLuxon {
       return weeks;
     };
     this.getWeekNumber = value => {
-      return value.weekNumber;
+      var _value$localeWeekNumb;
+      // TODO: remove when `@types/luxon` add support for the parameter.
+      // @ts-ignore
+      return (_value$localeWeekNumb = value.localeWeekNumber) != null ? _value$localeWeekNumb : value.weekNumber;
     };
     this.getYearRange = ([start, end]) => {
-      const startDate = start.startOf('year');
-      const endDate = end.endOf('year');
-      let current = startDate;
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
       const years = [];
-      while (current < endDate) {
+      let current = startDate;
+      while (this.isBefore(current, endDate)) {
         years.push(current);
-        current = current.plus({
-          year: 1
-        });
+        current = this.addYears(current, 1);
       }
       return years;
     };

package/AdapterMoment/AdapterMoment.d.ts

@@ -100,5 +100,5 @@ export declare class AdapterMoment implements MuiPickersAdapter<Moment, string>
     getDaysInMonth: (value: Moment) => number;
     getWeekArray: (value: Moment) => defaultMoment.Moment[][];
     getWeekNumber: (value: Moment) => number;
-    getYearRange: ([start, end]: [Moment, Moment]) => defaultMoment.Moment[];
+    getYearRange([start, end]: [Moment, Moment]): defaultMoment.Moment[];
 }

package/AdapterMoment/AdapterMoment.js

@@ -427,8 +427,8 @@ export class AdapterMoment {
     };
     this.getWeekArray = value => {
       const cleanValue = this.setLocaleToValue(value);
-      const start = cleanValue.clone().startOf('month').startOf('week');
-      const end = cleanValue.clone().endOf('month').endOf('week');
+      const start = this.startOfWeek(this.startOfMonth(cleanValue));
+      const end = this.endOfWeek(this.endOfMonth(cleanValue));
       let count = 0;
       let current = start;
       const nestedWeeks = [];
@@ -436,7 +436,7 @@ export class AdapterMoment {
         const weekNumber = Math.floor(count / 7);
         nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
         nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
+        current = this.addDays(current, 1);
         count += 1;
       }
       return nestedWeeks;
@@ -444,19 +444,19 @@ export class AdapterMoment {
     this.getWeekNumber = value => {
       return value.week();
     };
-    this.getYearRange = ([start, end]) => {
-      const startDate = this.moment(start).startOf('year');
-      const endDate = this.moment(end).endOf('year');
-      const years = [];
-      let current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'year');
-      }
-      return years;
-    };
     this.moment = instance || defaultMoment;
     this.locale = locale;
     this.formats = _extends({}, defaultFormats, formats);
   }
+  getYearRange([start, end]) {
+    const startDate = this.startOfYear(start);
+    const endDate = this.endOfYear(end);
+    const years = [];
+    let current = startDate;
+    while (this.isBefore(current, endDate)) {
+      years.push(current);
+      current = this.addYears(current, 1);
+    }
+    return years;
+  }
 }

package/AdapterMomentHijri/AdapterMomentHijri.d.ts

@@ -49,7 +49,6 @@ export declare class AdapterMomentHijri extends AdapterMoment implements MuiPick
     setYear: (value: Moment, year: number) => defaultHMoment.Moment;
     setMonth: (value: Moment, month: number) => defaultHMoment.Moment;
     setDate: (value: Moment, date: number) => defaultHMoment.Moment;
-    getWeekArray: (value: Moment) => defaultHMoment.Moment[][];
     getWeekNumber: (value: Moment) => number;
     getYearRange: ([start, end]: [Moment, Moment]) => defaultHMoment.Moment[];
 }

package/AdapterMomentHijri/AdapterMomentHijri.js

@@ -198,21 +198,6 @@ export class AdapterMomentHijri extends AdapterMoment {
     this.setDate = (value, date) => {
       return value.clone().iDate(date);
     };
-    this.getWeekArray = value => {
-      const start = value.clone().startOf('iMonth').startOf('week');
-      const end = value.clone().endOf('iMonth').endOf('week');
-      let count = 0;
-      let current = start;
-      const nestedWeeks = [];
-      while (current.isBefore(end)) {
-        const weekNumber = Math.floor(count / 7);
-        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-        nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
-        count += 1;
-      }
-      return nestedWeeks;
-    };
     this.getWeekNumber = value => {
       return value.iWeek();
     };
@@ -225,15 +210,7 @@ export class AdapterMomentHijri extends AdapterMoment {
       if (end.isAfter('2076-11-26')) {
         throw new Error('max date must be on or before 1499-12-29 H (2076-11-26)');
       }
-      const startDate = this.moment(start).startOf('iYear');
-      const endDate = this.moment(end).endOf('iYear');
-      const years = [];
-      let current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'iYear');
-      }
-      return years;
+      return super.getYearRange([start, end]);
     };
     this.moment = instance || defaultHMoment;
     this.locale = 'ar-SA';

package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts

@@ -53,7 +53,5 @@ export declare class AdapterMomentJalaali extends AdapterMoment implements MuiPi
     setYear: (value: Moment, year: number) => defaultJMoment.Moment;
     setMonth: (value: Moment, month: number) => defaultJMoment.Moment;
     setDate: (value: Moment, date: number) => defaultJMoment.Moment;
-    getWeekArray: (value: Moment) => defaultJMoment.Moment[][];
     getWeekNumber: (value: Moment) => number;
-    getYearRange: ([start, end]: [Moment, Moment]) => defaultJMoment.Moment[];
 }

package/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -212,35 +212,9 @@ export class AdapterMomentJalaali extends AdapterMoment {
     this.setDate = (value, date) => {
       return value.clone().jDate(date);
     };
-    this.getWeekArray = value => {
-      const start = value.clone().startOf('jMonth').startOf('week');
-      const end = value.clone().endOf('jMonth').endOf('week');
-      let count = 0;
-      let current = start;
-      const nestedWeeks = [];
-      while (current.isBefore(end)) {
-        const weekNumber = Math.floor(count / 7);
-        nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-        nestedWeeks[weekNumber].push(current);
-        current = current.clone().add(1, 'day');
-        count += 1;
-      }
-      return nestedWeeks;
-    };
     this.getWeekNumber = value => {
       return value.jWeek();
     };
-    this.getYearRange = ([start, end]) => {
-      const startDate = this.moment(start).startOf('jYear');
-      const endDate = this.moment(end).endOf('jYear');
-      const years = [];
-      let current = startDate;
-      while (current.isBefore(endDate)) {
-        years.push(current);
-        current = current.clone().add(1, 'jYear');
-      }
-      return years;
-    };
     this.moment = instance || defaultJMoment;
     this.locale = 'fa';
     this.formats = _extends({}, defaultFormats, formats);