@mui/x-date-pickers 6.0.4 → 6.2.0

package/node/AdapterDayjs/AdapterDayjs.js

@@ -0,0 +1,395 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AdapterDayjs = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
+var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
+var _localizedFormat = _interopRequireDefault(require("dayjs/plugin/localizedFormat"));
+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(_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 with `require('dayjs/locale/{localeUsed}')`", 'fallback on English locale']);
+const formatTokenMap = {
+  // Year
+  YY: 'year',
+  YYYY: 'year',
+  // Month
+  M: 'month',
+  MM: 'month',
+  MMM: {
+    sectionType: 'month',
+    contentType: 'letter'
+  },
+  MMMM: {
+    sectionType: 'month',
+    contentType: 'letter'
+  },
+  // Day of the month
+  D: 'day',
+  DD: 'day',
+  Do: 'day',
+  // Day of the week
+  d: 'weekDay',
+  dd: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  ddd: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  dddd: {
+    sectionType: 'weekDay',
+    contentType: 'letter'
+  },
+  // Meridiem
+  A: 'meridiem',
+  a: 'meridiem',
+  // Hours
+  H: 'hours',
+  HH: 'hours',
+  h: 'hours',
+  hh: 'hours',
+  // Minutes
+  m: 'minutes',
+  mm: 'minutes',
+  // Seconds
+  s: 'seconds',
+  ss: 'seconds'
+};
+const defaultFormats = {
+  normalDateWithWeekday: 'ddd, MMM D',
+  normalDate: 'D MMMM',
+  shortDate: 'MMM D',
+  monthAndDate: 'MMMM D',
+  dayOfMonth: 'D',
+  year: 'YYYY',
+  month: 'MMMM',
+  monthShort: 'MMM',
+  monthAndYear: 'MMMM YYYY',
+  weekday: 'dddd',
+  weekdayShort: 'ddd',
+  minutes: 'mm',
+  hours12h: 'hh',
+  hours24h: 'HH',
+  seconds: 'ss',
+  fullTime: 'LT',
+  fullTime12h: 'hh:mm A',
+  fullTime24h: 'HH:mm',
+  fullDate: 'll',
+  fullDateWithWeekday: 'dddd, LL',
+  fullDateTime: 'lll',
+  fullDateTime12h: 'll hh:mm A',
+  fullDateTime24h: 'll HH:mm',
+  keyboardDate: 'L',
+  keyboardDateTime: 'L LT',
+  keyboardDateTime12h: 'L hh:mm A',
+  keyboardDateTime24h: 'L HH:mm'
+};
+const withLocale = (dayjs, locale) => !locale ? dayjs : (...args) => dayjs(...args).locale(locale);
+
+/**
+ * Based on `@date-io/dayjs`
+ *
+ * MIT License
+ *
+ * Copyright (c) 2017 Dmitriy Kovalenko
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+class AdapterDayjs {
+  constructor({
+    locale: _locale,
+    formats,
+    instance
+  } = {}) {
+    this.isMUIAdapter = true;
+    this.rawDayJsInstance = void 0;
+    this.lib = 'dayjs';
+    this.dayjs = void 0;
+    this.locale = void 0;
+    this.formats = void 0;
+    this.escapedCharacters = {
+      start: '[',
+      end: ']'
+    };
+    this.formatTokenMap = formatTokenMap;
+    this.getLocaleFormats = () => {
+      const locales = this.rawDayJsInstance.Ls ?? _dayjs.default.Ls;
+      const locale = this.locale || 'en';
+      let localeObject = locales[locale];
+      if (localeObject === undefined) {
+        localeNotFoundWarning();
+        localeObject = locales.en;
+      }
+      return localeObject.formats;
+    };
+    this.date = value => {
+      if (value === null) {
+        return null;
+      }
+      return this.dayjs(value);
+    };
+    this.toJsDate = value => {
+      return value.toDate();
+    };
+    this.parseISO = isoString => {
+      return this.dayjs(isoString);
+    };
+    this.toISO = value => {
+      return value.toISOString();
+    };
+    this.parse = (value, format) => {
+      if (value === '') {
+        return null;
+      }
+      return this.dayjs(value, format, this.locale, true);
+    };
+    this.getCurrentLocaleCode = () => {
+      return this.locale || 'en';
+    };
+    this.is12HourCycleInCurrentLocale = () => {
+      /* istanbul ignore next */
+      return /A|a/.test(this.getLocaleFormats().LT || '');
+    };
+    this.expandFormat = format => {
+      const localeFormats = this.getLocaleFormats();
+
+      // @see https://github.com/iamkun/dayjs/blob/dev/src/plugin/localizedFormat/index.js
+      const t = formatBis => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
+      return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
+        const B = b && b.toUpperCase();
+        return a || localeFormats[b] || t(localeFormats[B]);
+      });
+    };
+    this.getFormatHelperText = format => {
+      return this.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
+    };
+    this.isNull = date => {
+      return date === null;
+    };
+    this.isValid = value => {
+      return this.dayjs(value).isValid();
+    };
+    this.format = (date, formatKey) => {
+      return this.formatByString(date, this.formats[formatKey]);
+    };
+    this.formatByString = (date, formatString) => {
+      return this.dayjs(date).format(formatString);
+    };
+    this.formatNumber = numberToFormat => {
+      return numberToFormat;
+    };
+    this.getDiff = (date, comparing, units) => {
+      return date.diff(comparing, units);
+    };
+    this.isEqual = (value, comparing) => {
+      if (value === null && comparing === null) {
+        return true;
+      }
+      return this.dayjs(value).isSame(comparing);
+    };
+    this.isSameYear = (date, comparing) => {
+      return date.isSame(comparing, 'year');
+    };
+    this.isSameMonth = (date, comparing) => {
+      return date.isSame(comparing, 'month');
+    };
+    this.isSameDay = (date, comparing) => {
+      return date.isSame(comparing, 'day');
+    };
+    this.isSameHour = (date, comparing) => {
+      return date.isSame(comparing, 'hour');
+    };
+    this.isAfter = (date, value) => {
+      return date.isAfter(value);
+    };
+    this.isAfterYear = (date, value) => {
+      return date.isAfter(value, 'year');
+    };
+    this.isAfterDay = (date, value) => {
+      return date.isAfter(value, 'day');
+    };
+    this.isBefore = (date, value) => {
+      return date.isBefore(value);
+    };
+    this.isBeforeYear = (date, value) => {
+      return date.isBefore(value, 'year');
+    };
+    this.isBeforeDay = (date, value) => {
+      return date.isBefore(value, 'day');
+    };
+    this.isWithinRange = (date, [start, end]) => {
+      return date.isBetween(start, end, null, '[]');
+    };
+    this.startOfYear = date => {
+      return date.startOf('year');
+    };
+    this.startOfMonth = date => {
+      return date.startOf('month');
+    };
+    this.endOfYear = date => {
+      return date.endOf('year');
+    };
+    this.startOfWeek = date => {
+      return date.startOf('week');
+    };
+    this.startOfDay = date => {
+      return date.startOf('day');
+    };
+    this.endOfMonth = date => {
+      return date.endOf('month');
+    };
+    this.endOfWeek = date => {
+      return date.endOf('week');
+    };
+    this.endOfDay = date => {
+      return date.endOf('day');
+    };
+    this.addYears = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'year') : date.add(count, 'year');
+    };
+    this.addMonths = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'month') : date.add(count, 'month');
+    };
+    this.addWeeks = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'week') : date.add(count, 'week');
+    };
+    this.addDays = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'day') : date.add(count, 'day');
+    };
+    this.addHours = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'hour') : date.add(count, 'hour');
+    };
+    this.addMinutes = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'minute') : date.add(count, 'minute');
+    };
+    this.addSeconds = (date, count) => {
+      return count < 0 ? date.subtract(Math.abs(count), 'second') : date.add(count, 'second');
+    };
+    this.getYear = date => {
+      return date.year();
+    };
+    this.getMonth = date => {
+      return date.month();
+    };
+    this.getDate = date => {
+      return date.date();
+    };
+    this.getHours = date => {
+      return date.hour();
+    };
+    this.getMinutes = date => {
+      return date.minute();
+    };
+    this.getSeconds = date => {
+      return date.second();
+    };
+    this.setYear = (date, year) => {
+      return date.set('year', year);
+    };
+    this.setMonth = (date, count) => {
+      return date.set('month', count);
+    };
+    this.setDate = (date, count) => {
+      return date.set('date', count);
+    };
+    this.setHours = (date, count) => {
+      return date.set('hour', count);
+    };
+    this.setMinutes = (date, count) => {
+      return date.set('minute', count);
+    };
+    this.setSeconds = (date, count) => {
+      return date.set('second', count);
+    };
+    this.getDaysInMonth = date => {
+      return date.daysInMonth();
+    };
+    this.getNextMonth = date => {
+      return date.add(1, 'month');
+    };
+    this.getPreviousMonth = date => {
+      return date.subtract(1, 'month');
+    };
+    this.getMonthArray = date => {
+      const firstMonth = date.startOf('year');
+      const monthArray = [firstMonth];
+      while (monthArray.length < 12) {
+        const prevMonth = monthArray[monthArray.length - 1];
+        monthArray.push(this.getNextMonth(prevMonth));
+      }
+      return monthArray;
+    };
+    this.mergeDateAndTime = (date, time) => {
+      return date.hour(time.hour()).minute(time.minute()).second(time.second());
+    };
+    this.getWeekdays = () => {
+      const start = this.dayjs().startOf('week');
+      return [0, 1, 2, 3, 4, 5, 6].map(diff => this.formatByString(start.add(diff, 'day'), 'dd'));
+    };
+    this.getWeekArray = date => {
+      const start = this.dayjs(date).startOf('month').startOf('week');
+      const end = this.dayjs(date).endOf('month').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.add(1, 'day');
+        count += 1;
+      }
+      return nestedWeeks;
+    };
+    this.getWeekNumber = date => {
+      return date.week();
+    };
+    this.getYearRange = (start, end) => {
+      const startDate = this.dayjs(start).startOf('year');
+      const endDate = this.dayjs(end).endOf('year');
+      const years = [];
+      let current = startDate;
+      while (current.isBefore(endDate)) {
+        years.push(current);
+        current = current.add(1, 'year');
+      }
+      return years;
+    };
+    this.getMeridiemText = ampm => {
+      return ampm === 'am' ? 'AM' : 'PM';
+    };
+    this.rawDayJsInstance = instance || _dayjs.default;
+    this.dayjs = withLocale(this.rawDayJsInstance, _locale);
+    this.locale = _locale;
+    this.formats = (0, _extends2.default)({}, defaultFormats, formats);
+    _dayjs.default.extend(_weekOfYear.default);
+  }
+}
+exports.AdapterDayjs = AdapterDayjs;

