@mui/x-date-pickers 7.1.0 → 7.2.0

package/node/TimeField/TimeField.js

@@ -73,7 +73,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default `utils.is12HourCycleInCurrentLocale()`
+   * @default utils.is12HourCycleInCurrentLocale()
    */
   ampm: _propTypes.default.bool,
   /**
@@ -284,7 +284,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
    * 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`
+   * @default false
    */
   shouldRespectLeadingZeros: _propTypes.default.bool,
   /**

package/node/TimePicker/TimePicker.js

@@ -59,7 +59,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
   // ----------------------------------------------------------------------
   /**
    * 12h/24h view for hour selection clock.
-   * @default `utils.is12HourCycleInCurrentLocale()`
+   * @default utils.is12HourCycleInCurrentLocale()
    */
   ampm: _propTypes.default.bool,
   /**

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-date-pickers v7.1.0
+ * @mui/x-date-pickers v7.2.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/hooks/useField/useFieldV6TextField.js

@@ -122,7 +122,8 @@ const useFieldV6TextField = params => {
     getActiveSectionIndexFromDOM: () => {
       const browserStartIndex = inputRef.current.selectionStart ?? 0;
       const browserEndIndex = inputRef.current.selectionEnd ?? 0;
-      if (browserStartIndex === 0 && browserEndIndex === 0) {
+      const isInputReadOnly = !!inputRef.current?.readOnly;
+      if (browserStartIndex === 0 && browserEndIndex === 0 || isInputReadOnly) {
         return null;
       }
       const nextSectionIndex = browserStartIndex <= sections[0].startInInput ? 1 // Special case if browser index is in invisible characters at the beginning.
@@ -138,6 +139,7 @@ const useFieldV6TextField = params => {
   }), [inputRef, parsedSelectedSections, sections, setSelectedSections]);
   const syncSelectionFromDOM = () => {
     if (readOnly) {
+      setSelectedSections(null);
       return;
     }
     const browserStartIndex = inputRef.current.selectionStart ?? 0;

package/node/internals/hooks/usePicker/usePickerValue.js

@@ -278,8 +278,14 @@ const usePickerValue = ({
       pickerAction: 'today'
     });
   });
-  const handleOpen = (0, _useEventCallback.default)(() => setIsOpen(true));
-  const handleClose = (0, _useEventCallback.default)(() => setIsOpen(false));
+  const handleOpen = (0, _useEventCallback.default)(event => {
+    event.preventDefault();
+    setIsOpen(true);
+  });
+  const handleClose = (0, _useEventCallback.default)(event => {
+    event?.preventDefault();
+    setIsOpen(false);
+  });
   const handleChange = (0, _useEventCallback.default)((newValue, selectionState = 'partial') => updateDate({
     name: 'setValueFromView',
     value: newValue,

package/node/locales/deDE.js

@@ -23,11 +23,10 @@ const deDEPickers = {
   // DateRange labels
   start: 'Beginn',
   end: 'Ende',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Startdatum',
+  startTime: 'Startzeit',
+  endDate: 'Enddatum',
+  endTime: 'Endzeit',
   // Action bar
   cancelButtonLabel: 'Abbrechen',
   clearButtonLabel: 'Löschen',
@@ -65,19 +64,17 @@ const deDEPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Jahr',
+  month: 'Monat',
+  day: 'Tag',
+  weekDay: 'Wochentag',
+  hours: 'Stunden',
+  minutes: 'Minuten',
+  seconds: 'Sekunden',
+  meridiem: 'Tageszeit',
   // Common
-  // empty: 'Empty',
+  empty: 'Leer'
 };
 const deDE = exports.deDE = (0, _getPickersLocalization.getPickersLocalization)(deDEPickers);

package/node/locales/faIR.js

@@ -65,16 +65,15 @@ const faIRPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
+  year: 'سال',
+  month: 'ماه',
+  day: 'روز',
   // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
+  hours: 'ساعت ها',
+  minutes: 'دقیقه ها',
+  seconds: 'ثانیه ها'
   // meridiem: 'Meridiem',
 
   // Common

package/node/locales/frFR.js

@@ -22,11 +22,10 @@ const frFRPickers = {
   // DateRange labels
   start: 'Début',
   end: 'Fin',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Date de début',
+  startTime: 'Heure de début',
+  endDate: 'Date de fin',
+  endTime: 'Heure de fin',
   // Action bar
   cancelButtonLabel: 'Annuler',
   clearButtonLabel: 'Vider',
@@ -52,8 +51,7 @@ const frFRPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choisir la date, la date sélectionnée est ${utils.format(value, 'fullDate')}` : 'Choisir la date',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Choisir l'heure, l'heure sélectionnée est ${utils.format(value, 'fullTime')}` : "Choisir l'heure",
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Effacer la valeur',
   // Table labels
   timeTableLabel: "choix de l'heure",
   dateTableLabel: 'choix de la date',
@@ -61,23 +59,21 @@ const frFRPickers = {
   fieldYearPlaceholder: params => 'A'.repeat(params.digitAmount),
   fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
   fieldDayPlaceholder: () => 'JJ',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Année',
+  month: 'Mois',
+  day: 'Jour',
+  weekDay: 'Jour de la semaine',
+  hours: 'Heures',
+  minutes: 'Minutes',
+  seconds: 'Secondes',
+  meridiem: 'Méridien',
   // Common
-  // empty: 'Empty',
+  empty: 'Vider'
 };
 const frFR = exports.frFR = (0, _getPickersLocalization.getPickersLocalization)(frFRPickers);

package/node/locales/ptBR.js

@@ -22,11 +22,10 @@ const ptBRPickers = {
   // DateRange labels
   start: 'Início',
   end: 'Fim',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Data de início',
+  startTime: 'Hora de início',
+  endDate: 'Data de Término',
+  endTime: 'Hora de Término',
   // Action bar
   cancelButtonLabel: 'Cancelar',
   clearButtonLabel: 'Limpar',
@@ -65,19 +64,17 @@ const ptBRPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Ano',
+  month: 'Mês',
+  day: 'Dia',
+  weekDay: 'Dia da Semana',
+  hours: 'Horas',
+  minutes: 'Minutos',
+  seconds: 'Segundos',
+  meridiem: 'Meio dia',
   // Common
-  // empty: 'Empty',
+  empty: 'Vazio'
 };
 const ptBR = exports.ptBR = (0, _getPickersLocalization.getPickersLocalization)(ptBRPickers);

package/node/locales/svSE.js

@@ -22,11 +22,10 @@ const svSEPickers = {
   // DateRange labels
   start: 'Start',
   end: 'Slut',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'Startdatum',
+  startTime: 'Starttid',
+  endDate: 'Slutdatum',
+  endTime: 'Sluttid',
   // Action bar
   cancelButtonLabel: 'Avbryt',
   clearButtonLabel: 'Rensa',
@@ -52,33 +51,29 @@ const svSEPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Välj datum, valt datum är ${utils.format(value, 'fullDate')}` : 'Välj datum',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Välj tid, vald tid är ${utils.format(value, 'fullTime')}` : 'Välj tid',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Rensa värde',
   // Table labels
   timeTableLabel: 'välj tid',
-  dateTableLabel: 'välj datum'
-
+  dateTableLabel: 'välj datum',
   // Field section placeholders
-  // fieldYearPlaceholder: params => 'Y'.repeat(params.digitAmount),
-  // fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
-  // fieldDayPlaceholder: () => 'DD',
-  // fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
-  // fieldHoursPlaceholder: () => 'hh',
-  // fieldMinutesPlaceholder: () => 'mm',
-  // fieldSecondsPlaceholder: () => 'ss',
-  // fieldMeridiemPlaceholder: () => 'aa',
-
+  fieldYearPlaceholder: params => 'Å'.repeat(params.digitAmount),
+  fieldMonthPlaceholder: params => params.contentType === 'letter' ? 'MMMM' : 'MM',
+  fieldDayPlaceholder: () => 'DD',
+  fieldWeekDayPlaceholder: params => params.contentType === 'letter' ? 'EEEE' : 'EE',
+  fieldHoursPlaceholder: () => 'tt',
+  fieldMinutesPlaceholder: () => 'mm',
+  fieldSecondsPlaceholder: () => 'ss',
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'År',
+  month: 'Månad',
+  day: 'Dag',
+  weekDay: 'Veckodag',
+  hours: 'Timmar',
+  minutes: 'Minuter',
+  seconds: 'Sekunder',
+  meridiem: 'Meridiem',
   // Common
-  // empty: 'Empty',
+  empty: 'Tom'
 };
 const svSE = exports.svSE = (0, _getPickersLocalization.getPickersLocalization)(svSEPickers);

package/node/locales/ukUA.js

@@ -22,11 +22,10 @@ const ukUAPickers = {
   // DateRange labels
   start: 'Початок',
   end: 'Кінець',
-  // startDate: 'Start date',
-  // startTime: 'Start time',
-  // endDate: 'End date',
-  // endTime: 'End time',
-
+  startDate: 'День початку',
+  startTime: 'Час початку',
+  endDate: 'День закінчення',
+  endTime: 'Час закінчення',
   // Action bar
   cancelButtonLabel: 'Відміна',
   clearButtonLabel: 'Очистити',
@@ -52,8 +51,7 @@ const ukUAPickers = {
   // Open picker labels
   openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Оберіть дату, обрана дата  ${utils.format(value, 'fullDate')}` : 'Оберіть дату',
   openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Оберіть час, обраний час  ${utils.format(value, 'fullTime')}` : 'Оберіть час',
-  // fieldClearLabel: 'Clear value',
-
+  fieldClearLabel: 'Очистити дані',
   // Table labels
   timeTableLabel: 'оберіть час',
   dateTableLabel: 'оберіть дату',
@@ -65,19 +63,17 @@ const ukUAPickers = {
   fieldHoursPlaceholder: () => 'hh',
   fieldMinutesPlaceholder: () => 'mm',
   fieldSecondsPlaceholder: () => 'ss',
-  fieldMeridiemPlaceholder: () => 'aa'
-
+  fieldMeridiemPlaceholder: () => 'aa',
   // View names
-  // year: 'Year',
-  // month: 'Month',
-  // day: 'Day',
-  // weekDay: 'Week day',
-  // hours: 'Hours',
-  // minutes: 'Minutes',
-  // seconds: 'Seconds',
-  // meridiem: 'Meridiem',
-
+  year: 'Рік',
+  month: 'Місяць',
+  day: 'День',
+  weekDay: 'День тижня',
+  hours: 'Годин',
+  minutes: 'Хвилин',
+  seconds: 'Секунд',
+  meridiem: 'Меридіем',
   // Common
-  // empty: 'Empty',
+  empty: 'Порожній'
 };
 const ukUA = exports.ukUA = (0, _getPickersLocalization.getPickersLocalization)(ukUAPickers);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.1.0",
-  "description": "The community edition of the date picker components (MUI X).",
+  "version": "7.2.0",
+  "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
   "license": "MIT",