@mui/x-date-pickers 6.2.1 → 6.3.0

package/AdapterMomentJalaali/AdapterMomentJalaali.js

@@ -0,0 +1,276 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+/* eslint-disable class-methods-use-this */
+import defaultJMoment from 'moment-jalaali';
+import { AdapterMoment } from '../AdapterMoment';
+// From https://momentjs.com/docs/#/displaying/format/
+const formatTokenMap = {
+  // Year
+  jYY: 'year',
+  jYYYY: {
+    sectionType: 'year',
+    contentType: 'digit',
+    maxLength: 4
+  },
+  // Month
+  jM: {
+    sectionType: 'month',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  jMM: 'month',
+  jMMM: {
+    sectionType: 'month',
+    contentType: 'letter'
+  },
+  jMMMM: {
+    sectionType: 'month',
+    contentType: 'letter'
+  },
+  // Day of the month
+  jD: {
+    sectionType: 'day',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  jDD: 'day',
+  // Meridiem
+  A: 'meridiem',
+  a: 'meridiem',
+  // Hours
+  H: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  HH: 'hours',
+  h: {
+    sectionType: 'hours',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  hh: 'hours',
+  // Minutes
+  m: {
+    sectionType: 'minutes',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  mm: 'minutes',
+  // Seconds
+  s: {
+    sectionType: 'seconds',
+    contentType: 'digit',
+    maxLength: 2
+  },
+  ss: 'seconds'
+};
+const defaultFormats = {
+  dayOfMonth: 'jD',
+  fullDate: 'jYYYY, jMMMM Do',
+  fullDateWithWeekday: 'dddd Do jMMMM jYYYY',
+  fullDateTime: 'jYYYY, jMMMM Do, hh:mm A',
+  fullDateTime12h: 'jD jMMMM hh:mm A',
+  fullDateTime24h: 'jD jMMMM HH:mm',
+  fullTime: 'LT',
+  fullTime12h: 'hh:mm A',
+  fullTime24h: 'HH:mm',
+  hours12h: 'hh',
+  hours24h: 'HH',
+  keyboardDate: 'jYYYY/jMM/jDD',
+  keyboardDateTime: 'jYYYY/jMM/jDD LT',
+  keyboardDateTime12h: 'jYYYY/jMM/jDD hh:mm A',
+  keyboardDateTime24h: 'jYYYY/jMM/jDD HH:mm',
+  minutes: 'mm',
+  month: 'jMMMM',
+  monthAndDate: 'jD jMMMM',
+  monthAndYear: 'jMMMM jYYYY',
+  monthShort: 'jMMM',
+  weekday: 'dddd',
+  weekdayShort: 'ddd',
+  normalDate: 'dddd, jD jMMM',
+  normalDateWithWeekday: 'DD MMMM',
+  seconds: 'ss',
+  shortDate: 'jD jMMM',
+  year: 'jYYYY'
+};
+const NUMBER_SYMBOL_MAP = {
+  '1': '۱',
+  '2': '۲',
+  '3': '۳',
+  '4': '۴',
+  '5': '۵',
+  '6': '۶',
+  '7': '۷',
+  '8': '۸',
+  '9': '۹',
+  '0': '۰'
+};
+
+/**
+ * Based on `@date-io/jalaali`
+ *
+ * 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 class AdapterMomentJalaali extends AdapterMoment {
+  constructor({
+    formats,
+    instance
+  } = {}) {
+    super({
+      locale: 'fa',
+      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 = value => {
+      return this.moment(value ? value.clone() : undefined).locale('fa');
+    };
+    this.date = value => {
+      if (value === null) {
+        return null;
+      }
+      return this.moment(value).locale('fa');
+    };
+    this.parse = (value, format) => {
+      if (value === '') {
+        return null;
+      }
+      return this.moment(value, format, true).locale('fa');
+    };
+    this.getFormatHelperText = format => {
+      return this.expandFormat(format).replace(/a/gi, '(a|p)m').replace('jY', 'Y').replace('jM', 'M').replace('jD', 'D').toLocaleLowerCase();
+    };
+    this.isValid = value => {
+      // We can't to `this.moment(value)` because moment-jalaali looses the invalidity information when creating a new moment object from an existing one
+      if (!this.moment.isMoment(value)) {
+        return false;
+      }
+      return value.isValid();
+    };
+    this.formatNumber = numberToFormat => {
+      return numberToFormat.replace(/\d/g, match => NUMBER_SYMBOL_MAP[match]).replace(/,/g, '،');
+    };
+    this.isEqual = (value, comparing) => {
+      if (value === null && comparing === null) {
+        return true;
+      }
+      return this.moment(value).isSame(comparing);
+    };
+    this.isAfterYear = (value, comparing) => {
+      return value.jYear() > comparing.jYear();
+    };
+    this.isBeforeYear = (value, comparing) => {
+      return value.jYear() < comparing.jYear();
+    };
+    this.startOfYear = value => {
+      return value.clone().startOf('jYear');
+    };
+    this.startOfMonth = value => {
+      return value.clone().startOf('jMonth');
+    };
+    this.endOfYear = value => {
+      return value.clone().endOf('jYear');
+    };
+    this.endOfMonth = value => {
+      return value.clone().endOf('jMonth');
+    };
+    this.addYears = (value, amount) => {
+      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jYear') : value.clone().add(amount, 'jYear');
+    };
+    this.addMonths = (value, amount) => {
+      return amount < 0 ? value.clone().subtract(Math.abs(amount), 'jMonth') : value.clone().add(amount, 'jMonth');
+    };
+    this.getYear = value => {
+      return value.jYear();
+    };
+    this.getMonth = value => {
+      return value.jMonth();
+    };
+    this.getDate = value => {
+      return value.jDate();
+    };
+    this.setYear = (value, year) => {
+      return value.clone().jYear(year);
+    };
+    this.setMonth = (value, month) => {
+      return value.clone().jMonth(month);
+    };
+    this.setDate = (value, date) => {
+      return value.clone().jDate(date);
+    };
+    this.getNextMonth = value => {
+      return value.clone().add(1, 'jMonth');
+    };
+    this.getPreviousMonth = value => {
+      return value.clone().subtract(1, 'jMonth');
+    };
+    this.getWeekdays = () => {
+      return [0, 1, 2, 3, 4, 5, 6].map(dayOfWeek => {
+        return this.toJMoment().weekday(dayOfWeek).format('dd');
+      });
+    };
+    this.getWeekArray = value => {
+      const start = value.clone().startOf('jMonth').startOf('week');
+      const end = value.clone().endOf('jMonth').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.clone().add(1, 'day');
+        count += 1;
+      }
+      return nestedWeeks;
+    };
+    this.getWeekNumber = value => {
+      return value.jWeek();
+    };
+    this.getYearRange = (start, end) => {
+      const startDate = this.moment(start).startOf('jYear');
+      const endDate = this.moment(end).endOf('jYear');
+      const years = [];
+      let current = startDate;
+      while (current.isBefore(endDate)) {
+        years.push(current);
+        current = current.clone().add(1, 'jYear');
+      }
+      return years;
+    };
+    this.getMeridiemText = ampm => {
+      return ampm === 'am' ? this.toJMoment().hours(2).format('A') : this.toJMoment().hours(14).format('A');
+    };
+    this.moment = instance || defaultJMoment;
+    this.locale = 'fa';
+    this.formats = _extends({}, defaultFormats, formats);
+  }
+}

package/AdapterMomentJalaali/index.d.ts

@@ -1,22 +1 @@
-import BaseAdapterMomentJalaali from '@date-io/jalaali';
-import defaultMoment from 'moment-jalaali';
-import { FieldFormatTokenMap, MuiPickersAdapter } from '../models';
-export declare class AdapterMomentJalaali extends BaseAdapterMomentJalaali implements MuiPickersAdapter<defaultMoment.Moment> {
-    isMUIAdapter: boolean;
-    formatTokenMap: FieldFormatTokenMap;
-    escapedCharacters: {
-        start: string;
-        end: string;
-    };
-    /**
-     * The current getFormatHelperText method uses an outdated format parsing logic.
-     * We should use this one in the future to support all localized formats.
-     */
-    expandFormat: (format: string) => string;
-    getFormatHelperText: (format: string) => string;
-    getWeekNumber: (date: defaultMoment.Moment) => any;
-    addYears: (date: defaultMoment.Moment, count: number) => any;
-    addMonths: (date: defaultMoment.Moment, count: number) => any;
-    setMonth: (date: defaultMoment.Moment, month: number) => any;
-    isValid: (value: any) => any;
-}
+export { AdapterMomentJalaali } from './AdapterMomentJalaali';

package/AdapterMomentJalaali/index.js

@@ -1,87 +1 @@
-/* eslint-disable class-methods-use-this */
-import BaseAdapterMomentJalaali from '@date-io/jalaali';
-// From https://momentjs.com/docs/#/displaying/format/
-const formatTokenMap = {
-  // Year
-  jYY: 'year',
-  jYYYY: 'year',
-  // Month
-  jM: 'month',
-  jMM: 'month',
-  jMMM: {
-    sectionType: 'month',
-    contentType: 'letter'
-  },
-  jMMMM: {
-    sectionType: 'month',
-    contentType: 'letter'
-  },
-  // Day of the month
-  jD: 'day',
-  jDD: 'day',
-  // Meridiem
-  A: 'meridiem',
-  a: 'meridiem',
-  // Hours
-  H: 'hours',
-  HH: 'hours',
-  h: 'hours',
-  hh: 'hours',
-  k: 'hours',
-  kk: 'hours',
-  // Minutes
-  m: 'minutes',
-  mm: 'minutes',
-  // Seconds
-  s: 'seconds',
-  ss: 'seconds'
-};
-export class AdapterMomentJalaali extends BaseAdapterMomentJalaali {
-  constructor(...args) {
-    super(...args);
-    this.isMUIAdapter = true;
-    this.formatTokenMap = formatTokenMap;
-    this.escapedCharacters = {
-      start: '[',
-      end: ']'
-    };
-    /**
-     * 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 => {
-      // @see https://github.com/moment/moment/blob/develop/src/lib/format/format.js#L6
-      const localFormattingTokens = /(\[[^[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})|./g;
-      return format.match(localFormattingTokens).map(token => {
-        const firstCharacter = token[0];
-        if (firstCharacter === 'L' || firstCharacter === ';') {
-          return this.moment.localeData(this.getCurrentLocaleCode()).longDateFormat(token);
-        }
-        return token;
-      }).join('').replace('dd', 'jDD'); // Fix for https://github.com/dmtrKovalenko/date-io/pull/632;
-    };
-    // 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').replace('jY', 'Y').replace('jM', 'M').replace('jD', 'D').toLocaleLowerCase();
-    };
-    this.getWeekNumber = date => {
-      return date.jWeek();
-    };
-    this.addYears = (date, count) => {
-      return count < 0 ? date.clone().subtract(Math.abs(count), 'jYear') : date.clone().add(count, 'jYear');
-    };
-    this.addMonths = (date, count) => {
-      return count < 0 ? date.clone().subtract(Math.abs(count), 'jMonth') : date.clone().add(count, 'jMonth');
-    };
-    this.setMonth = (date, month) => {
-      return date.clone().jMonth(month);
-    };
-    this.isValid = value => {
-      // We can't to `this.moment(value)` because moment-jalaali looses the invalidity information when creating a new moment object from an existing one
-      if (!this.moment.isMoment(value)) {
-        return false;
-      }
-      return value.isValid(value);
-    };
-  }
-}
+export { AdapterMomentJalaali } from './AdapterMomentJalaali';

package/CHANGELOG.md

@@ -3,6 +3,75 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 6.3.0
+
+_Apr 28, 2023_
+
+We'd like to offer a big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 New [time-picking UI](https://mui.com/x/react-date-pickers/digital-clock/) designed for desktops (#7958) @LukasTy
+
+  <img src="https://user-images.githubusercontent.com/4941090/235072007-de39a397-e4a4-4c98-8e10-5ee4ad440108.gif" width="494" />
+
+- ✨ Picker fields [now always include a leading zero](https://mui.com/x/react-date-pickers/adapters-locale/#respect-leading-zeros-in-fields) on digit sections (#8527) @flaviendelangle
+- 🌍 Improve Chinese (zh-CN), French (fr-FR), and Turkish (tr-TR) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### `@mui/x-data-grid@v6.3.0` / `@mui/x-data-grid-pro@v6.3.0` / `@mui/x-data-grid-premium@v6.3.0`
+
+#### Changes
+
+- [DataGrid] Add overlay classes to `gridClasses` (#8686) @lindapaiste
+- [DataGrid] Avoid passing `api` prop to div (#8679) @someden
+- [DataGrid] Fix 'ResizeObserver loop limit exceeded' error (#8744) @m4theushw
+- [DataGrid] Add Joy UI slots (button and switch) (#8699) @siriwatknp
+- [DataGrid] Fix aggregation label alignment (#8694) @joserodolfofreitas
+- [DataGridPremium] Fix infinite loop when updating grouped rows (#8693) @cherniavskii
+- [DataGridPro] Fix error after updating `columns` and `columnGroupingModel` at once (#8730) @cherniavskii
+- [l10n] Improve Chinese (zh-CN) locale (#8753) @SakumyZ
+- [l10n] Improve French (fr-FR) locale (#8704) @Jul13nT
+- [l10n] Improve Turkish (tr-TR) locale (#8783) @cccaaannn
+
+### `@mui/x-date-pickers@v6.3.0` / `@mui/x-date-pickers-pro@v6.3.0`
+
+#### Changes
+
+- [fields] Always add leading zeroes on digit sections (#8527) @flaviendelangle
+- [fields] Pass the `readOnly` prop to `InputProps` instead of `inputProps` (#8659) @flaviendelangle
+- [pickers] Add missing export for `caES` locale (#8782) @flaviendelangle
+- [pickers] Add new `DigitalClock` desktop time picking experience (#7958) @LukasTy
+- [pickers] Do not use `instanceOf DateTime` in `AdapterLuxon` (#8734) @flaviendelangle
+- [pickers] Fix date calendar `selected` & `disabled` day style (#8773) @LukasTy
+- [pickers] Migrate `AdapterDateFns` to our repository (#8736) @flaviendelangle
+- [pickers] Migrate `AdapterLuxon` to our repository (#8600) @flaviendelangle
+- [pickers] Migrate `AdapterMomentHijri` to our repository (#8776) @flaviendelangle
+- [pickers] Migrate `AdapterMomentJalaali` and `AdapterDateFnsJalali` to our repository (#8741) @flaviendelangle
+- [pickers] Migrate `AdapterMoment` to our repository (#8700) @flaviendelangle
+- [pickers] Refactor the validation files (#8622) @flaviendelangle
+- [pickers] Use `en dash` instead of `em dash` in multi input range fields (#8738) @flaviendelangle
+- [l10n] Improve Chinese (zh-CN) locale (#8753) @SakumyZ
+- [l10n] Improve Turkish (tr-TR) locale (#8783) @cccaaannn
+
+### Docs
+
+- [docs] Add icons for charts menu (#8752) @alexfauquette
+- [docs] Document the supported formats (#8746) @flaviendelangle
+- [docs] Fix Hijri demo (#8698) @alexfauquette
+- [docs] Fix `x-codemod` package version in changelog (#8690) @MBilalShafi
+- [docs] Fix columns special properties code example (#8414) @mikkelhl
+- [docs] Fix error in `minDateTime` `validation` page section (#8777) @LukasTy
+- [docs] Update custom field pickers using theme scoping (#8609) @siriwatknp
+- [docs] Use community version of data grid for column grouping demo (#7346) @ASchwad
+- [docs] Use new `slots` / `slotProps` props in the pickers migration guide (#8341) @flaviendelangle
+
+### Core
+
+- [core] Cleanup picker tests (#8652) @flaviendelangle
+- [core] Use `adapter.lib` instead of `adapterName` in `describeAdapters` (#8779) @flaviendelangle
+- [charts] Adapt line and scatter plot to the "band" scale type (#8701) @alexfauquette
+- [charts] Link the Gantt Charts issue in the docs (#8739) @flaviendelangle
+
 ## 6.2.1
 
 _Apr 20, 2023_
@@ -31,7 +100,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
 - [pickers] Do not include the time in date components when going to today (#8657) @flaviendelangle
 - [pickers] Sync internal state with controlled value (#8674) @alexfauquette
 
-### `@mui/x-codemod@v6.0.6`
+### `@mui/x-codemod@v6.2.1`
 
 #### Changes
 

package/DateCalendar/DateCalendar.types.d.ts

@@ -4,7 +4,7 @@ import { Theme } from '@mui/material/styles';
 import { PickersCalendarHeaderSlotsComponent, PickersCalendarHeaderSlotsComponentsProps } from './PickersCalendarHeader';
 import { DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, ExportedDayCalendarProps } from './DayCalendar';
 import { DateCalendarClasses } from './dateCalendarClasses';
-import { BaseDateValidationProps, YearValidationProps, MonthValidationProps, DayValidationProps } from '../internals/hooks/validation/models';
+import { BaseDateValidationProps, YearValidationProps, MonthValidationProps, DayValidationProps } from '../internals/models/validation';
 import { PickerSelectionState } from '../internals/hooks/usePicker/usePickerValue.types';
 import { ExportedUseViewsOptions } from '../internals/hooks/useViews';
 import { DateView } from '../models';

package/DateCalendar/DayCalendar.d.ts

@@ -3,7 +3,7 @@ import { SlotComponentProps } from '@mui/base/utils';
 import { PickersDay, PickersDayProps, ExportedPickersDayProps } from '../PickersDay/PickersDay';
 import { PickerOnChangeFn } from '../internals/hooks/useViews';
 import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
-import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/hooks/validation/models';
+import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/models/validation';
 import { DayCalendarClasses } from './dayCalendarClasses';
 import { SlotsAndSlotProps } from '../internals/utils/slots-migration';
 export interface DayCalendarSlotsComponent<TDate> {

package/DateCalendar/DayCalendar.js

@@ -13,7 +13,7 @@ import { PickersDay } from '../PickersDay/PickersDay';
 import { useUtils, useNow, useLocaleText } from '../internals/hooks/useUtils';
 import { DAY_SIZE, DAY_MARGIN } from '../internals/constants/dimensions';
 import { PickersSlideTransition } from './PickersSlideTransition';
-import { useIsDateDisabled } from '../internals/hooks/validation/useDateValidation';
+import { useIsDateDisabled } from './useIsDateDisabled';
 import { findClosestEnabledDate } from '../internals/utils/date-utils';
 import { getDayCalendarUtilityClass } from './dayCalendarClasses';
 import { jsx as _jsx } from "react/jsx-runtime";

package/DateCalendar/PickersCalendarHeader.d.ts

@@ -3,7 +3,7 @@ import { SlotComponentProps } from '@mui/base/utils';
 import IconButton from '@mui/material/IconButton';
 import SvgIcon from '@mui/material/SvgIcon';
 import { SlideDirection } from './PickersSlideTransition';
-import { DateComponentValidationProps } from '../internals/hooks/validation/useDateValidation';
+import { DateComponentValidationProps } from '../internals/utils/validation/validateDate';
 import { ExportedPickersArrowSwitcherProps, PickersArrowSwitcherSlotsComponent, PickersArrowSwitcherSlotsComponentsProps } from '../internals/components/PickersArrowSwitcher';
 import { DateView } from '../models';
 import { PickersCalendarHeaderClasses } from './pickersCalendarHeaderClasses';

package/DateCalendar/useCalendarState.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useIsDateDisabled } from '../internals/hooks/validation/useDateValidation';
+import { useIsDateDisabled } from './useIsDateDisabled';
 import { useUtils, useNow } from '../internals/hooks/useUtils';
 import { clamp } from '../internals/utils/date-utils';
 export const createCalendarStateReducer = (reduceAnimations, disableSwitchToMonthOnDayFocus, utils) => (state, action) => {

package/DateCalendar/useIsDateDisabled.d.ts

@@ -0,0 +1,2 @@
+import { DateComponentValidationProps } from '../internals/utils/validation/validateDate';
+export declare const useIsDateDisabled: <TDate>({ shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast, }: DateComponentValidationProps<TDate>) => (day: TDate | null) => boolean;

package/DateCalendar/useIsDateDisabled.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { validateDate } from '../internals/utils/validation/validateDate';
+import { useLocalizationContext } from '../internals/hooks/useUtils';
+export const useIsDateDisabled = ({
+  shouldDisableDate,
+  shouldDisableMonth,
+  shouldDisableYear,
+  minDate,
+  maxDate,
+  disableFuture,
+  disablePast
+}) => {
+  const adapter = useLocalizationContext();
+  return React.useCallback(day => validateDate({
+    adapter,
+    value: day,
+    props: {
+      shouldDisableDate,
+      shouldDisableMonth,
+      shouldDisableYear,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast
+    }
+  }) !== null, [adapter, shouldDisableDate, shouldDisableMonth, shouldDisableYear, minDate, maxDate, disableFuture, disablePast]);
+};

package/DateField/DateField.js

@@ -55,11 +55,13 @@ const DateField = /*#__PURE__*/React.forwardRef(function DateField(inProps, ref)
   return /*#__PURE__*/_jsx(TextField, _extends({
     ref: ref
   }, fieldProps, {
+    InputProps: _extends({}, fieldProps.InputProps, {
+      readOnly
+    }),
     inputProps: _extends({}, fieldProps.inputProps, {
-      ref: inputRef,
-      onPaste,
       inputMode,
-      readOnly
+      onPaste,
+      ref: inputRef
     })
   }));
 });
@@ -262,6 +264,21 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
    * @returns {boolean} If `true`, the year will be disabled.
    */
   shouldDisableYear: PropTypes.func,
+  /**
+   * If `true`, the format will respect the leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `8/16/2018`)
+   * If `false`, the format will always add leading zeroes (e.g: on dayjs, the format `M/D/YYYY` will render `08/16/2018`)
+   *
+   * Warning n°1: Luxon is not able to respect the leading zeroes when using macro tokens (e.g: "DD"), so `shouldRespectLeadingZeros={true}` might lead to inconsistencies when using `AdapterLuxon`.
+   *
+   * Warning n°2: When `shouldRespectLeadingZeros={true}`, the field will add an invisible character on the sections containing a single digit to make sure `onChange` is fired.
+   * If you need to get the clean value from the input, you can remove this character using `input.value.replace(/\u200e/g, '')`.
+   *
+   * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
+   * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
+   *
+   * @default `false`
+   */
+  shouldRespectLeadingZeros: PropTypes.bool,
   /**
    * The size of the component.
    */

package/DateField/DateField.types.d.ts

@@ -4,8 +4,8 @@ import TextField from '@mui/material/TextField';
 import { DateValidationError, FieldSection } from '../models';
 import { UseFieldInternalProps } from '../internals/hooks/useField';
 import { DefaultizedProps, MakeOptional } from '../internals/models/helpers';
-import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/hooks/validation/models';
-import { FieldsTextFieldProps } from '../internals';
+import { BaseDateValidationProps, DayValidationProps, MonthValidationProps, YearValidationProps } from '../internals/models/validation';
+import { FieldsTextFieldProps } from '../internals/models/fields';
 import { SlotsAndSlotProps } from '../internals/utils/slots-migration';
 export interface UseDateFieldParams<TDate, TChildProps extends {}> {
     props: UseDateFieldComponentProps<TDate, TChildProps>;

package/DateField/useDateField.js

@@ -1,9 +1,9 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["value", "defaultValue", "format", "formatDensity", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "selectedSections", "onSelectedSectionsChange", "unstableFieldRef"];
+const _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/hooks/validation/useDateValidation';
+import { validateDate } from '../internals/utils/validation/validateDate';
 import { applyDefaultDate } from '../internals/utils/date-utils';
 import { useUtils, useDefaultDates } from '../internals/hooks/useUtils';
 const useDefaultizedDateField = props => {
@@ -28,6 +28,7 @@ export const useDateField = ({
       defaultValue,
       format,
       formatDensity,
+      shouldRespectLeadingZeros,
       onChange,
       readOnly,
       onError,
@@ -51,6 +52,7 @@ export const useDateField = ({
       defaultValue,
       format,
       formatDensity,
+      shouldRespectLeadingZeros,
       onChange,
       readOnly,
       onError,

package/DatePicker/DatePickerToolbar.js

@@ -131,6 +131,6 @@ process.env.NODE_ENV !== "production" ? DatePickerToolbar.propTypes = {
    * Currently visible picker view.
    */
   view: PropTypes.oneOf(['day', 'month', 'year']).isRequired,
-  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'hours', 'minutes', 'month', 'seconds', 'year']).isRequired).isRequired
+  views: PropTypes.arrayOf(PropTypes.oneOf(['day', 'month', 'year']).isRequired).isRequired
 } : void 0;
 export { DatePickerToolbar };