@mui/x-date-pickers 6.3.1 → 6.5.0

package/internals/hooks/useUtils.d.ts

@@ -3,7 +3,7 @@ import { PickersLocaleText } from '../../locales/utils/pickersLocaleTextApi';
 export declare const useLocalizationContext: <TDate>() => Omit<MuiPickersAdapterContextValue<TDate>, "localeText"> & {
     localeText: PickersLocaleText<TDate>;
 };
-export declare const useUtils: <TDate>() => import("../..").MuiPickersAdapter<TDate>;
+export declare const useUtils: <TDate>() => import("../..").MuiPickersAdapter<TDate, any>;
 export declare const useDefaultDates: <TDate>() => {
     minDate: TDate;
     maxDate: TDate;

package/internals/hooks/useViews.js

@@ -45,6 +45,8 @@ export function useViews({
     // Update the current view when `openTo` or `views` props change
     if (previousOpenTo.current && previousOpenTo.current !== openTo || previousViews.current && previousViews.current.some(previousView => !views.includes(previousView))) {
       setView(views.includes(openTo) ? openTo : views[0]);
+      previousViews.current = views;
+      previousOpenTo.current = openTo;
     }
   }, [openTo, setView, view, views]);
   const viewIndex = views.indexOf(view);

package/internals/index.d.ts

@@ -43,13 +43,14 @@ export type { DefaultizedProps, MakeOptional } from './models/helpers';
 export type { WrapperVariant } from './models/common';
 export type { BaseDateValidationProps, BaseTimeValidationProps, TimeValidationProps, MonthValidationProps, YearValidationProps, DayValidationProps, DateTimeValidationProps, } from './models/validation';
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual } from './utils/date-utils';
+export { splitFieldInternalAndForwardedProps } from './utils/fields';
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY, } from './utils/utils';
 export { defaultReduceAnimations } from './utils/defaultReduceAnimations';
 export { extractValidationProps } from './utils/validation/extractValidationProps';
 export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
-export { buildDeprecatedPropsWarning } from './utils/warning';
+export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
 export { uncapitalizeObjectKeys } from './utils/slots-migration';
 export type { UncapitalizeObjectKeys, SlotsAndSlotProps } from './utils/slots-migration';
 export { PickersCalendarHeader } from '../DateCalendar/PickersCalendarHeader';

package/internals/index.js

@@ -16,13 +16,14 @@ export { useLocalizationContext, useDefaultDates, useUtils, useLocaleText, useNo
 export { useValidation } from './hooks/useValidation';
 export { usePreviousMonthDisabled, useNextMonthDisabled } from './hooks/date-helpers-hooks';
 export { applyDefaultDate, replaceInvalidDateByNull, areDatesEqual } from './utils/date-utils';
+export { splitFieldInternalAndForwardedProps } from './utils/fields';
 export { executeInTheNextEventLoopTick, getActiveElement, onSpaceOrEnter, DEFAULT_DESKTOP_MODE_MEDIA_QUERY } from './utils/utils';
 export { defaultReduceAnimations } from './utils/defaultReduceAnimations';
 export { extractValidationProps } from './utils/validation/extractValidationProps';
 export { validateDate } from './utils/validation/validateDate';
 export { validateDateTime } from './utils/validation/validateDateTime';
 export { validateTime } from './utils/validation/validateTime';
-export { buildDeprecatedPropsWarning } from './utils/warning';
+export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
 export { uncapitalizeObjectKeys } from './utils/slots-migration';
 export { PickersCalendarHeader } from '../DateCalendar/PickersCalendarHeader';
 export { DayCalendar } from '../DateCalendar/DayCalendar';

package/internals/utils/date-utils.d.ts

@@ -9,8 +9,10 @@ interface FindClosestDateParams<TDate> {
     utils: MuiPickersAdapter<TDate>;
 }
 export declare const findClosestEnabledDate: <TDate>({ date, disableFuture, disablePast, maxDate, minDate, isDateDisabled, utils, }: FindClosestDateParams<TDate>) => NonNullable<TDate> | null;
-export declare const clamp: <TDate>(utils: MuiPickersAdapter<TDate>, value: TDate, minDate: TDate, maxDate: TDate) => TDate;
-export declare const replaceInvalidDateByNull: <TDate>(utils: MuiPickersAdapter<TDate>, value: TDate | null) => NonNullable<TDate> | null;
-export declare const applyDefaultDate: <TDate>(utils: MuiPickersAdapter<TDate>, value: TDate | null | undefined, defaultValue: TDate) => TDate;
-export declare const areDatesEqual: <TDate>(utils: MuiPickersAdapter<TDate>, a: TDate, b: TDate) => boolean;
+export declare const clamp: <TDate>(utils: MuiPickersAdapter<TDate, any>, value: TDate, minDate: TDate, maxDate: TDate) => TDate;
+export declare const replaceInvalidDateByNull: <TDate>(utils: MuiPickersAdapter<TDate, any>, value: TDate | null) => NonNullable<TDate> | null;
+export declare const applyDefaultDate: <TDate>(utils: MuiPickersAdapter<TDate, any>, value: TDate | null | undefined, defaultValue: TDate) => TDate;
+export declare const areDatesEqual: <TDate>(utils: MuiPickersAdapter<TDate, any>, a: TDate, b: TDate) => boolean;
+export declare const getMonthsInYear: <TDate>(utils: MuiPickersAdapter<TDate, any>, year: TDate) => TDate[];
+export declare const mergeDateAndTime: <TDate>(utils: MuiPickersAdapter<TDate, any>, dateParam: TDate, timeParam: TDate) => TDate;
 export {};

package/internals/utils/date-utils.js

@@ -69,4 +69,20 @@ export const areDatesEqual = (utils, a, b) => {
     return true;
   }
   return utils.isEqual(a, b);
+};
+export const getMonthsInYear = (utils, 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;
+};
+export const mergeDateAndTime = (utils, 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;
 };

