@mui/x-date-pickers 6.1.0 → 6.2.1

package/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -7,6 +7,6 @@ import { DateOrTimeView } from '../../../models';
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export declare const useStaticPicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>>({ props, valueManager, validator, ref, }: UseStaticPickerParams<TDate, TView, TExternalProps>) => {
+export declare const useStaticPicker: <TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>>({ props, ref, ...pickerParams }: UseStaticPickerParams<TDate, TView, TExternalProps>) => {
     renderPicker: () => JSX.Element;
 };

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,4 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["props", "ref"];
 import * as React from 'react';
 import clsx from 'clsx';
 import { styled } from '@mui/material/styles';
@@ -21,13 +23,13 @@ const PickerStaticLayout = styled(PickersLayout)(({
  * - StaticDateTimePicker
  * - StaticTimePicker
  */
-export const useStaticPicker = ({
-  props,
-  valueManager,
-  validator,
-  ref
-}) => {
+export const useStaticPicker = _ref => {
   var _slots$layout;
+  let {
+      props,
+      ref
+    } = _ref,
+    pickerParams = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     localeText,
     slots,
@@ -40,14 +42,12 @@ export const useStaticPicker = ({
   const {
     layoutProps,
     renderCurrentView
-  } = usePicker({
+  } = usePicker(_extends({}, pickerParams, {
     props,
-    valueManager,
-    validator,
     autoFocusView: autoFocus != null ? autoFocus : false,
     additionalViewProps: {},
     wrapperVariant: displayStaticWrapperAs
-  });
+  }));
   const Layout = (_slots$layout = slots == null ? void 0 : slots.layout) != null ? _slots$layout : PickerStaticLayout;
   const renderPicker = () => {
     var _slotProps$layout, _slotProps$layout2, _slotProps$layout3;

package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts

@@ -50,7 +50,7 @@ export interface UseStaticPickerProps<TDate, TView extends DateOrTimeView, TErro
      */
     slotProps?: UseStaticPickerSlotsComponentsProps<TDate, TView>;
 }
-export interface UseStaticPickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'validator'> {
+export interface UseStaticPickerParams<TDate, TView extends DateOrTimeView, TExternalProps extends UseStaticPickerProps<TDate, TView, any, TExternalProps>> extends Pick<UsePickerParams<TDate | null, TDate, TView, FieldSection, TExternalProps, {}>, 'valueManager' | 'valueType' | 'validator'> {
     props: TExternalProps;
     /**
      * Ref to pass to the root element

package/internals/index.d.ts

@@ -27,7 +27,7 @@ export type { UseFieldInternalProps, UseFieldParams, UseFieldResponse, UseFieldF
 export type { MobileOnlyPickerProps } from './hooks/useMobilePicker';
 export { usePicker } from './hooks/usePicker';
 export type { UsePickerResponse, UsePickerParams, UsePickerProps } from './hooks/usePicker';
-export type { UsePickerValueNonStaticProps, PickerValueManager, PickerSelectionState, } from './hooks/usePicker/usePickerValue';
+export type { UsePickerValueNonStaticProps, PickerValueManager, PickerSelectionState, } from './hooks/usePicker/usePickerValue.types';
 export type { UsePickerViewsNonStaticProps, PickerViewRendererLookup, UsePickerViewsProps, } from './hooks/usePicker/usePickerViews';
 export { useStaticPicker } from './hooks/useStaticPicker';
 export type { StaticOnlyPickerProps, UseStaticPickerSlotsComponent, UseStaticPickerSlotsComponentsProps, } from './hooks/useStaticPicker';

package/internals/models/props/basePickerProps.d.ts

@@ -39,6 +39,12 @@ export interface BaseNonStaticPickerProps {
      * Defaults to localized format based on the used `views`.
      */
     format?: 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?: 'dense' | 'spacious';
 }
 /**
  * Props common to all non-range non-static pickers.

package/internals/utils/valueManagers.js

@@ -2,7 +2,7 @@ import { areDatesEqual, replaceInvalidDateByNull } from './date-utils';
 import { addPositionPropertiesToSections, createDateStrForInputFromSections } from '../hooks/useField/useField.utils';
 export const singleItemValueManager = {
   emptyValue: null,
-  getTodayValue: utils => utils.date(),
+  getTodayValue: (utils, valueType) => valueType === 'date' ? utils.startOfDay(utils.date()) : utils.date(),
   cleanValue: replaceInvalidDateByNull,
   areValuesEqual: areDatesEqual,
   isSameError: (a, b) => a === b,

package/legacy/AdapterDayjs/AdapterDayjs.js

@@ -0,0 +1,403 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+/* eslint-disable class-methods-use-this */
+import defaultDayjs from 'dayjs';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import customParseFormatPlugin from 'dayjs/plugin/customParseFormat';
+import localizedFormatPlugin from 'dayjs/plugin/localizedFormat';
+import isBetweenPlugin from 'dayjs/plugin/isBetween';
+import { buildWarning } from '../internals/utils/warning';
+defaultDayjs.extend(customParseFormatPlugin);
+defaultDayjs.extend(localizedFormatPlugin);
+defaultDayjs.extend(isBetweenPlugin);
+var localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale with `require('dayjs/locale/{localeUsed}')`", 'fallback on English locale']);
+var 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'
+};
+var 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'
+};
+var withLocale = function withLocale(dayjs, locale) {
+  return !locale ? dayjs : function () {
+    return dayjs.apply(void 0, arguments).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.
+ */
+export var AdapterDayjs = /*#__PURE__*/_createClass(function AdapterDayjs() {
+  var _this = this;
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _locale = _ref.locale,
+    formats = _ref.formats,
+    instance = _ref.instance;
+  _classCallCheck(this, AdapterDayjs);
+  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 = function () {
+    var _this$rawDayJsInstanc;
+    var locales = (_this$rawDayJsInstanc = _this.rawDayJsInstance.Ls) != null ? _this$rawDayJsInstanc : defaultDayjs.Ls;
+    var locale = _this.locale || 'en';
+    var localeObject = locales[locale];
+    if (localeObject === undefined) {
+      localeNotFoundWarning();
+      localeObject = locales.en;
+    }
+    return localeObject.formats;
+  };
+  this.date = function (value) {
+    if (value === null) {
+      return null;
+    }
+    return _this.dayjs(value);
+  };
+  this.toJsDate = function (value) {
+    return value.toDate();
+  };
+  this.parseISO = function (isoString) {
+    return _this.dayjs(isoString);
+  };
+  this.toISO = function (value) {
+    return value.toISOString();
+  };
+  this.parse = function (value, format) {
+    if (value === '') {
+      return null;
+    }
+    return _this.dayjs(value, format, _this.locale, true);
+  };
+  this.getCurrentLocaleCode = function () {
+    return _this.locale || 'en';
+  };
+  this.is12HourCycleInCurrentLocale = function () {
+    /* istanbul ignore next */
+    return /A|a/.test(_this.getLocaleFormats().LT || '');
+  };
+  this.expandFormat = function (format) {
+    var localeFormats = _this.getLocaleFormats();
+
+    // @see https://github.com/iamkun/dayjs/blob/dev/src/plugin/localizedFormat/index.js
+    var t = function t(formatBis) {
+      return formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function (_, a, b) {
+        return a || b.slice(1);
+      });
+    };
+    return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function (_, a, b) {
+      var B = b && b.toUpperCase();
+      return a || localeFormats[b] || t(localeFormats[B]);
+    });
+  };
+  this.getFormatHelperText = function (format) {
+    return _this.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
+  };
+  this.isNull = function (date) {
+    return date === null;
+  };
+  this.isValid = function (value) {
+    return _this.dayjs(value).isValid();
+  };
+  this.format = function (date, formatKey) {
+    return _this.formatByString(date, _this.formats[formatKey]);
+  };
+  this.formatByString = function (date, formatString) {
+    return _this.dayjs(date).format(formatString);
+  };
+  this.formatNumber = function (numberToFormat) {
+    return numberToFormat;
+  };
+  this.getDiff = function (date, comparing, units) {
+    return date.diff(comparing, units);
+  };
+  this.isEqual = function (value, comparing) {
+    if (value === null && comparing === null) {
+      return true;
+    }
+    return _this.dayjs(value).isSame(comparing);
+  };
+  this.isSameYear = function (date, comparing) {
+    return date.isSame(comparing, 'year');
+  };
+  this.isSameMonth = function (date, comparing) {
+    return date.isSame(comparing, 'month');
+  };
+  this.isSameDay = function (date, comparing) {
+    return date.isSame(comparing, 'day');
+  };
+  this.isSameHour = function (date, comparing) {
+    return date.isSame(comparing, 'hour');
+  };
+  this.isAfter = function (date, value) {
+    return date.isAfter(value);
+  };
+  this.isAfterYear = function (date, value) {
+    return date.isAfter(value, 'year');
+  };
+  this.isAfterDay = function (date, value) {
+    return date.isAfter(value, 'day');
+  };
+  this.isBefore = function (date, value) {
+    return date.isBefore(value);
+  };
+  this.isBeforeYear = function (date, value) {
+    return date.isBefore(value, 'year');
+  };
+  this.isBeforeDay = function (date, value) {
+    return date.isBefore(value, 'day');
+  };
+  this.isWithinRange = function (date, _ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      start = _ref3[0],
+      end = _ref3[1];
+    return date.isBetween(start, end, null, '[]');
+  };
+  this.startOfYear = function (date) {
+    return date.startOf('year');
+  };
+  this.startOfMonth = function (date) {
+    return date.startOf('month');
+  };
+  this.endOfYear = function (date) {
+    return date.endOf('year');
+  };
+  this.startOfWeek = function (date) {
+    return date.startOf('week');
+  };
+  this.startOfDay = function (date) {
+    return date.startOf('day');
+  };
+  this.endOfMonth = function (date) {
+    return date.endOf('month');
+  };
+  this.endOfWeek = function (date) {
+    return date.endOf('week');
+  };
+  this.endOfDay = function (date) {
+    return date.endOf('day');
+  };
+  this.addYears = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'year') : date.add(count, 'year');
+  };
+  this.addMonths = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'month') : date.add(count, 'month');
+  };
+  this.addWeeks = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'week') : date.add(count, 'week');
+  };
+  this.addDays = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'day') : date.add(count, 'day');
+  };
+  this.addHours = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'hour') : date.add(count, 'hour');
+  };
+  this.addMinutes = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'minute') : date.add(count, 'minute');
+  };
+  this.addSeconds = function (date, count) {
+    return count < 0 ? date.subtract(Math.abs(count), 'second') : date.add(count, 'second');
+  };
+  this.getYear = function (date) {
+    return date.year();
+  };
+  this.getMonth = function (date) {
+    return date.month();
+  };
+  this.getDate = function (date) {
+    return date.date();
+  };
+  this.getHours = function (date) {
+    return date.hour();
+  };
+  this.getMinutes = function (date) {
+    return date.minute();
+  };
+  this.getSeconds = function (date) {
+    return date.second();
+  };
+  this.setYear = function (date, year) {
+    return date.set('year', year);
+  };
+  this.setMonth = function (date, count) {
+    return date.set('month', count);
+  };
+  this.setDate = function (date, count) {
+    return date.set('date', count);
+  };
+  this.setHours = function (date, count) {
+    return date.set('hour', count);
+  };
+  this.setMinutes = function (date, count) {
+    return date.set('minute', count);
+  };
+  this.setSeconds = function (date, count) {
+    return date.set('second', count);
+  };
+  this.getDaysInMonth = function (date) {
+    return date.daysInMonth();
+  };
+  this.getNextMonth = function (date) {
+    return date.add(1, 'month');
+  };
+  this.getPreviousMonth = function (date) {
+    return date.subtract(1, 'month');
+  };
+  this.getMonthArray = function (date) {
+    var firstMonth = date.startOf('year');
+    var monthArray = [firstMonth];
+    while (monthArray.length < 12) {
+      var prevMonth = monthArray[monthArray.length - 1];
+      monthArray.push(_this.getNextMonth(prevMonth));
+    }
+    return monthArray;
+  };
+  this.mergeDateAndTime = function (date, time) {
+    return date.hour(time.hour()).minute(time.minute()).second(time.second());
+  };
+  this.getWeekdays = function () {
+    var start = _this.dayjs().startOf('week');
+    return [0, 1, 2, 3, 4, 5, 6].map(function (diff) {
+      return _this.formatByString(start.add(diff, 'day'), 'dd');
+    });
+  };
+  this.getWeekArray = function (date) {
+    var start = _this.dayjs(date).startOf('month').startOf('week');
+    var end = _this.dayjs(date).endOf('month').endOf('week');
+    var count = 0;
+    var current = start;
+    var nestedWeeks = [];
+    while (current.isBefore(end)) {
+      var weekNumber = Math.floor(count / 7);
+      nestedWeeks[weekNumber] = nestedWeeks[weekNumber] || [];
+      nestedWeeks[weekNumber].push(current);
+      current = current.add(1, 'day');
+      count += 1;
+    }
+    return nestedWeeks;
+  };
+  this.getWeekNumber = function (date) {
+    return date.week();
+  };
+  this.getYearRange = function (start, end) {
+    var startDate = _this.dayjs(start).startOf('year');
+    var endDate = _this.dayjs(end).endOf('year');
+    var years = [];
+    var current = startDate;
+    while (current.isBefore(endDate)) {
+      years.push(current);
+      current = current.add(1, 'year');
+    }
+    return years;
+  };
+  this.getMeridiemText = function (ampm) {
+    return ampm === 'am' ? 'AM' : 'PM';
+  };
+  this.rawDayJsInstance = instance || defaultDayjs;
+  this.dayjs = withLocale(this.rawDayJsInstance, _locale);
+  this.locale = _locale;
+  this.formats = _extends({}, defaultFormats, formats);
+  defaultDayjs.extend(weekOfYear);
+});

