@mui/x-date-pickers 6.5.0 → 6.6.0

package/legacy/AdapterDayjs/AdapterDayjs.js

@@ -125,6 +125,8 @@ var defaultFormats = {
   keyboardDateTime12h: 'L hh:mm A',
   keyboardDateTime24h: 'L HH:mm'
 };
+var 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');
+var 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');
 var withLocale = function withLocale(dayjs, locale) {
   return !locale ? dayjs : function () {
     return dayjs.apply(void 0, arguments).locale(locale);
@@ -164,6 +166,7 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     instance = _ref.instance;
   _classCallCheck(this, AdapterDayjs);
   this.isMUIAdapter = true;
+  this.isTimezoneCompatible = true;
   this.lib = 'dayjs';
   this.rawDayJsInstance = void 0;
   this.dayjs = void 0;
@@ -174,6 +177,48 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     end: ']'
   };
   this.formatTokenMap = formatTokenMap;
+  this.setLocaleToValue = function (value) {
+    var expectedLocale = _this.getCurrentLocaleCode();
+    if (expectedLocale === value.locale()) {
+      return value;
+    }
+    return value.locale(expectedLocale);
+  };
+  this.hasUTCPlugin = function () {
+    return typeof defaultDayjs.utc !== 'undefined';
+  };
+  this.hasTimezonePlugin = function () {
+    return typeof defaultDayjs.tz !== 'undefined';
+  };
+  this.isSame = function (value, comparing, comparisonTemplate) {
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    return value.format(comparisonTemplate) === comparingInValueTimezone.format(comparisonTemplate);
+  };
+  this.createSystemDate = function (value) {
+    // TODO v7: Stop using `this.rawDayJsInstance` (drop the `instance` param on the adapters)
+    return _this.rawDayJsInstance(value);
+  };
+  this.createUTCDate = function (value) {
+    /* istanbul ignore next */
+    if (!_this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
+    }
+    return defaultDayjs.utc(value);
+  };
+  this.createTZDate = function (value, timezone) {
+    /* istanbul ignore next */
+    if (!_this.hasUTCPlugin()) {
+      throw new Error(MISSING_UTC_PLUGIN);
+    }
+
+    /* istanbul ignore next */
+    if (!_this.hasTimezonePlugin()) {
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
+    }
+    var cleanTimezone = timezone === 'default' ? undefined : timezone;
+    var keepLocalTime = value !== undefined && !value.endsWith('Z');
+    return defaultDayjs(value).tz(cleanTimezone, keepLocalTime);
+  };
   this.getLocaleFormats = function () {
     var locales = defaultDayjs.Ls;
     var locale = _this.locale || 'en';
@@ -190,6 +235,63 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     }
     return _this.dayjs(value);
   };
+  this.dateWithTimezone = function (value, timezone) {
+    if (value === null) {
+      return null;
+    }
+    var 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);
+    }
+    if (_this.locale === undefined) {
+      return parsedValue;
+    }
+    return parsedValue.locale(_this.locale);
+  };
+  this.getTimezone = function (value) {
+    if (_this.hasUTCPlugin() && value.isUTC()) {
+      return 'UTC';
+    }
+    if (_this.hasTimezonePlugin()) {
+      var _value$$x;
+      // @ts-ignore
+      var zone = (_value$$x = value.$x) == null ? void 0 : _value$$x.$timezone;
+      return zone != null ? zone : 'system';
+    }
+    return 'system';
+  };
+  this.setTimezone = function (value, timezone) {
+    if (_this.getTimezone(value) === timezone) {
+      return value;
+    }
+    if (timezone === 'UTC') {
+      /* istanbul ignore next */
+      if (!_this.hasUTCPlugin()) {
+        throw new Error(MISSING_UTC_PLUGIN);
+      }
+      return value.utc();
+    }
+    if (timezone === 'system') {
+      if (_this.hasUTCPlugin()) {
+        return value.local();
+      }
+      return value;
+    }
+    if (!_this.hasTimezonePlugin()) {
+      if (timezone === 'default') {
+        return value;
+      }
+
+      /* istanbul ignore next */
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
+    }
+    var cleanZone = timezone === 'default' ? undefined : timezone;
+    return defaultDayjs.tz(value, cleanZone);
+  };
   this.toJsDate = function (value) {
     return value.toDate();
   };