package/internals/utils/fields.d.ts

@@ -0,0 +1,5 @@
+import { FieldValueType } from '../../models';
+export declare const splitFieldInternalAndForwardedProps: <TProps extends {}, TInternalPropNames extends keyof TProps>(props: TProps, valueType: FieldValueType) => {
+    forwardedProps: Omit<TProps, TInternalPropNames>;
+    internalProps: Pick<TProps, TInternalPropNames>;
+};

package/internals/utils/fields.js

@@ -0,0 +1,28 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { DATE_TIME_VALIDATION_PROP_NAMES, DATE_VALIDATION_PROP_NAMES, TIME_VALIDATION_PROP_NAMES } from './validation/extractValidationProps';
+const SHARED_FIELD_INTERNAL_PROP_NAMES = ['value', 'defaultValue', 'format', 'formatDensity', 'onChange', 'readOnly', 'onError', 'shouldRespectLeadingZeros', 'selectedSections', 'onSelectedSectionsChange', 'unstableFieldRef'];
+export const splitFieldInternalAndForwardedProps = (props, valueType) => {
+  const forwardedProps = _extends({}, props);
+  const internalProps = {};
+  const extractProp = propName => {
+    if (forwardedProps.hasOwnProperty(propName)) {
+      // @ts-ignore
+      internalProps[propName] = forwardedProps[propName];
+      delete forwardedProps[propName];
+    }
+  };
+  SHARED_FIELD_INTERNAL_PROP_NAMES.forEach(extractProp);
+  if (valueType === 'date') {
+    DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
+  } else if (valueType === 'time') {
+    TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+  } else if (valueType === 'date-time') {
+    DATE_VALIDATION_PROP_NAMES.forEach(extractProp);
+    TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+    DATE_TIME_VALIDATION_PROP_NAMES.forEach(extractProp);
+  }
+  return {
+    forwardedProps,
+    internalProps
+  };
+};

package/internals/utils/time-utils.d.ts

@@ -2,8 +2,8 @@ import { MuiPickersAdapter } from '../../models';
 import { DateOrTimeViewWithMeridiem } from '../models';
 export declare const isTimeView: (view: DateOrTimeViewWithMeridiem) => boolean;
 export type Meridiem = 'am' | 'pm';
-export declare const getMeridiem: <TDate>(date: TDate | null, utils: MuiPickersAdapter<TDate>) => Meridiem | null;
+export declare const getMeridiem: <TDate>(date: TDate | null, utils: MuiPickersAdapter<TDate, any>) => Meridiem | null;
 export declare const convertValueToMeridiem: (value: number, meridiem: Meridiem | null, ampm: boolean) => number;