package/node/AdapterDayjs/index.js

@@ -1,110 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AdapterDayjs = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
-var _dayjs2 = _interopRequireDefault(require("@date-io/dayjs"));
-var _warning = require("../internals/utils/warning");
-/* eslint-disable class-methods-use-this */
-
-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 with `require('dayjs/locale/{localeUsed}')`", 'fallback on English locale']);
-const formatTokenMap = {
-  // Year
-  YY: 'year',
-  YYYY: 'year',
-  // Month
-  M: 'month',
-  MM: 'month',
-  MMM: {
-    sectionType: 'month',
-    contentType: 'letter'
-  },
-  MMMM: {
-    sectionType: 'month',
-    contentType: 'letter'
-  },
-  // Day of the month
-  D: 'day',
-  DD: 'day',
-  Do: 'day',
-  // Day of the week
-  d: 'weekDay',
-  dd: {
-    sectionType: 'weekDay',
-    contentType: 'letter'
-  },
-  ddd: {
-    sectionType: 'weekDay',
-    contentType: 'letter'
-  },
-  dddd: {
-    sectionType: 'weekDay',
-    contentType: 'letter'
-  },
-  // Meridiem
-  A: 'meridiem',
-  a: 'meridiem',
-  // Hours
-  H: 'hours',
-  HH: 'hours',
-  h: 'hours',
-  hh: 'hours',
-  // Minutes
-  m: 'minutes',
-  mm: 'minutes',
-  // Seconds
-  s: 'seconds',
-  ss: 'seconds'
-};
-class AdapterDayjs extends _dayjs2.default {
-  constructor(options) {
-    super(options);
-    this.isMUIAdapter = true;
-    this.formatTokenMap = formatTokenMap;
-    this.escapedCharacters = {
-      start: '[',
-      end: ']'
-    };
-    this.getLocaleFormats = () => {
-      const locales = this.rawDayJsInstance.Ls ?? _dayjs.default.Ls;
-      const locale = this.locale || 'en';
-      let localeObject = locales[locale];
-      if (localeObject === undefined) {
-        localeNotFoundWarning();
-        localeObject = locales.en;
-      }
-      return localeObject.formats;
-    };
-    this.is12HourCycleInCurrentLocale = () => {
-      /* istanbul ignore next */
-      return /A|a/.test(this.getLocaleFormats().LT || '');
-    };
-    /**
-     * The current getFormatHelperText method uses an outdated format parsing logic.
-     * We should use this one in the future to support all localized formats.
-     */
-    this.expandFormat = format => {
-      const localeFormats = this.getLocaleFormats();
-
-      // @see https://github.com/iamkun/dayjs/blob/dev/src/plugin/localizedFormat/index.js
-      const t = formatBis => formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (_, a, b) => a || b.slice(1));
-      return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (_, a, b) => {
-        const B = b && b.toUpperCase();
-        return a || localeFormats[b] || t(localeFormats[B]);
-      });
-    };
-    // Redefined here just to show how it can be written using expandFormat
-    this.getFormatHelperText = format => {
-      return this.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
-    };
-    this.getWeekNumber = date => {
-      return date.week();
-    };
-    _dayjs.default.extend(_weekOfYear.default);
+Object.defineProperty(exports, "AdapterDayjs", {
+  enumerable: true,
+  get: function () {
+    return _AdapterDayjs.AdapterDayjs;
   }
-}
-exports.AdapterDayjs = AdapterDayjs;
+});
+var _AdapterDayjs = require("./AdapterDayjs");