@@ -254,40 +356,52 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     return _this.dayjs(value).isSame(comparing);
   };
   this.isSameYear = function (value, comparing) {
-    return value.isSame(comparing, 'year');
+    return _this.isSame(value, comparing, 'YYYY');
   };
   this.isSameMonth = function (value, comparing) {
-    return value.isSame(comparing, 'month');
+    return _this.isSame(value, comparing, 'YYYY-MM');
   };
   this.isSameDay = function (value, comparing) {
-    return value.isSame(comparing, 'day');
+    return _this.isSame(value, comparing, 'YYYY-MM-DD');
   };
   this.isSameHour = function (value, comparing) {
     return value.isSame(comparing, 'hour');
   };
   this.isAfter = function (value, comparing) {
-    return value.isAfter(comparing);
+    return value > comparing;
   };
   this.isAfterYear = function (value, comparing) {
-    return value.isAfter(comparing, 'year');
+    if (!_this.hasUTCPlugin()) {
+      return value.isAfter(comparing, 'year');
+    }
+    return !_this.isSameYear(value, comparing) && value.utc() > comparing.utc();
   };
   this.isAfterDay = function (value, comparing) {
-    return value.isAfter(comparing, 'day');
+    if (!_this.hasUTCPlugin()) {
+      return value.isAfter(comparing, 'day');
+    }
+    return !_this.isSameDay(value, comparing) && value.utc() > comparing.utc();
   };
   this.isBefore = function (value, comparing) {
-    return value.isBefore(comparing);
+    return value < comparing;
   };
   this.isBeforeYear = function (value, comparing) {
-    return value.isBefore(comparing, 'year');
+    if (!_this.hasUTCPlugin()) {
+      return value.isBefore(comparing, 'year');
+    }
+    return !_this.isSameYear(value, comparing) && value.utc() < comparing.utc();
   };
   this.isBeforeDay = function (value, comparing) {
-    return value.isBefore(comparing, 'day');
+    if (!_this.hasUTCPlugin()) {
+      return value.isBefore(comparing, 'day');
+    }
+    return !_this.isSameDay(value, comparing) && value.utc() < comparing.utc();
   };
   this.isWithinRange = function (value, _ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
       start = _ref3[0],
       end = _ref3[1];
-    return value.isBetween(start, end, null, '[]');
+    return value >= start && value <= end;
   };
   this.startOfYear = function (value) {
     return value.startOf('year');
@@ -352,6 +466,9 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
   this.getSeconds = function (value) {
     return value.second();
   };
+  this.getMilliseconds = function (value) {
+    return value.millisecond();
+  };
   this.setYear = function (value, year) {
     return value.set('year', year);
   };
@@ -370,6 +487,9 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
   this.setSeconds = function (value, seconds) {
     return value.set('second', seconds);
   };
+  this.setMilliseconds = function (value, milliseconds) {
+    return value.set('millisecond', milliseconds);
+  };
   this.getDaysInMonth = function (value) {
     return value.daysInMonth();
   };
@@ -398,12 +518,13 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     });
   };
   this.getWeekArray = function (value) {
-    var start = value.startOf('month').startOf('week');
-    var end = value.endOf('month').endOf('week');
+    var cleanLocale = _this.setLocaleToValue(value);
+    var start = cleanLocale.startOf('month').startOf('week');
+    var end = cleanLocale.endOf('month').endOf('week');
     var count = 0;
     var current = start;
     var nestedWeeks = [];
-    while (current.isBefore(end)) {
+    while (current < end) {
       var weekNumber = Math.floor(count / 7);
       nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
       nestedWeeks[weekNumber].push(current);
@@ -420,7 +541,7 @@ export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
     var endDate = end.endOf('year');
     var years = [];
     var current = startDate;
-    while (current.isBefore(endDate)) {
+    while (current < endDate) {
       years.push(current);
       current = current.add(1, 'year');
     }

package/legacy/AdapterLuxon/AdapterLuxon.js

@@ -172,6 +172,7 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
     formats = _ref.formats;
   _classCallCheck(this, AdapterLuxon);
   this.isMUIAdapter = true;
+  this.isTimezoneCompatible = true;
   this.lib = 'luxon';
   this.locale = void 0;
   this.formats = void 0;
@@ -202,6 +203,38 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
       locale: _this.locale
     });
   };
+  this.dateWithTimezone = function (value, timezone) {
+    if (value === null) {
+      return null;
+    }
+    if (typeof value === 'undefined') {
+      // @ts-ignore
+      return DateTime.fromJSDate(new Date(), {
+        locale: _this.locale,
+        zone: timezone
+      });
+    }
+
+    // @ts-ignore
+    return DateTime.fromISO(value, {
+      locale: _this.locale,
+      zone: timezone
+    });
+  };
+  this.getTimezone = function (value) {
+    var _value$zoneName;
+    // When using the system zone, we want to return "system", not something like "Europe/Paris"
+    if (value.zone.type === 'system') {
+      return 'system';
+    }
+    return (_value$zoneName = value.zoneName) != null ? _value$zoneName : 'system';
+  };
+  this.setTimezone = function (value, timezone) {
+    if (!value.zone.equals(Info.normalizeZone(timezone))) {
+      return value.setZone(timezone);
+    }
+    return value;
+  };
   this.toJsDate = function (value) {
     return value.toJSDate();
   };
@@ -294,40 +327,48 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
     if (value === null || comparing === null) {
       return false;
     }
-    return _this.date(value).equals(_this.date(comparing));
+    return +_this.date(value) === +_this.date(comparing);
   };
   this.isSameYear = function (value, comparing) {
-    return value.hasSame(comparing, 'year');
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    return value.hasSame(comparingInValueTimezone, 'year');
   };
   this.isSameMonth = function (value, comparing) {
-    return value.hasSame(comparing, 'month');
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    return value.hasSame(comparingInValueTimezone, 'month');
   };
   this.isSameDay = function (value, comparing) {
-    return value.hasSame(comparing, 'day');
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    return value.hasSame(comparingInValueTimezone, 'day');
   };
   this.isSameHour = function (value, comparing) {
-    return value.hasSame(comparing, 'hour');
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    return value.hasSame(comparingInValueTimezone, 'hour');
   };
   this.isAfter = function (value, comparing) {
     return value > comparing;
   };
   this.isAfterYear = function (value, comparing) {
-    var diff = value.diff(comparing.endOf('year'), 'years').toObject();
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    var diff = value.diff(comparingInValueTimezone.endOf('year'), 'years').toObject();
     return diff.years > 0;
   };
   this.isAfterDay = function (value, comparing) {
-    var diff = value.diff(comparing.endOf('day'), 'days').toObject();
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    var diff = value.diff(comparingInValueTimezone.endOf('day'), 'days').toObject();
     return diff.days > 0;
   };
   this.isBefore = function (value, comparing) {
     return value < comparing;
   };
   this.isBeforeYear = function (value, comparing) {
-    var diff = value.diff(comparing.startOf('year'), 'years').toObject();
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    var diff = value.diff(comparingInValueTimezone.startOf('year'), 'years').toObject();
     return diff.years < 0;
   };
   this.isBeforeDay = function (value, comparing) {
-    var diff = value.diff(comparing.startOf('day'), 'days').toObject();
+    var comparingInValueTimezone = _this.setTimezone(comparing, _this.getTimezone(value));
+    var diff = value.diff(comparingInValueTimezone.startOf('day'), 'days').toObject();
     return diff.days < 0;
   };
   this.isWithinRange = function (value, _ref2) {
@@ -414,6 +455,9 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
   this.getSeconds = function (value) {
     return value.get('second');
   };
+  this.getMilliseconds = function (value) {
+    return value.get('millisecond');
+  };
   this.setYear = function (value, year) {
     return value.set({
       year: year
@@ -444,6 +488,11 @@ export var AdapterLuxon = /*#__PURE__*/_createClass(function AdapterLuxon() {
       second: seconds
     });
   };
+  this.setMilliseconds = function (value, milliseconds) {
+    return value.set({
+      millisecond: milliseconds
+    });
+  };
   this.getDaysInMonth = function (value) {
     return value.daysInMonth;
   };

package/legacy/AdapterMoment/AdapterMoment.js

@@ -124,6 +124,7 @@ var defaultFormats = {
   keyboardDateTime12h: 'L hh:mm A',
   keyboardDateTime24h: 'L HH:mm'
 };
+var MISSING_TIMEZONE_PLUGIN = ['Missing timezone plugin', 'To be able to use timezones, you have to pass the default export from `moment-timezone` to the `dateLibInstance` prop of `LocalizationProvider`', 'Find more information on https://mui.com/x/react-date-pickers/timezone/#moment-and-timezone'].join('\n');
 
 /**
  * Based on `@date-io/moment`
@@ -158,6 +159,7 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
     instance = _ref.instance;
   _classCallCheck(this, AdapterMoment);
   this.isMUIAdapter = true;
+  this.isTimezoneCompatible = true;
   this.lib = 'moment';
   this.moment = void 0;
   this.locale = void 0;
@@ -167,6 +169,41 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
     end: ']'
   };
   this.formatTokenMap = formatTokenMap;
+  this.setLocaleToValue = function (value) {
+    var expectedLocale = _this.getCurrentLocaleCode();
+    if (expectedLocale === value.locale()) {
+      return value;
+    }
+    return value.locale(expectedLocale);
+  };
+  this.hasTimezonePlugin = function () {
+    return typeof _this.moment.tz !== 'undefined';
+  };
+  this.createSystemDate = function (value) {
+    var parsedValue = _this.moment(value).local();
+    if (_this.locale === undefined) {
+      return parsedValue;
+    }
+    return parsedValue.locale(_this.locale);
+  };
+  this.createUTCDate = function (value) {
+    var parsedValue = _this.moment.utc(value);
+    if (_this.locale === undefined) {
+      return parsedValue;
+    }
+    return parsedValue.locale(_this.locale);
+  };
+  this.createTZDate = function (value, timezone) {
+    /* istanbul ignore next */
+    if (!_this.hasTimezonePlugin()) {
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
+    }
+    var parsedValue = timezone === 'default' ? _this.moment(value) : _this.moment.tz(value, timezone);
+    if (_this.locale === undefined) {
+      return parsedValue;
+    }
+    return parsedValue.locale(_this.locale);
+  };
   this.date = function (value) {
     if (value === null) {
       return null;
@@ -175,6 +212,53 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
     moment.locale(_this.getCurrentLocaleCode());
     return moment;
   };
+  this.dateWithTimezone = function (value, timezone) {
+    if (value === null) {
+      return null;
+    }
+    if (timezone === 'UTC') {
+      return _this.createUTCDate(value);
+    }
+    if (timezone === 'system' || timezone === 'default' && !_this.hasTimezonePlugin()) {
+      return _this.createSystemDate(value);
+    }
+    return _this.createTZDate(value, timezone);
+  };
+  this.getTimezone = function (value) {
+    var _value$_z, _ref2, _this$moment$defaultZ;
+    if (value.isUTC()) {
+      return 'UTC';
+    }
+
+    // @ts-ignore
+    // eslint-disable-next-line no-underscore-dangle
+    var zone = (_value$_z = value._z) == null ? void 0 : _value$_z.name;
+
+    // @ts-ignore
+    return (_ref2 = zone != null ? zone : (_this$moment$defaultZ = _this.moment.defaultZone) == null ? void 0 : _this$moment$defaultZ.name) != null ? _ref2 : 'system';
+  };
+  this.setTimezone = function (value, timezone) {
+    var _this$moment$defaultZ2, _this$moment$defaultZ3;
+    if (timezone === 'UTC') {
+      return value.clone().utc();
+    }
+    if (timezone === 'system') {
+      return value.clone().local();
+    }
+    if (!_this.hasTimezonePlugin()) {
+      if (timezone === 'default') {
+        return value;
+      }
+
+      /* istanbul ignore next */
+      throw new Error(MISSING_TIMEZONE_PLUGIN);
+    }
+    var cleanZone = timezone === 'default' ? // @ts-ignore
+    (_this$moment$defaultZ2 = (_this$moment$defaultZ3 = _this.moment.defaultZone) == null ? void 0 : _this$moment$defaultZ3.name) != null ? _this$moment$defaultZ2 : 'system' : timezone;
+    var newValue = value.clone();
+    newValue.tz(cleanZone);
+    return newValue;
+  };
   this.toJsDate = function (value) {
     return value.toDate();
   };
@@ -269,10 +353,10 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
   this.isBeforeDay = function (value, comparing) {
     return value.isBefore(comparing, 'day');
   };
-  this.isWithinRange = function (value, _ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-      start = _ref3[0],
-      end = _ref3[1];
+  this.isWithinRange = function (value, _ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      start = _ref4[0],
+      end = _ref4[1];
     return value.isBetween(start, end, null, '[]');
   };
   this.startOfYear = function (value) {
@@ -338,6 +422,9 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
   this.getSeconds = function (value) {
     return value.get('seconds');
   };
+  this.getMilliseconds = function (value) {
+    return value.get('milliseconds');
+  };
   this.setYear = function (value, year) {
     return value.clone().year(year);
   };
@@ -356,6 +443,9 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
   this.setSeconds = function (value, seconds) {
     return value.clone().seconds(seconds);
   };
+  this.setMilliseconds = function (value, milliseconds) {
+    return value.clone().milliseconds(milliseconds);
+  };
   this.getDaysInMonth = function (value) {
     return value.daysInMonth();
   };
@@ -381,8 +471,9 @@ export var AdapterMoment = /*#__PURE__*/_createClass(function AdapterMoment() {
     return defaultMoment.weekdaysShort(true);
   };
   this.getWeekArray = function (value) {
-    var start = value.clone().startOf('month').startOf('week');
-    var end = value.clone().endOf('month').endOf('week');
+    var cleanLocale = _this.setLocaleToValue(value);
+    var start = cleanLocale.clone().startOf('month').startOf('week');
+    var end = cleanLocale.clone().endOf('month').endOf('week');
     var count = 0;
     var current = start;
     var nestedWeeks = [];

package/legacy/AdapterMomentHijri/AdapterMomentHijri.js

@@ -155,6 +155,7 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
     });
     _this.lib = 'moment-hijri';
     _this.moment = void 0;
+    _this.isTimezoneCompatible = false;
     _this.formatTokenMap = formatTokenMap;
     _this.date = function (value) {
       if (value === null) {
@@ -162,6 +163,15 @@ export var AdapterMomentHijri = /*#__PURE__*/function (_AdapterMoment) {
       }
       return _this.moment(value).locale('ar-SA');
     };
+    _this.dateWithTimezone = function (value) {
+      return _this.date(value);
+    };
+    _this.getTimezone = function () {
+      return 'default';
+    };
+    _this.setTimezone = function (value) {
+      return value;
+    };
     _this.parse = function (value, format) {
       if (value === '') {
         return null;

package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -151,6 +151,7 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
       locale: 'fa',
       instance: instance
     });
+    _this.isTimezoneCompatible = false;
     _this.lib = 'moment-jalaali';
     _this.moment = void 0;
     _this.formatTokenMap = formatTokenMap;
@@ -160,6 +161,15 @@ export var AdapterMomentJalaali = /*#__PURE__*/function (_AdapterMoment) {
       }
       return _this.moment(value).locale('fa');
     };
+    _this.dateWithTimezone = function (value) {
+      return _this.date(value);
+    };
+    _this.getTimezone = function () {
+      return 'default';
+    };
+    _this.setTimezone = function (value) {
+      return value;
+    };
     _this.parseISO = function (isoString) {
       return _this.moment(isoString).locale('fa');
     };

package/legacy/DateCalendar/DateCalendar.js

@@ -213,9 +213,9 @@ 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(mergeDateAndTime(utils, day, value), 'finish');
+      return handleValueChange(mergeDateAndTime(utils, day, value), 'finish');
     }
-    return setValueAndGoToNextView(day, 'finish');
+    return handleValueChange(day, 'finish');
   });
   React.useEffect(function () {
     if (value != null && utils.isValid(value)) {

package/legacy/DateCalendar/PickersCalendarHeader.js

@@ -10,7 +10,7 @@ import { unstable_composeClasses as composeClasses } from '@mui/utils';
 import IconButton from '@mui/material/IconButton';
 import { useLocaleText, useUtils } from '../internals/hooks/useUtils';
 import { PickersFadeTransitionGroup } from './PickersFadeTransitionGroup';
-import { ArrowDropDown } from '../internals/components/icons';
+import { ArrowDropDownIcon } from '../icons';
 import { PickersArrowSwitcher } from '../internals/components/PickersArrowSwitcher';
 import { usePreviousMonthDisabled, useNextMonthDisabled } from '../internals/hooks/date-helpers-hooks';
 import { getPickersCalendarHeaderUtilityClass, pickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';
@@ -87,7 +87,7 @@ var PickersCalendarHeaderSwitchViewButton = styled(IconButton, {
     transform: 'rotate(180deg)'
   }));
 });
-var PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDown, {
+var PickersCalendarHeaderSwitchViewIcon = styled(ArrowDropDownIcon, {
   name: 'MuiPickersCalendarHeader',
   slot: 'SwitchViewIcon',
   overridesResolver: function overridesResolver(_, styles) {

package/legacy/DateField/DateField.js

@@ -223,6 +223,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * @default false
    */
   readOnly: PropTypes.bool,
+  /**
+   * The date used to generate a part of the date-time that is not present in the format when both `value` and `defaultValue` are not present.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: PropTypes.any,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false

package/legacy/DateTimeField/DateTimeField.js

@@ -256,6 +256,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * @default false
    */
   readOnly: PropTypes.bool,
+  /**
+   * The date used to generate a part of the date-time that is not present in the format when both `value` and `defaultValue` are not present.
+   * For example, on time fields it will be used to determine the date to set.
+   * @default The closest valid date using the validation props, except callbacks such as `shouldDisableDate`. Value is rounded to the most granular section used.
+   */
+  referenceDate: PropTypes.any,
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false