-export declare const convertToMeridiem: <TDate>(time: TDate, meridiem: Meridiem, ampm: boolean, utils: MuiPickersAdapter<TDate>) => TDate;
-export declare const getSecondsInDay: <TDate>(date: TDate, utils: MuiPickersAdapter<TDate>) => number;
-export declare const createIsAfterIgnoreDatePart: <TDate>(disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter<TDate>) => (dateLeft: TDate, dateRight: TDate) => boolean;
+export declare const convertToMeridiem: <TDate>(time: TDate, meridiem: Meridiem, ampm: boolean, utils: MuiPickersAdapter<TDate, any>) => TDate;
+export declare const getSecondsInDay: <TDate>(date: TDate, utils: MuiPickersAdapter<TDate, any>) => number;
+export declare const createIsAfterIgnoreDatePart: <TDate>(disableIgnoringDatePartForTimeValidation: boolean, utils: MuiPickersAdapter<TDate, any>) => (dateLeft: TDate, dateRight: TDate) => boolean;

package/internals/utils/validation/extractValidationProps.d.ts

@@ -1,7 +1,11 @@
+import { BaseDateValidationProps, BaseTimeValidationProps, DateTimeValidationProps, DayValidationProps, MonthValidationProps, TimeValidationProps, YearValidationProps } from '../../models/validation';
+export declare const DATE_VALIDATION_PROP_NAMES: (keyof BaseDateValidationProps<any> | keyof YearValidationProps<any> | keyof MonthValidationProps<any> | keyof DayValidationProps<any>)[];
+export declare const TIME_VALIDATION_PROP_NAMES: (keyof BaseTimeValidationProps | keyof TimeValidationProps<any> | 'ampm')[];
+export declare const DATE_TIME_VALIDATION_PROP_NAMES: (keyof DateTimeValidationProps<any>)[];
 /**
  * Extract the validation props for the props received by a component.
  * Limit the risk of forgetting some of them and reduce the bundle size.
  */
 export declare const extractValidationProps: <Props extends {
     [key: string]: any;
-}>(props: Props) => Pick<Props, "disableFuture" | "disablePast" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minDate" | "maxDate" | "minutesStep" | "minTime" | "maxTime" | "shouldDisableTime" | "shouldDisableClock" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime">;
+}>(props: Props) => Pick<Props, "disableFuture" | "disablePast" | "maxDate" | "minDate" | "shouldDisableDate" | "shouldDisableMonth" | "shouldDisableYear" | "minutesStep" | "minTime" | "maxTime" | "ampm" | "shouldDisableTime" | "shouldDisableClock" | "disableIgnoringDatePartForTimeValidation" | "minDateTime" | "maxDateTime">;

package/internals/utils/validation/extractValidationProps.js