package/node/AdapterLuxon/index.js

@@ -92,7 +92,7 @@ class AdapterLuxon extends _luxon2.default {
       if (!_luxon.DateTime.expandFormat) {
         throw Error('Your luxon version does not support `expandFormat`. Consider upgrading it to v3.0.2');
       }
-      // Extract escaped section to avoid entending them
+      // Extract escaped section to avoid extending them
       const longFormatRegexp = /''|'(''|[^'])+('|$)|[^']*/g;
       return format.match(longFormatRegexp).map(token => {
         const firstCharacter = token[0];

package/node/AdapterMomentHijri/index.js

@@ -8,6 +8,8 @@ exports.AdapterMomentHijri = void 0;
 var _hijri = _interopRequireDefault(require("@date-io/hijri"));
 /* eslint-disable class-methods-use-this */
 
+// @ts-ignore
+
 // From https://momentjs.com/docs/#/displaying/format/
 const formatTokenMap = {
   // Year

package/node/DateCalendar/DateCalendar.js

@@ -280,8 +280,6 @@ const DateCalendar = /*#__PURE__*/React.forwardRef(function DateCalendar(inProps
       disableFuture: disableFuture,
       reduceAnimations: reduceAnimations,
       labelId: gridLabelId,
-      components: components,
-      componentsProps: componentsProps,
       slots: slots,
       slotProps: slotProps
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DateCalendarViewTransitionContainer, {

package/node/DateCalendar/PickersCalendarHeader.js

@@ -20,7 +20,7 @@ var _PickersArrowSwitcher = require("../internals/components/PickersArrowSwitche
 var _dateHelpersHooks = require("../internals/hooks/date-helpers-hooks");
 var _pickersCalendarHeaderClasses = require("./pickersCalendarHeaderClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["ownerState"];
+const _excluded = ["ownerState"]; // We keep the interface to allow module augmentation
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -109,8 +109,6 @@ function PickersCalendarHeader(inProps) {
     name: 'MuiPickersCalendarHeader'
   });
   const {
-    components,
-    componentsProps,
     slots,
     slotProps,
     currentMonth: month,
@@ -128,10 +126,10 @@ function PickersCalendarHeader(inProps) {
   } = props;
   const ownerState = props;
   const classes = useUtilityClasses(props);
-  const SwitchViewButton = slots?.switchViewButton ?? components?.SwitchViewButton ?? PickersCalendarHeaderSwitchViewButton;
+  const SwitchViewButton = slots?.switchViewButton ?? PickersCalendarHeaderSwitchViewButton;
   const switchViewButtonProps = (0, _utils.useSlotProps)({
     elementType: SwitchViewButton,
-    externalSlotProps: slotProps?.switchViewButton ?? componentsProps?.switchViewButton,
+    externalSlotProps: slotProps?.switchViewButton,
     additionalProps: {
       size: 'small',
       'aria-label': localeText.calendarViewSwitchingButtonAriaLabel(view)
@@ -139,11 +137,11 @@ function PickersCalendarHeader(inProps) {
     ownerState,
     className: classes.switchViewButton
   });
-  const SwitchViewIcon = slots?.switchViewIcon ?? components?.SwitchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
+  const SwitchViewIcon = slots?.switchViewIcon ?? PickersCalendarHeaderSwitchViewIcon;
   // The spread is here to avoid this bug mui/material-ui#34056
   const _useSlotProps = (0, _utils.useSlotProps)({
       elementType: SwitchViewIcon,
-      externalSlotProps: slotProps?.switchViewIcon ?? componentsProps?.switchViewIcon,
+      externalSlotProps: slotProps?.switchViewIcon,
       ownerState: undefined,
       className: classes.switchViewIcon
     }),
@@ -201,8 +199,6 @@ function PickersCalendarHeader(inProps) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Fade.default, {
       in: view === 'day',
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickersArrowSwitcher.PickersArrowSwitcher, {
-        components: components,
-        componentsProps: componentsProps,
         slots: slots,
         slotProps: slotProps,
         onGoToPrevious: selectPreviousMonth,

package/node/DateCalendar/PickersSlideTransition.js

@@ -112,6 +112,7 @@ function PickersSlideTransition(inProps) {
       className,
       reduceAnimations,
       transKey
+      // extracting `classes` from `other`
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const classes = useUtilityClasses(props);

package/node/DateField/DateField.js

@@ -14,7 +14,7 @@ var _styles = require("@mui/material/styles");
 var _utils = require("@mui/base/utils");
 var _useDateField2 = require("./useDateField");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["components", "componentsProps", "slots", "slotProps"],
+const _excluded = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"],
   _excluded2 = ["inputRef"],
   _excluded3 = ["ref", "onPaste", "inputMode", "readOnly"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -28,7 +28,9 @@ const DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref)
       components,
       componentsProps,
       slots,
-      slotProps
+      slotProps,
+      InputProps,
+      inputProps
     } = themeProps,
     other = (0, _objectWithoutPropertiesLoose2.default)(themeProps, _excluded);
   const ownerState = themeProps;
@@ -43,6 +45,10 @@ const DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref)
       inputRef: externalInputRef
     } = _useSlotProps,
     textFieldProps = (0, _objectWithoutPropertiesLoose2.default)(_useSlotProps, _excluded2);
+
+  // TODO: Remove when mui/material-ui#35088 will be merged
+  textFieldProps.inputProps = (0, _extends2.default)({}, textFieldProps.inputProps, inputProps);
+  textFieldProps.InputProps = (0, _extends2.default)({}, textFieldProps.InputProps, InputProps);
   const _useDateField = (0, _useDateField2.useDateField)({
       props: textFieldProps,
       inputRef: externalInputRef
@@ -123,6 +129,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * Format of the date when rendered in the input(s).
    */
   format: _propTypes.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */

package/node/DateField/useDateField.js

@@ -12,7 +12,7 @@ var _useField = require("../internals/hooks/useField");
 var _useDateValidation = require("../internals/hooks/validation/useDateValidation");
 var _dateUtils = require("../internals/utils/date-utils");
 var _useUtils = require("../internals/hooks/useUtils");
-const _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
+const _excluded = ["value", "defaultValue", "format", "formatDensity", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
 const useDefaultizedDateField = props => {
   const utils = (0, _useUtils.useUtils)();
   const defaultDates = (0, _useUtils.useDefaultDates)();
@@ -33,6 +33,7 @@ const useDateField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,
@@ -55,6 +56,7 @@ const useDateField = ({
       value,
       defaultValue,
       format,
+      formatDensity,
       onChange,
       readOnly,
       onError,

package/node/DatePicker/DatePicker.js

@@ -137,6 +137,12 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * Defaults to localized format based on the used `views`.
    */
   format: _propTypes.default.string,
+  /**
+   * Density of the format when rendered in the input.
+   * Setting `formatDensity` to `"spacious"` will add a space before and after each `/`, `-` and `.` character.
+   * @default "dense"
+   */
+  formatDensity: _propTypes.default.oneOf(['dense', 'spacious']),
   /**
    * Pass a ref to the `input` element.
    */