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

package/modern/internals/hooks/useField/useField.utils.js

@@ -34,7 +34,7 @@ const getDeltaFromKeyCode = keyCode => {
 };
 export const getDaysInWeekStr = (utils, timezone, format) => {
   const elements = [];
-  const now = utils.dateWithTimezone(undefined, timezone);
+  const now = utils.date(undefined, timezone);
   const startDate = utils.startOfWeek(now);
   const endDate = utils.endOfWeek(now);
   let current = startDate;
@@ -48,7 +48,7 @@ export const getLetterEditingOptions = (utils, timezone, sectionType, format) =>
   switch (sectionType) {
     case 'month':
       {
-        return getMonthsInYear(utils, utils.dateWithTimezone(undefined, timezone)).map(month => utils.formatByString(month, format));
+        return getMonthsInYear(utils, utils.date(undefined, timezone)).map(month => utils.formatByString(month, format));
       }
     case 'weekDay':
       {
@@ -56,7 +56,7 @@ export const getLetterEditingOptions = (utils, timezone, sectionType, format) =>
       }
     case 'meridiem':
       {
-        const now = utils.dateWithTimezone(undefined, timezone);
+        const now = utils.date(undefined, timezone);
         return [utils.startOfDay(now), utils.endOfDay(now)].map(date => utils.formatByString(date, format));
       }
     default:
@@ -113,7 +113,7 @@ export const adjustSectionValue = (utils, timezone, section, keyCode, sectionsVa
     let newSectionValueNumber = currentSectionValue + delta * step;
     if (shouldSetAbsolute) {
       if (section.type === 'year' && !isEnd && !isStart) {
-        return utils.formatByString(utils.dateWithTimezone(undefined, timezone), section.format);
+        return utils.formatByString(utils.date(undefined, timezone), section.format);
       }
       if (delta > 0 || isStart) {
         newSectionValueNumber = sectionBoundaries.minimum;
@@ -207,49 +207,62 @@ export const addPositionPropertiesToSections = (sections, isRTL) => {
   }
   return newSections;
 };
-const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, currentTokenValue) => {
+const getSectionPlaceholder = (utils, timezone, localeText, sectionConfig, sectionFormat) => {
   switch (sectionConfig.type) {
     case 'year':
       {
         return localeText.fieldYearPlaceholder({
-          digitAmount: utils.formatByString(utils.dateWithTimezone(undefined, timezone), currentTokenValue).length
+          digitAmount: utils.formatByString(utils.date(undefined, timezone), sectionFormat).length,
+          format: sectionFormat
         });
       }
     case 'month':
       {
         return localeText.fieldMonthPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'day':
       {
-        return localeText.fieldDayPlaceholder();
+        return localeText.fieldDayPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'weekDay':
       {
         return localeText.fieldWeekDayPlaceholder({
-          contentType: sectionConfig.contentType
+          contentType: sectionConfig.contentType,
+          format: sectionFormat
         });
       }
     case 'hours':
       {
-        return localeText.fieldHoursPlaceholder();
+        return localeText.fieldHoursPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'minutes':
       {
-        return localeText.fieldMinutesPlaceholder();
+        return localeText.fieldMinutesPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'seconds':
       {
-        return localeText.fieldSecondsPlaceholder();
+        return localeText.fieldSecondsPlaceholder({
+          format: sectionFormat
+        });
       }
     case 'meridiem':
       {
-        return localeText.fieldMeridiemPlaceholder();
+        return localeText.fieldMeridiemPlaceholder({
+          format: sectionFormat
+        });
       }
     default:
       {
-        return currentTokenValue;
+        return sectionFormat;
       }
   }
 };
@@ -261,12 +274,12 @@ export const changeSectionValueFormat = (utils, valueStr, currentFormat, newForm
   }
   return utils.formatByString(utils.parse(valueStr, currentFormat), newFormat);
 };
-const isFourDigitYearFormat = (utils, timezone, format) => utils.formatByString(utils.dateWithTimezone(undefined, timezone), format).length === 4;
+const isFourDigitYearFormat = (utils, timezone, format) => utils.formatByString(utils.date(undefined, timezone), format).length === 4;
 export const doesSectionFormatHaveLeadingZeros = (utils, timezone, contentType, sectionType, format) => {
   if (contentType !== 'digit') {
     return false;
   }
-  const now = utils.dateWithTimezone(undefined, timezone);
+  const now = utils.date(undefined, timezone);
   switch (sectionType) {
     // We can't use `changeSectionValueFormat`, because  `utils.parse('1', 'YYYY')` returns `1971` instead of `1`.
     case 'year':
@@ -472,7 +485,7 @@ export const createDateStrForInputFromSections = (sections, isRTL) => {
   return `\u2066${dateStr}\u2069`;
 };
 export const getSectionsBoundaries = (utils, timezone) => {
-  const today = utils.dateWithTimezone(undefined, timezone);
+  const today = utils.date(undefined, timezone);
   const endOfYear = utils.endOfYear(today);
   const endOfDay = utils.endOfDay(today);
   const {

package/modern/internals/hooks/useField/useFieldState.js

@@ -156,7 +156,7 @@ export const useFieldState = params => {
     const nonEmptySectionCountBefore = activeDateManager.getSections(state.sections).filter(section => section.value !== '').length;
     const hasNoOtherNonEmptySections = nonEmptySectionCountBefore === (activeSection.value === '' ? 0 : 1);
     const newSections = setSectionValue(selectedSectionIndexes.startIndex, '');
-    const newActiveDate = hasNoOtherNonEmptySections ? null : utils.date(new Date(''));
+    const newActiveDate = hasNoOtherNonEmptySections ? null : utils.getInvalidDate();
     const newValues = activeDateManager.getNewValuesFromNewActiveDate(newActiveDate);
     if ((newActiveDate != null && !utils.isValid(newActiveDate)) !== (activeDateManager.date != null && !utils.isValid(activeDateManager.date))) {
       publishValue(_extends({}, newValues, {

package/modern/internals/hooks/usePicker/usePickerValue.js

@@ -221,9 +221,7 @@ export const usePickerValue = ({
       const context = {
         validationError
       };
-
-      // TODO v7: Remove 2nd condition
-      if (action.name === 'setValueFromShortcut' && action.shortcut != null) {
+      if (action.name === 'setValueFromShortcut') {
         context.shortcut = action.shortcut;
       }
       handleValueChange(action.value, context);
@@ -288,12 +286,10 @@ export const usePickerValue = ({
     value: newValue,
     selectionState
   }));
-
-  // TODO v7: Make changeImportance and label mandatory.
   const handleSelectShortcut = useEventCallback((newValue, changeImportance, shortcut) => updateDate({
     name: 'setValueFromShortcut',
     value: newValue,
-    changeImportance: changeImportance ?? 'accept',
+    changeImportance,
     shortcut
   }));
   const handleChangeFromField = useEventCallback((newValue, context) => updateDate({

package/modern/internals/hooks/useUtils.js

@@ -22,7 +22,7 @@ export const useNow = timezone => {
   const utils = useUtils();
   const now = React.useRef();
   if (now.current === undefined) {
-    now.current = utils.dateWithTimezone(undefined, timezone);
+    now.current = utils.date(undefined, timezone);
   }
   return now.current;
 };

package/modern/internals/hooks/useViews.js

@@ -83,7 +83,7 @@ export function useViews({
     const isSelectionFinishedOnCurrentView = currentViewSelectionState === 'finish';
     const hasMoreViews = selectedView ?
     // handles case like `DateTimePicker`, where a view might return a `finish` selection state
-    // but we it's not the final view given all `views` -> overall selection state should be `partial`.
+    // but when it's not the final view given all `views` -> overall selection state should be `partial`.
     views.indexOf(selectedView) < views.length - 1 : Boolean(nextView);
     const globalSelectionState = isSelectionFinishedOnCurrentView && hasMoreViews ? 'partial' : currentViewSelectionState;
     onChange(value, globalSelectionState);
@@ -105,7 +105,7 @@ export function useViews({
     setFocusedView: handleFocusedViewChange,
     nextView,
     previousView,
-    // Always return up to date default view instead of the initial one (i.e. defaultView.current)
+    // Always return up-to-date default view instead of the initial one (i.e. defaultView.current)
     defaultView: views.includes(openTo) ? openTo : views[0],
     goToNextView,
     setValueAndGoToNextView,

package/modern/internals/utils/date-utils.js

@@ -9,7 +9,7 @@ export const findClosestEnabledDate = ({
   utils,
   timezone
 }) => {
-  const today = utils.startOfDay(utils.dateWithTimezone(undefined, timezone));
+  const today = utils.startOfDay(utils.date(undefined, timezone));
   if (disablePast && utils.isBefore(minDate, today)) {
     minDate = today;
   }
@@ -79,7 +79,7 @@ export const mergeDateAndTime = (utils, dateParam, timeParam) => {
   mergedDate = utils.setSeconds(mergedDate, utils.getSeconds(timeParam));
   return mergedDate;
 };
-export const getTodayDate = (utils, timezone, valueType) => valueType === 'date' ? utils.startOfDay(utils.dateWithTimezone(undefined, timezone)) : utils.dateWithTimezone(undefined, timezone);
+export const getTodayDate = (utils, timezone, valueType) => valueType === 'date' ? utils.startOfDay(utils.date(undefined, timezone)) : utils.date(undefined, timezone);
 export const formatMeridiem = (utils, meridiem) => {
   const date = utils.setHours(utils.date(), meridiem === 'am' ? 2 : 14);
   return utils.format(date, 'meridiem');

package/modern/internals/utils/validation/extractValidationProps.js

@@ -1,5 +1,5 @@
 export const DATE_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear'];
-export const TIME_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minTime', 'maxTime', 'shouldDisableClock', 'shouldDisableTime', 'minutesStep', 'ampm', 'disableIgnoringDatePartForTimeValidation'];
+export const TIME_VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minTime', 'maxTime', 'shouldDisableTime', 'minutesStep', 'ampm', 'disableIgnoringDatePartForTimeValidation'];
 export const DATE_TIME_VALIDATION_PROP_NAMES = ['minDateTime', 'maxDateTime'];
 const VALIDATION_PROP_NAMES = [...DATE_VALIDATION_PROP_NAMES, ...TIME_VALIDATION_PROP_NAMES, ...DATE_TIME_VALIDATION_PROP_NAMES];
 /**

package/modern/internals/utils/validation/validateDate.js

@@ -15,7 +15,7 @@ export const validateDate = ({
     disableFuture,
     timezone
   } = props;
-  const now = adapter.utils.dateWithTimezone(undefined, timezone);
+  const now = adapter.utils.date(undefined, timezone);
   const minDate = applyDefaultDate(adapter.utils, props.minDate, adapter.defaultDates.minDate);
   const maxDate = applyDefaultDate(adapter.utils, props.maxDate, adapter.defaultDates.maxDate);
   switch (true) {

package/modern/internals/utils/validation/validateTime.js

@@ -11,14 +11,13 @@ export const validateTime = ({
     minTime,
     maxTime,
     minutesStep,
-    shouldDisableClock,
     shouldDisableTime,
     disableIgnoringDatePartForTimeValidation = false,
     disablePast,
     disableFuture,
     timezone
   } = props;
-  const now = adapter.utils.dateWithTimezone(undefined, timezone);
+  const now = adapter.utils.date(undefined, timezone);
   const isAfter = createIsAfterIgnoreDatePart(disableIgnoringDatePartForTimeValidation, adapter.utils);
   switch (true) {
     case !adapter.utils.isValid(value):
@@ -37,12 +36,6 @@ export const validateTime = ({
       return 'shouldDisableTime-minutes';
     case Boolean(shouldDisableTime && shouldDisableTime(value, 'seconds')):
       return 'shouldDisableTime-seconds';
-    case Boolean(shouldDisableClock && shouldDisableClock(adapter.utils.getHours(value), 'hours')):
-      return 'shouldDisableClock-hours';
-    case Boolean(shouldDisableClock && shouldDisableClock(adapter.utils.getMinutes(value), 'minutes')):
-      return 'shouldDisableClock-minutes';
-    case Boolean(shouldDisableClock && shouldDisableClock(adapter.utils.getSeconds(value), 'seconds')):
-      return 'shouldDisableClock-seconds';
     case Boolean(minutesStep && adapter.utils.getMinutes(value) % minutesStep !== 0):
       return 'minutesStep';
     default:

package/modern/locales/deDE.js

@@ -42,8 +42,7 @@ const deDEPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Datum auswählen, gewähltes Datum ist ${utils.format(value, 'fullDate')}` : 'Datum auswählen',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(value, 'fullTime')}` : 'Uhrzeit auswählen',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Wert leeren',
   // Table labels
   timeTableLabel: 'Uhrzeit auswählen',
   dateTableLabel: 'Datum auswählen',
@@ -51,7 +50,7 @@ const deDEPickers = {
   fieldYearPlaceholder: params => 'J'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'TT',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',

package/modern/locales/index.js

@@ -16,6 +16,7 @@ export * from './itIT';
 export * from './jaJP';
 export * from './koKR';
 export * from './kzKZ';
+export * from './mk';
 export * from './nbNO';
 export * from './nlNL';
 export * from './plPL';

package/modern/locales/mk.js

@@ -0,0 +1,55 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+
+// This object is not Partial<PickersLocaleText> because it is the default values
+
+const mkPickers = {
+  // Calendar navigation
+  previousMonth: 'Предходен месец',
+  nextMonth: 'Следен месец',
+  // View navigation
+  openPreviousView: 'отвори претходен приказ',
+  openNextView: 'отвори следен приказ',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'годишен приказ, отвори календарски приказ' : 'календарски приказ, отвори годишен приказ',
+  // DateRange placeholders
+  start: 'Почеток',
+  end: 'Крај',
+  // Action bar
+  cancelButtonLabel: 'Откажи',
+  clearButtonLabel: 'Избриши',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Денес',
+  // Toolbar titles
+  datePickerToolbarTitle: 'Избери датум',
+  dateTimePickerToolbarTitle: 'Избери датум и време',
+  timePickerToolbarTitle: 'Избери време',
+  dateRangePickerToolbarTitle: 'Избери временски опсег',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'Нема избрано време' : `Избраното време е ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} часа`,
+  minutesClockNumberText: minutes => `${minutes} минути`,
+  secondsClockNumberText: seconds => `${seconds} секунди`,
+  // Digital clock labels
+  selectViewText: view => `Избери ${view}`,
+  // Calendar labels
+  calendarWeekNumberHeaderLabel: 'Недела број',
+  calendarWeekNumberHeaderText: '#',
+  calendarWeekNumberAriaLabelText: weekNumber => `Недела ${weekNumber}`,
+  calendarWeekNumberText: weekNumber => `${weekNumber}`,
+  // Open picker labels
+  openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери датум, избраниот датум е ${utils.format(value, 'fullDate')}` : 'Избери датум',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Избери време, избраното време е ${utils.format(value, 'fullTime')}` : 'Избери време',
+  fieldClearLabel: 'Избриши',
+  // Table labels
+  timeTableLabel: 'одбери време',
+  dateTableLabel: 'одбери датум',
+  // Field section placeholders
+  fieldYearPlaceholder: params => 'Г'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'ДД',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'чч',
+  fieldMinutesPlaceholder: () => 'мм',
+  fieldSecondsPlaceholder: () => 'сс',
+  fieldMeridiemPlaceholder: () => 'aa'
+};
+export const mk = getPickersLocalization(mkPickers);

package/modern/timeViewRenderers/timeViewRenderers.js

@@ -21,7 +21,6 @@ export const renderTimeViewClock = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   ampmInClock,
@@ -51,7 +50,6 @@ export const renderTimeViewClock = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   ampmInClock: ampmInClock,
@@ -82,7 +80,6 @@ export const renderDigitalClockTimeView = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   slots,
@@ -112,7 +109,6 @@ export const renderDigitalClockTimeView = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   slots: slots,
@@ -143,7 +139,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
   minTime,
   maxTime,
   shouldDisableTime,
-  shouldDisableClock,
   minutesStep,
   ampm,
   slots,
@@ -173,7 +168,6 @@ export const renderMultiSectionDigitalClockTimeView = ({
   minTime: minTime,
   maxTime: maxTime,
   shouldDisableTime: shouldDisableTime,
-  shouldDisableClock: shouldDisableClock,
   minutesStep: minutesStep,
   ampm: ampm,
   slots: slots,

package/node/AdapterDateFns/AdapterDateFns.js

@@ -293,9 +293,7 @@ class AdapterDateFns {
       }
       return new Date(value);
     };
-    this.dateWithTimezone = value => {
-      return this.date(value);
-    };
+    this.getInvalidDate = () => new Date('Invalid Date');
     this.getTimezone = () => {
       return 'default';
     };
@@ -391,10 +389,10 @@ class AdapterDateFns {
       return (0, _isBefore.default)(value, comparing);
     };
     this.isBeforeYear = (value, comparing) => {
-      return (0, _isBefore.default)(value, (0, _startOfYear.default)(comparing));
+      return (0, _isBefore.default)(value, this.startOfYear(comparing));
     };
     this.isBeforeDay = (value, comparing) => {
-      return (0, _isBefore.default)(value, (0, _startOfDay.default)(comparing));
+      return (0, _isBefore.default)(value, this.startOfDay(comparing));
     };
     this.isWithinRange = (value, [start, end]) => {
       return (0, _isWithinInterval.default)(value, {
@@ -497,20 +495,16 @@ class AdapterDateFns {
       return (0, _getDaysInMonth.default)(value);
     };
     this.getWeekArray = value => {
-      const start = (0, _startOfWeek.default)((0, _startOfMonth.default)(value), {
-        locale: this.locale
-      });
-      const end = (0, _endOfWeek.default)((0, _endOfMonth.default)(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 ((0, _isBefore.default)(current, end)) {
+      while (this.isBefore(current, end)) {
         const weekNumber = Math.floor(count / 7);
         nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
         nestedWeeks[weekNumber].push(current);
-        current = (0, _addDays.default)(current, 1);
+        current = this.addDays(current, 1);
         count += 1;
       }
       return nestedWeeks;
@@ -521,13 +515,13 @@ class AdapterDateFns {
       });
     };
     this.getYearRange = ([start, end]) => {
-      const startDate = (0, _startOfYear.default)(start);
-      const endDate = (0, _endOfYear.default)(end);
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
       const years = [];
       let current = startDate;
-      while ((0, _isBefore.default)(current, endDate)) {
+      while (this.isBefore(current, endDate)) {
         years.push(current);
-        current = (0, _addYears.default)(current, 1);
+        current = this.addYears(current, 1);
       }
       return years;
     };

package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -305,9 +305,7 @@ class AdapterDateFnsJalali {
       }
       return new Date(value);
     };
-    this.dateWithTimezone = value => {
-      return this.date(value);
-    };
+    this.getInvalidDate = () => new Date('Invalid Date');
     this.getTimezone = () => {
       return 'default';
     };
@@ -393,19 +391,19 @@ class AdapterDateFnsJalali {
       return (0, _isAfter.default)(value, comparing);
     };
     this.isAfterYear = (value, comparing) => {
-      return (0, _isAfter.default)(value, (0, _endOfYear.default)(comparing));
+      return (0, _isAfter.default)(value, this.endOfYear(comparing));
     };
     this.isAfterDay = (value, comparing) => {
-      return (0, _isAfter.default)(value, (0, _endOfDay.default)(comparing));
+      return (0, _isAfter.default)(value, this.endOfDay(comparing));
     };
     this.isBefore = (value, comparing) => {
       return (0, _isBefore.default)(value, comparing);
     };
     this.isBeforeYear = (value, comparing) => {
-      return (0, _isBefore.default)(value, (0, _startOfYear.default)(comparing));
+      return (0, _isBefore.default)(value, this.startOfYear(comparing));
     };
     this.isBeforeDay = (value, comparing) => {
-      return (0, _isBefore.default)(value, (0, _startOfDay.default)(comparing));
+      return (0, _isBefore.default)(value, this.startOfDay(comparing));
     };
     this.isWithinRange = (value, [start, end]) => {
       return (0, _isWithinInterval.default)(value, {
@@ -508,20 +506,16 @@ class AdapterDateFnsJalali {
       return (0, _getDaysInMonth.default)(value);
     };
     this.getWeekArray = value => {
-      const start = (0, _startOfWeek.default)((0, _startOfMonth.default)(value), {
-        locale: this.locale
-      });
-      const end = (0, _endOfWeek.default)((0, _endOfMonth.default)(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 ((0, _isBefore.default)(current, end)) {
+      while (this.isBefore(current, end)) {
         const weekNumber = Math.floor(count / 7);
         nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
         nestedWeeks[weekNumber].push(current);
-        current = (0, _addDays.default)(current, 1);
+        current = this.addDays(current, 1);
         count += 1;
       }
       return nestedWeeks;
@@ -532,13 +526,13 @@ class AdapterDateFnsJalali {
       });
     };
     this.getYearRange = ([start, end]) => {
-      const startDate = (0, _startOfYear.default)(start);
-      const endDate = (0, _endOfYear.default)(end);
+      const startDate = this.startOfYear(start);
+      const endDate = this.endOfYear(end);
       const years = [];
       let current = startDate;
-      while ((0, _isBefore.default)(current, endDate)) {
+      while (this.isBefore(current, endDate)) {
         years.push(current);
-        current = (0, _addYears.default)(current, 1);
+        current = this.addYears(current, 1);
       }
       return years;
     };

package/node/AdapterDayjs/AdapterDayjs.js

@@ -14,8 +14,8 @@ var _isBetween = _interopRequireDefault(require("dayjs/plugin/isBetween"));
 var _warning = require("../internals/utils/warning");
 /* eslint-disable class-methods-use-this */
 
-_dayjs.default.extend(_customParseFormat.default);
 _dayjs.default.extend(_localizedFormat.default);
+_dayjs.default.extend(_weekOfYear.default);
 _dayjs.default.extend(_isBetween.default);
 const localeNotFoundWarning = (0, _warning.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 = {
@@ -266,13 +266,7 @@ class AdapterDayjs {
       }
       return value;
     };
-    this.date = value => {
-      if (value === null) {
-        return null;
-      }
-      return this.dayjs(value);
-    };
-    this.dateWithTimezone = (value, timezone) => {
+    this.date = (value, timezone = 'default') => {
       if (value === null) {
         return null;
       }
@@ -289,6 +283,7 @@ class AdapterDayjs {
       }
       return parsedValue.locale(this.locale);
     };
+    this.getInvalidDate = () => (0, _dayjs.default)(new Date('Invalid date'));
     this.getTimezone = value => {
       if (this.hasTimezonePlugin()) {
         // @ts-ignore
@@ -517,8 +512,8 @@ 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 = [];
@@ -535,11 +530,11 @@ 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);
       }
@@ -548,7 +543,10 @@ class AdapterDayjs {
     this.dayjs = withLocale(_dayjs.default, _locale);
     this.locale = _locale;
     this.formats = (0, _extends2.default)({}, defaultFormats, formats);
-    _dayjs.default.extend(_weekOfYear.default);
+
+    // 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
+    _dayjs.default.extend(_customParseFormat.default);
   }
 }
 exports.AdapterDayjs = AdapterDayjs;