@@ -1,4 +1,7 @@
-const VALIDATION_PROP_NAMES = ['disablePast', 'disableFuture', 'minDate', 'maxDate', 'minTime', 'maxTime', 'minDateTime', 'maxDateTime', 'shouldDisableDate', 'shouldDisableMonth', 'shouldDisableYear', 'shouldDisableClock', 'shouldDisableTime', 'minutesStep'];
+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 DATE_TIME_VALIDATION_PROP_NAMES = ['minDateTime', 'maxDateTime'];
+const VALIDATION_PROP_NAMES = [...DATE_VALIDATION_PROP_NAMES, ...TIME_VALIDATION_PROP_NAMES, ...DATE_TIME_VALIDATION_PROP_NAMES];
 /**
  * Extract the validation props for the props received by a component.
  * Limit the risk of forgetting some of them and reduce the bundle size.

package/legacy/AdapterDateFns/AdapterDateFns.js

@@ -25,7 +25,6 @@ import endOfWeek from 'date-fns/endOfWeek';
 import endOfYear from 'date-fns/endOfYear';
 import dateFnsFormat from 'date-fns/format';
 import getDate from 'date-fns/getDate';
-import getDay from 'date-fns/getDay';
 import getDaysInMonth from 'date-fns/getDaysInMonth';
 import getHours from 'date-fns/getHours';
 import getMinutes from 'date-fns/getMinutes';
@@ -568,17 +567,12 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
     var count = 0;
     var current = start;
     var nestedWeeks = [];
-    var lastDay = null;
     while (isBefore(current, end)) {
       var weekNumber = Math.floor(count / 7);
       nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-      var day = getDay(current);
-      if (lastDay !== day) {
-        lastDay = day;
-        nestedWeeks[weekNumber].push(current);
-        count += 1;
-      }
+      nestedWeeks[weekNumber].push(current);
       current = addDays(current, 1);
+      count += 1;
     }
     return nestedWeeks;
   };

package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js

@@ -31,7 +31,6 @@ import getWeek from 'date-fns-jalali/getWeek';
 import getYear from 'date-fns-jalali/getYear';
 import getMonth from 'date-fns-jalali/getMonth';
 import getDate from 'date-fns-jalali/getDate';
-import getDay from 'date-fns-jalali/getDay';
 import getDaysInMonth from 'date-fns-jalali/getDaysInMonth';
 import getMinutes from 'date-fns-jalali/getMinutes';
 import isAfter from 'date-fns-jalali/isAfter';
@@ -582,17 +581,12 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
     var count = 0;
     var current = start;
     var nestedWeeks = [];
-    var lastDay = null;
     while (isBefore(current, end)) {
       var weekNumber = Math.floor(count / 7);
       nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
-      var day = getDay(current);
-      if (lastDay !== day) {
-        lastDay = day;
-        nestedWeeks[weekNumber].push(current);
-        count += 1;
-      }
+      nestedWeeks[weekNumber].push(current);
       current = addDays(current, 1);
+      count += 1;
     }
     return nestedWeeks;
   };

package/legacy/AdapterDayjs/AdapterDayjs.js

@@ -175,8 +175,7 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
   };
   this.formatTokenMap = formatTokenMap;
   this.getLocaleFormats = function () {
-    var _this$rawDayJsInstanc;
-    var locales = (_this$rawDayJsInstanc = _this.rawDayJsInstance.Ls) != null ? _this$rawDayJsInstanc : defaultDayjs.Ls;
+    var locales = defaultDayjs.Ls;
     var locale = _this.locale || 'en';
     var localeObject = locales[locale];
     if (localeObject === undefined) {
@@ -385,7 +384,7 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     var monthArray = [firstMonth];
     while (monthArray.length < 12) {
       var prevMonth = monthArray[monthArray.length - 1];
-      monthArray.push(_this.getNextMonth(prevMonth));
+      monthArray.push(_this.addMonths(prevMonth, 1));
     }
     return monthArray;
   };

package/legacy/AdapterLuxon/AdapterLuxon.js

@@ -12,7 +12,11 @@ var formatTokenMap = {
     maxLength: 4
   },
   yy: 'year',
-  yyyy: 'year',
+  yyyy: {
+    sectionType: 'year',
+    contentType: 'digit',
+    maxLength: 4
+  },
   // Month
   L: {
     sectionType: 'month',
@@ -232,9 +236,6 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
     })) == null ? void 0 : (_Intl$DateTimeFormat$ = _Intl$DateTimeFormat.resolvedOptions()) == null ? void 0 : _Intl$DateTimeFormat$.hour12);
   };
   this.expandFormat = function (format) {
-    if (!DateTime.expandFormat) {
-      throw Error('Your luxon version does not support `expandFormat`. Consider upgrading it to v3.0.2');
-    }
     // Extract escaped section to avoid extending them
     var longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
     return format.match(longFormatRegexp).map(function (token) {
@@ -461,7 +462,7 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
     var monthArray = [firstMonth];
     while (monthArray.length < 12) {
       var prevMonth = monthArray[monthArray.length - 1];
-      monthArray.push(_this.getNextMonth(prevMonth));
+      monthArray.push(_this.addMonths(prevMonth, 1));
     }
     return monthArray;
   };

package/legacy/AdapterMoment/AdapterMoment.js

@@ -366,7 +366,7 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
     return value.clone().subtract(1, 'month');
   };
   this.getMonthArray = function (value) {
-    var firstMonth = value.clone().startOf('year');
+    var firstMonth = _this.startOfYear(value);
     var monthArray = [firstMonth];
     while (monthArray.length < 12) {
       var prevMonth = monthArray[monthArray.length - 1];
@@ -412,7 +412,7 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
   this.getMeridiemText = function (ampm) {
     if (_this.is12HourCycleInCurrentLocale()) {
       // AM/PM translation only possible in those who have 12 hour cycle in locale.
-      return _this.moment.localeData(_this.getCurrentLocaleCode()).meridiem(ampm === 'am' ? 0 : 13, 0, false);
+      return defaultMoment.localeData(_this.getCurrentLocaleCode()).meridiem(ampm === 'am' ? 0 : 13, 0, false);
     }
     return ampm === 'am' ? 'AM' : 'PM'; // fallback for de, ru, ...etc
   };

package/legacy/AdapterMomentHijri/AdapterMomentHijri.js

@@ -153,15 +153,9 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
       locale: 'ar-SA',
       instance: instance
     });
-    _this.isMUIAdapter = true;
+    _this.lib = 'moment-hijri';
+    _this.moment = void 0;
     _this.formatTokenMap = formatTokenMap;
-    _this.escapedCharacters = {
-      start: '[',
-      end: ']'
-    };
-    _this.toIMoment = function (value) {
-      return _this.moment(value ? value.clone() : undefined).locale('ar-SA');
-    };
     _this.date = function (value) {
       if (value === null) {
         return null;
@@ -232,7 +226,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
     };
     _this.getWeekdays = function () {
       return [0, 1, 2, 3, 4, 5, 6].map(function (dayOfWeek) {
-        return _this.toIMoment().weekday(dayOfWeek).format('dd');
+        return _this.date().weekday(dayOfWeek).format('dd');
       });
     };
     _this.getWeekArray = function (value) {
@@ -273,7 +267,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
       return years;
     };
     _this.getMeridiemText = function (ampm) {
-      return ampm === 'am' ? _this.toIMoment().hours(2).format('A') : _this.toIMoment().hours(14).format('A');
+      return ampm === 'am' ? _this.date().hours(2).format('A') : _this.date().hours(14).format('A');
     };
     _this.moment = instance || defaultHMoment;
     _this.locale = 'ar-SA';

package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -151,25 +151,18 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
       locale: 'fa',
       instance: instance
     });
-    _this.isMUIAdapter = true;
     _this.lib = 'moment-jalaali';
     _this.moment = void 0;
-    _this.locale = void 0;
-    _this.formats = void 0;
     _this.formatTokenMap = formatTokenMap;
-    _this.escapedCharacters = {
-      start: '[',
-      end: ']'
-    };
-    _this.toJMoment = function (value) {
-      return _this.moment(value ? value.clone() : undefined).locale('fa');
-    };
     _this.date = function (value) {
       if (value === null) {
         return null;
       }
       return _this.moment(value).locale('fa');
     };
+    _this.parseISO = function (isoString) {
+      return _this.moment(isoString).locale('fa');
+    };
     _this.parse = function (value, format) {
       if (value === '') {
         return null;
@@ -197,6 +190,16 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
       }
       return _this.moment(value).isSame(comparing);
     };
+    _this.isSameYear = function (value, comparing) {
+      // `isSame` seems to mutate the date on `moment-jalaali`
+      // @ts-ignore
+      return value.clone().isSame(comparing, 'jYear');
+    };
+    _this.isSameMonth = function (value, comparing) {
+      // `isSame` seems to mutate the date on `moment-jalaali`
+      // @ts-ignore
+      return value.clone().isSame(comparing, 'jMonth');
+    };
     _this.isAfterYear = function (value, comparing) {
       return value.jYear() > comparing.jYear();
     };
@@ -247,7 +250,7 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
     };
     _this.getWeekdays = function () {
       return [0, 1, 2, 3, 4, 5, 6].map(function (dayOfWeek) {
-        return _this.toJMoment().weekday(dayOfWeek).format('dd');
+        return _this.date().weekday(dayOfWeek).format('dd');
       });
     };
     _this.getWeekArray = function (value) {
@@ -280,7 +283,7 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
       return years;
     };
     _this.getMeridiemText = function (ampm) {
-      return ampm === 'am' ? _this.toJMoment().hours(2).format('A') : _this.toJMoment().hours(14).format('A');
+      return ampm === 'am' ? _this.date().hours(2).format('A') : _this.date().hours(14).format('A');
     };
     _this.moment = instance || defaultJMoment;
     _this.locale = 'fa';

package/legacy/DateCalendar/DateCalendar.js

@@ -15,7 +15,7 @@ import { MonthCalendar } from '../MonthCalendar';
 import { YearCalendar } from '../YearCalendar';
 import { useViews } from '../internals/hooks/useViews';
 import { PickersCalendarHeader } from './PickersCalendarHeader';
-import { findClosestEnabledDate, applyDefaultDate } from '../internals/utils/date-utils';
+import { findClosestEnabledDate, applyDefaultDate, mergeDateAndTime } from '../internals/utils/date-utils';
 import { PickerViewRoot } from '../internals/components/PickerViewRoot';
 import { defaultReduceAnimations } from '../internals/utils/defaultReduceAnimations';
 import { getDateCalendarUtilityClass } from './dateCalendarClasses';
@@ -213,7 +213,7 @@ export var DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(in
   var handleSelectedDayChange = useEventCallback(function (day) {
     if (value && day) {
       // If there is a date already selected, then we want to keep its time
-      return setValueAndGoToNextView(utils.mergeDateAndTime(day, value), 'finish');
+      return setValueAndGoToNextView(mergeDateAndTime(utils, day, value), 'finish');
     }
     return setValueAndGoToNextView(day, 'finish');
   });

package/legacy/DateCalendar/DayCalendar.js

@@ -239,6 +239,7 @@ export function DayCalendar(inProps) {
   });
   var classes = useUtilityClasses(props);
   var theme = useTheme();
+  var isRTL = theme.direction === 'rtl';
   var onFocusedDayChange = props.onFocusedDayChange,
     className = props.className,
     currentMonth = props.currentMonth,
@@ -323,13 +324,13 @@ export function DayCalendar(inProps) {
         break;
       case 'ArrowLeft':
         {
-          var newFocusedDayDefault = utils.addDays(day, theme.direction === 'ltr' ? -1 : 1);
-          var nextAvailableMonth = theme.direction === 'ltr' ? utils.getPreviousMonth(day) : utils.getNextMonth(day);
+          var newFocusedDayDefault = utils.addDays(day, isRTL ? 1 : -1);
+          var nextAvailableMonth = utils.addMonths(day, isRTL ? 1 : -1);
           var closestDayToFocus = findClosestEnabledDate({
             utils: utils,
             date: newFocusedDayDefault,
-            minDate: theme.direction === 'ltr' ? utils.startOfMonth(nextAvailableMonth) : newFocusedDayDefault,
-            maxDate: theme.direction === 'ltr' ? newFocusedDayDefault : utils.endOfMonth(nextAvailableMonth),
+            minDate: isRTL ? newFocusedDayDefault : utils.startOfMonth(nextAvailableMonth),
+            maxDate: isRTL ? utils.endOfMonth(nextAvailableMonth) : newFocusedDayDefault,
             isDateDisabled: isDateDisabled
           });
           focusDay(closestDayToFocus || newFocusedDayDefault);
@@ -338,13 +339,13 @@ export function DayCalendar(inProps) {
         }
       case 'ArrowRight':
         {
-          var _newFocusedDayDefault = utils.addDays(day, theme.direction === 'ltr' ? 1 : -1);
-          var _nextAvailableMonth = theme.direction === 'ltr' ? utils.getNextMonth(day) : utils.getPreviousMonth(day);
+          var _newFocusedDayDefault = utils.addDays(day, isRTL ? -1 : 1);
+          var _nextAvailableMonth = utils.addMonths(day, isRTL ? -1 : 1);
           var _closestDayToFocus = findClosestEnabledDate({
             utils: utils,
             date: _newFocusedDayDefault,
-            minDate: theme.direction === 'ltr' ? _newFocusedDayDefault : utils.startOfMonth(_nextAvailableMonth),
-            maxDate: theme.direction === 'ltr' ? utils.endOfMonth(_nextAvailableMonth) : _newFocusedDayDefault,
+            minDate: isRTL ? utils.startOfMonth(_nextAvailableMonth) : _newFocusedDayDefault,
+            maxDate: isRTL ? _newFocusedDayDefault : utils.endOfMonth(_nextAvailableMonth),
             isDateDisabled: isDateDisabled
           });
           focusDay(_closestDayToFocus || _newFocusedDayDefault);
@@ -360,11 +361,11 @@ export function DayCalendar(inProps) {
         event.preventDefault();
         break;
       case 'PageUp':
-        focusDay(utils.getNextMonth(day));
+        focusDay(utils.addMonths(day, 1));
         event.preventDefault();
         break;
       case 'PageDown':
-        focusDay(utils.getPreviousMonth(day));
+        focusDay(utils.addMonths(day, -1));
         event.preventDefault();
         break;
       default:

package/legacy/DateCalendar/PickersCalendarHeader.js

@@ -151,10 +151,10 @@ export function PickersCalendarHeader(inProps) {
     switchViewIconOwnerState = _useSlotProps.ownerState,
     switchViewIconProps = _objectWithoutProperties(_useSlotProps, _excluded);
   var selectNextMonth = function selectNextMonth() {
-    return onMonthChange(utils.getNextMonth(month), 'left');
+    return onMonthChange(utils.addMonths(month, 1), 'left');
   };
   var selectPreviousMonth = function selectPreviousMonth() {
-    return onMonthChange(utils.getPreviousMonth(month), 'right');
+    return onMonthChange(utils.addMonths(month, -1), 'right');
   };
   var isNextMonthDisabled = useNextMonthDisabled(month, {
     disableFuture: disableFuture,

package/legacy/DateField/useDateField.js

@@ -1,11 +1,10 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
 import { singleItemFieldValueManager, singleItemValueManager } from '../internals/utils/valueManagers';
 import { useField } from '../internals/hooks/useField';
 import { validateDate } from '../internals/utils/validation/validateDate';
 import { applyDefaultDate } from '../internals/utils/date-utils';
 import { useUtils, useDefaultDates } from '../internals/hooks/useUtils';
+import { splitFieldInternalAndForwardedProps } from '../internals/utils/fields';
 var useDefaultizedDateField = function useDefaultizedDateField(props) {
   var _props$disablePast, _props$disableFuture, _props$format;
   var utils = useUtils();
@@ -19,51 +18,16 @@ var useDefaultizedDateField = function useDefaultizedDateField(props) {
   });
 };
 export var useDateField = function useDateField(_ref) {
-  var props = _ref.props,
+  var inProps = _ref.props,
     inputRef = _ref.inputRef;
-  var _useDefaultizedDateFi = useDefaultizedDateField(props),
-    value = _useDefaultizedDateFi.value,
-    defaultValue = _useDefaultizedDateFi.defaultValue,
-    format = _useDefaultizedDateFi.format,
-    formatDensity = _useDefaultizedDateFi.formatDensity,
-    shouldRespectLeadingZeros = _useDefaultizedDateFi.shouldRespectLeadingZeros,
-    onChange = _useDefaultizedDateFi.onChange,
-    readOnly = _useDefaultizedDateFi.readOnly,
-    onError = _useDefaultizedDateFi.onError,
-    shouldDisableDate = _useDefaultizedDateFi.shouldDisableDate,
-    shouldDisableMonth = _useDefaultizedDateFi.shouldDisableMonth,
-    shouldDisableYear = _useDefaultizedDateFi.shouldDisableYear,
-    minDate = _useDefaultizedDateFi.minDate,
-    maxDate = _useDefaultizedDateFi.maxDate,
-    disableFuture = _useDefaultizedDateFi.disableFuture,
-    disablePast = _useDefaultizedDateFi.disablePast,
-    selectedSections = _useDefaultizedDateFi.selectedSections,
-    onSelectedSectionsChange = _useDefaultizedDateFi.onSelectedSectionsChange,
-    unstableFieldRef = _useDefaultizedDateFi.unstableFieldRef,
-    other = _objectWithoutProperties(_useDefaultizedDateFi, _excluded);
+  var props = useDefaultizedDateField(inProps);
+  var _splitFieldInternalAn = splitFieldInternalAndForwardedProps(props, 'date'),
+    forwardedProps = _splitFieldInternalAn.forwardedProps,
+    internalProps = _splitFieldInternalAn.internalProps;
   return useField({
     inputRef: inputRef,
-    forwardedProps: other,
-    internalProps: {
-      value: value,
-      defaultValue: defaultValue,
-      format: format,
-      formatDensity: formatDensity,
-      shouldRespectLeadingZeros: shouldRespectLeadingZeros,
-      onChange: onChange,
-      readOnly: readOnly,
-      onError: onError,
-      shouldDisableDate: shouldDisableDate,
-      shouldDisableMonth: shouldDisableMonth,
-      shouldDisableYear: shouldDisableYear,
-      minDate: minDate,
-      maxDate: maxDate,
-      disableFuture: disableFuture,
-      disablePast: disablePast,
-      selectedSections: selectedSections,
-      onSelectedSectionsChange: onSelectedSectionsChange,
-      unstableFieldRef: unstableFieldRef
-    },
+    forwardedProps: forwardedProps,
+    internalProps: internalProps,
     valueManager: singleItemValueManager,
     fieldValueManager: singleItemFieldValueManager,
     validator: validateDate,