package/legacy/AdapterDayjs/index.js

@@ -1,119 +1 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/* eslint-disable class-methods-use-this */
-import defaultDayjs from 'dayjs';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
-import BaseAdapterDayjs from '@date-io/dayjs';
-import { buildWarning } from '../internals/utils/warning';
-var localeNotFoundWarning = buildWarning(['Your locale has not been found.', 'Either the locale key is not a supported one. Locales supported by dayjs are available here: https://github.com/iamkun/dayjs/tree/dev/src/locale', "Or you forget to import the locale with `require('dayjs/locale/{localeUsed}')`", 'fallback on English locale']);
-var 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'
-};
-export var AdapterDayjs = /*#__PURE__*/function (_BaseAdapterDayjs) {
-  _inherits(AdapterDayjs, _BaseAdapterDayjs);
-  var _super = _createSuper(AdapterDayjs);
-  function AdapterDayjs(options) {
-    var _this;
-    _classCallCheck(this, AdapterDayjs);
-    _this = _super.call(this, options);
-    _this.isMUIAdapter = true;
-    _this.formatTokenMap = formatTokenMap;
-    _this.escapedCharacters = {
-      start: '[',
-      end: ']'
-    };
-    _this.getLocaleFormats = function () {
-      var _this$rawDayJsInstanc;
-      var locales = (_this$rawDayJsInstanc = _this.rawDayJsInstance.Ls) != null ? _this$rawDayJsInstanc : defaultDayjs.Ls;
-      var locale = _this.locale || 'en';
-      var localeObject = locales[locale];
-      if (localeObject === undefined) {
-        localeNotFoundWarning();
-        localeObject = locales.en;
-      }
-      return localeObject.formats;
-    };
-    _this.is12HourCycleInCurrentLocale = function () {
-      /* 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 = function (format) {
-      var localeFormats = _this.getLocaleFormats();
-
-      // @see https://github.com/iamkun/dayjs/blob/dev/src/plugin/localizedFormat/index.js
-      var t = function t(formatBis) {
-        return formatBis.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function (_, a, b) {
-          return a || b.slice(1);
-        });
-      };
-      return format.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function (_, a, b) {
-        var 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 = function (format) {
-      return _this.expandFormat(format).replace(/a/gi, '(a|p)m').toLocaleLowerCase();
-    };
-    _this.getWeekNumber = function (date) {
-      return date.week();
-    };
-    defaultDayjs.extend(weekOfYear);
-    return _this;
-  }
-  return _createClass(AdapterDayjs);
-}(BaseAdapterDayjs);
+export { AdapterDayjs } from './AdapterDayjs';

package/legacy/DateField/DateField.js

@@ -114,6 +114,12 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * Format of the date when rendered in the input(s).
    */
   format: PropTypes.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.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */

package/legacy/DateField/useDateField.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["value", "defaultValue", "format", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
+var _excluded = ["value", "defaultValue", "format", "formatDensity", "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/hooks/validation/useDateValidation';
@@ -25,6 +25,7 @@ export var useDateField = function useDateField(_ref) {
     value = _useDefaultizedDateFi.value,
     defaultValue = _useDefaultizedDateFi.defaultValue,
     format = _useDefaultizedDateFi.format,
+    formatDensity = _useDefaultizedDateFi.formatDensity,
     onChange = _useDefaultizedDateFi.onChange,
     readOnly = _useDefaultizedDateFi.readOnly,
     onError = _useDefaultizedDateFi.onError,
@@ -46,6 +47,7 @@ export var useDateField = function useDateField(_ref) {
       value: value,
       defaultValue: defaultValue,
       format: format,
+      formatDensity: formatDensity,
       onChange: onChange,
       readOnly: readOnly,
       onError: onError,

package/legacy/DatePicker/DatePicker.js

@@ -126,6 +126,12 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
    * Defaults to localized format based on the used `views`.
    */
   format: PropTypes.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.oneOf(['dense', 'spacious']),
   /**
    * Pass a ref to the `input` element.
    */

package/legacy/DateTimeField/DateTimeField.js

@@ -124,6 +124,12 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
    * Format of the date when rendered in the input(s).
    */
   format: PropTypes.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.oneOf(['dense', 'spacious']),
   /**
    * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
    */