@mui/x-date-pickers 5.0.0-beta.0 → 5.0.0-beta.1

package/CHANGELOG.md

@@ -3,6 +3,56 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.13.1
+
+_Jul 15, 2022_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- ✏️ Enter edit mode when pasting in a cell with Ctrl+V (Cmd+V on macOS) (#5405) @alexfauquette
+- 🌍 Many improvements to the locales
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.13.1` / `@mui/x-data-grid-pro@v5.13.1` / `@mui/x-data-grid-premium@v5.13.1`
+
+#### Changes
+
+- [DataGrid] Fix blank space when using dynamic row height with pagination (#5315) @m4theushw
+- [DataGrid] Start editing with uppercase letter and Ctrl+V (#5405) @alexfauquette
+- [DataGrid] Fix some filters being removed from filter model on filter panel open (#5403) @cherniavskii
+- [DataGridPro] Improve pinned column headers accessibility (#5370) @cherniavskii
+- [l10n] Improve Dutch (nl-NL) locale (#5464) @developenguin
+- [l10n] Improve French (fr-FR) locale (#3211) (#5420) @Zenoo
+- [l10n] Improve German (de-DE) locale (#5448) @sebastianfrey
+- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#5394) @andrepxa
+- [l10n] Improve Romanian (ro-RO) locale (#5449) @rolule
+
+### `@mui/x-date-pickers@v5.0.0-beta.1` / `@mui/x-date-picker-pro@5.0.0-beta.1`
+
+#### Changes
+
+- [pickers] Add Italian (it-IT) locale (#5467) @felixh10r
+- [pickers] Add Spanish (es-ES) locale (#5468) @felixh10r
+- [pickers] Improve French (fr-FR) locale (#5446) @Zenoo
+- [pickers] Improve German (de-DE) locale (#5447) @sebastianfrey
+
+### Docs
+
+- [docs] Fix typo in the sorting page (#5431) @JosephMarinier
+- [docs] Fix description for "Striped rows" example (#5432) @lindapaiste
+- [docs] Make a clear difference between the license and license key (#5316) @oliviertassinari
+- [docs] Update pickers README files (#5456) @cherniavskii
+- [docs] Clarify the scope of support for MUI X (#5423) @joserodolfofreitas
+
+### Core
+
+- [core] Add technical support link to \_redirects (#5428) @joserodolfofreitas
+- [core] Improve GitHub bug reproduction template (#5067) @joserodolfofreitas
+- [core] Include playground pages in tsconfig (#5367) @cherniavskii
+- [core] Sort keys like in material-ui @oliviertassinari
+- [test] Wait for flags to load on regression tests (#5473) @m4theushw
+
 ## 5.13.0
 
 _Jul 7, 2022_

package/README.md

@@ -8,11 +8,26 @@ It's part of MUI X, an open core extension of MUI, with advanced components.
 Install the package in your project directory with:
 
 ```sh
-// with npm
 npm install @mui/x-date-pickers
+```
+
+Then install the date library of your choice (if not already installed).
+We currently support 4 different date-libraries:
 
-// with yarn
-yarn add @mui/x-date-pickers
+- [date-fns](https://date-fns.org/)
+- [Day.js](https://day.js.org/)
+- [Luxon](https://moment.github.io/luxon/#/)
+- [Moment.js](https://momentjs.com/)
+
+```sh
+// date-fns
+npm install date-fns
+// or dayjs
+npm install dayjs
+// or luxon
+npm install luxon
+// or moment
+npm install moment
 ```
 
 This component has the following peer dependencies that you will need to install as well.
@@ -25,40 +40,27 @@ This component has the following peer dependencies that you will need to install
 },
 ```
 
-You need to provide a date-library that is used by the pickers by setting the `dateAdapter` to an adapter of your choosing.
-
-We currently support 4 different date-libraries:
-
-- [date-fns](https://date-fns.org/)
-- [Day.js](https://day.js.org/)
-- [Luxon](https://moment.github.io/luxon/#/)
-- [Moment.js](https://momentjs.com/)
-
 If you need to use `js-joda`, `date-fns-jalali`, `jalaali`, or `hijri` library, you should be able to find the corresponding date-library from [`@date-io`](https://github.com/dmtrKovalenko/date-io#projects).
+In such a case, you will have to install both the date-library and the corresponding @date-io adapter.
 
-First, you have to install the adapter package for the date-library you want to use:
-
-```sh
-// date-fns
-npm install @date-io/date-fns
-// or for Day.js
-npm install @date-io/dayjs
-// or for Luxon
-npm install @date-io/luxon
-// or for Moment.js
-npm install @date-io/moment
+```jsx
+// To use moment-jalaali
+npm install moment-jalaali
+npm install @date-io/jalaali
 ```
 
-Then you have to set the `dateAdapter` prop of the `LocalizationProvider` accordingly:
+After installation completed, you have to set the `dateAdapter` prop of the `LocalizationProvider` accordingly.
+The supported adapters are exported from `@mui/x-date-pickers`.
 
-```js
+```jsx
+import { LocalizationProvider } from '@mui/x-date-pickers';
 // date-fns
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
-// or for Day.js
+// or for dayjs
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-// or for Luxon
+// or for luxon
 import { AdapterLuxon } from '@mui/x-date-pickers/AdapterLuxon';
-// or for Moment.js
+// or for moment
 import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 
 function App({ children }) {

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-beta.0
+/** @license MUI v5.0.0-beta.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-beta.0
+/** @license MUI v5.0.0-beta.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/legacy/locales/deDE.js

@@ -1,5 +1,10 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// maps ClockPickerView to its translation
+var views = {
+  hours: 'Stunden',
+  minutes: 'Minuten',
+  seconds: 'Sekunden'
+};
 var deDEPickers = {
   // Calendar navigation
   previousMonth: 'Letzter Monat',
@@ -7,7 +12,9 @@ var deDEPickers = {
   // View navigation
   openPreviousView: 'Letzte Ansicht öffnen',
   openNextView: 'Nächste Ansicht öffnen',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? 'Jahresansicht ist geöffnet, zur Kalenderansicht wechseln' : 'Kalenderansicht ist geöffnet, zur Jahresansicht wechseln';
+  },
   // DateRange placeholders
   start: 'Beginn',
   end: 'Ende',
@@ -15,17 +22,31 @@ var deDEPickers = {
   cancelButtonLabel: 'Abbrechen',
   clearButtonLabel: 'Löschen',
   okButtonLabel: 'OK',
-  todayButtonLabel: 'Heute' // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: 'Heute',
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    var _views$view;
+
+    return "".concat((_views$view = views[view]) != null ? _views$view : view, " ausw\xE4hlen. ").concat(time === null ? 'Keine Uhrzeit ausgewählt' : "Gew\xE4hlte Uhrzeit ist ".concat(adapter.format(time, 'fullTime')));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " ").concat(views.hours);
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " ").concat(views.minutes);
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, "  ").concat(views.seconds);
+  },
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Datum ausw\xE4hlen, gew\xE4hltes Datum ist ".concat(utils.format(utils.date(rawValue), 'fullDate')) : 'Datum auswählen';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Uhrzeit ausw\xE4hlen, gew\xE4hlte Uhrzeit ist ".concat(utils.format(utils.date(rawValue), 'fullTime')) : 'Uhrzeit auswählen';
+  },
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'Uhrzeit auswählen',
+  dateTableLabel: 'Datum auswählen'
 };
 export var deDE = getPickersLocalization(deDEPickers);

package/legacy/locales/esES.js

@@ -0,0 +1,50 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+var views = {
+  hours: 'las horas',
+  minutes: 'los minutos',
+  seconds: 'los segundos'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+var esESPickers = {
+  // Calendar navigation
+  previousMonth: 'Último mes',
+  nextMonth: 'Próximo mes',
+  // View navigation
+  openPreviousView: 'abrir la última vista',
+  openNextView: 'abrir la siguiente vista',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? 'la vista del año está abierta, cambie a la vista de calendario' : 'la vista de calendario está abierta, cambie a la vista del año';
+  },
+  // DateRange placeholders
+  start: 'Empezar',
+  end: 'Terminar',
+  // Action bar
+  cancelButtonLabel: 'Cancelar',
+  clearButtonLabel: 'Limpia',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hoy',
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    return "Seleccione ".concat(views[view], ". ").concat(time === null ? 'Sin tiempo seleccionado' : "El tiempo seleccionado es ".concat(adapter.format(time, 'fullTime')));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " horas");
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " minutos");
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " segundos");
+  },
+  // Open picker labels
+  openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Elige la fecha, la fecha elegida es ".concat(utils.format(utils.date(rawValue), 'fullDate')) : 'Elige la fecha';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Elige la hora, la hora elegido es ".concat(utils.format(utils.date(rawValue), 'fullTime')) : 'Elige la hora';
+  },
+  // Table labels
+  timeTableLabel: 'elige la fecha',
+  dateTableLabel: 'elige la hora'
+};
+export var esES = getPickersLocalization(esESPickers);

package/legacy/locales/frFR.js

@@ -1,5 +1,9 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
+var views = {
+  hours: 'heures',
+  minutes: 'minutes',
+  seconds: 'secondes'
+};
 var frFRPickers = {
   // Calendar navigation
   previousMonth: 'Mois précédent',
@@ -7,7 +11,9 @@ var frFRPickers = {
   // View navigation
   openPreviousView: 'Ouvrir la vue précédente',
   openNextView: 'Ouvrir la vue suivante',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? 'La vue année est ouverte, ouvrir la vue calendrier' : 'La vue calendrier est ouverte, ouvrir la vue année';
+  },
   // DateRange placeholders
   start: 'Début',
   end: 'Fin',
@@ -15,17 +21,29 @@ var frFRPickers = {
   cancelButtonLabel: 'Annuler',
   clearButtonLabel: 'Vider',
   okButtonLabel: 'OK',
-  todayButtonLabel: "Aujourd'hui" // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: "Aujourd'hui",
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    return "Choix des ".concat(views[view], ". ").concat(time === null ? 'Aucune heure choisie' : "L'heure choisie est ".concat(adapter.format(time, 'fullTime')));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " heures");
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " minutes");
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " secondes");
+  },
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Choisir la date, la date s\xE9lectionn\xE9e est ".concat(utils.format(utils.date(rawValue), 'fullDate')) : 'Choisir la date';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Choisir l'heure, l'heure s\xE9lectionn\xE9e est ".concat(utils.format(utils.date(rawValue), 'fullTime')) : "Choisir l'heure";
+  },
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: "choix de l'heure",
+  dateTableLabel: 'choix de la date'
 };
 export var frFR = getPickersLocalization(frFRPickers);

package/legacy/locales/index.js

@@ -2,7 +2,9 @@ export * from './nlNL';
 export * from './ptBR';
 export * from './trTR';
 export * from './deDE';
+export * from './esES';
 export * from './frFR';
 export * from './enUS';
 export * from './svSE';
+export * from './itIT';
 export * from './utils/pickersLocaleTextApi';

package/legacy/locales/itIT.js

@@ -0,0 +1,50 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+var views = {
+  hours: 'le ore',
+  minutes: 'i minuti',
+  seconds: 'i secondi'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+var itITPickers = {
+  // Calendar navigation
+  previousMonth: 'Mese precedente',
+  nextMonth: 'Mese successivo',
+  // View navigation
+  openPreviousView: 'apri la vista precedente',
+  openNextView: 'apri la vista successiva',
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? "la vista dell'anno è aperta, passare alla vista del calendario" : "la vista dell'calendario è aperta, passare alla vista dell'anno";
+  },
+  // DateRange placeholders
+  start: 'Inizio',
+  end: 'Fine',
+  // Action bar
+  cancelButtonLabel: 'Cancellare',
+  clearButtonLabel: 'Sgomberare',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Oggi',
+  // Clock labels
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    return "Seleziona ".concat(views[view], ". ").concat(time === null ? 'Nessun orario selezionato' : "L'ora selezionata \xE8 ".concat(adapter.format(time, 'fullTime')));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " ore");
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " minuti");
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " secondi");
+  },
+  // Open picker labels
+  openDatePickerDialogue: function openDatePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Scegli la data, la data selezionata \xE8 ".concat(utils.format(utils.date(rawValue), 'fullDate')) : 'Scegli la data';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(rawValue, utils) {
+    return rawValue && utils.isValid(utils.date(rawValue)) ? "Scegli l'ora, l'ora selezionata \xE8 ".concat(utils.format(utils.date(rawValue), 'fullTime')) : "Scegli l'ora";
+  },
+  // Table labels
+  timeTableLabel: 'scegli un ora',
+  dateTableLabel: 'scegli una data'
+};
+export var itIT = getPickersLocalization(itITPickers);

package/locales/deDE.d.ts

@@ -1,3 +1,4 @@
+import { CalendarPickerView } from '../internals/models';
 export declare const deDE: {
     components: {
         MuiLocalizationProvider: {
@@ -13,13 +14,13 @@ export declare const deDE: {
                     todayButtonLabel?: string | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("..").CalendarPickerView) => string) | undefined;
-                    clockLabelText?: ((view: import("..").ClockPickerView, time: any, adapter: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
+                    clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                 };

package/locales/deDE.js

@@ -1,5 +1,10 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// maps ClockPickerView to its translation
+const views = {
+  hours: 'Stunden',
+  minutes: 'Minuten',
+  seconds: 'Sekunden'
+};
 const deDEPickers = {
   // Calendar navigation
   previousMonth: 'Letzter Monat',
@@ -7,7 +12,7 @@ const deDEPickers = {
   // View navigation
   openPreviousView: 'Letzte Ansicht öffnen',
   openNextView: 'Nächste Ansicht öffnen',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Jahresansicht ist geöffnet, zur Kalenderansicht wechseln' : 'Kalenderansicht ist geöffnet, zur Jahresansicht wechseln',
   // DateRange placeholders
   start: 'Beginn',
   end: 'Ende',
@@ -15,17 +20,21 @@ const deDEPickers = {
   cancelButtonLabel: 'Abbrechen',
   clearButtonLabel: 'Löschen',
   okButtonLabel: 'OK',
-  todayButtonLabel: 'Heute' // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: 'Heute',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => {
+    var _views$view;
+
+    return `${(_views$view = views[view]) != null ? _views$view : view} auswählen. ${time === null ? 'Keine Uhrzeit ausgewählt' : `Gewählte Uhrzeit ist ${adapter.format(time, 'fullTime')}`}`;
+  },
+  hoursClockNumberText: hours => `${hours} ${views.hours}`,
+  minutesClockNumberText: minutes => `${minutes} ${views.minutes}`,
+  secondsClockNumberText: seconds => `${seconds}  ${views.seconds}`,
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Datum auswählen, gewähltes Datum ist ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Datum auswählen',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Uhrzeit auswählen',
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'Uhrzeit auswählen',
+  dateTableLabel: 'Datum auswählen'
 };
 export const deDE = getPickersLocalization(deDEPickers);

package/locales/esES.d.ts

@@ -0,0 +1,30 @@
+import { CalendarPickerView } from '../internals/models';
+export declare const esES: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                localeText: {
+                    previousMonth?: string | undefined;
+                    nextMonth?: string | undefined;
+                    openPreviousView?: string | undefined;
+                    openNextView?: string | undefined;
+                    cancelButtonLabel?: string | undefined;
+                    clearButtonLabel?: string | undefined;
+                    okButtonLabel?: string | undefined;
+                    todayButtonLabel?: string | undefined;
+                    start?: string | undefined;
+                    end?: string | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
+                    clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    hoursClockNumberText?: ((hours: string) => string) | undefined;
+                    minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                    secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    timeTableLabel?: string | undefined;
+                    dateTableLabel?: string | undefined;
+                };
+            };
+        };
+    };
+};

package/locales/esES.js

@@ -0,0 +1,36 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'las horas',
+  minutes: 'los minutos',
+  seconds: 'los segundos'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+const esESPickers = {
+  // Calendar navigation
+  previousMonth: 'Último mes',
+  nextMonth: 'Próximo mes',
+  // View navigation
+  openPreviousView: 'abrir la última vista',
+  openNextView: 'abrir la siguiente vista',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'la vista del año está abierta, cambie a la vista de calendario' : 'la vista de calendario está abierta, cambie a la vista del año',
+  // DateRange placeholders
+  start: 'Empezar',
+  end: 'Terminar',
+  // Action bar
+  cancelButtonLabel: 'Cancelar',
+  clearButtonLabel: 'Limpia',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hoy',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'Sin tiempo seleccionado' : `El tiempo seleccionado es ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} horas`,
+  minutesClockNumberText: minutes => `${minutes} minutos`,
+  secondsClockNumberText: seconds => `${seconds} segundos`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Elige la fecha, la fecha elegida es ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Elige la fecha',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Elige la hora, la hora elegido es ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Elige la hora',
+  // Table labels
+  timeTableLabel: 'elige la fecha',
+  dateTableLabel: 'elige la hora'
+};
+export const esES = getPickersLocalization(esESPickers);

package/locales/frFR.d.ts

@@ -1,3 +1,4 @@
+import { CalendarPickerView } from '../internals/models';
 export declare const frFR: {
     components: {
         MuiLocalizationProvider: {
@@ -13,13 +14,13 @@ export declare const frFR: {
                     todayButtonLabel?: string | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("..").CalendarPickerView) => string) | undefined;
-                    clockLabelText?: ((view: import("..").ClockPickerView, time: any, adapter: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
+                    clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
                     hoursClockNumberText?: ((hours: string) => string) | undefined;
                     minutesClockNumberText?: ((minutes: string) => string) | undefined;
                     secondsClockNumberText?: ((seconds: string) => string) | undefined;
-                    openDatePickerDialogue?: ((date: any, utils: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
-                    openTimePickerDialogue?: ((date: any, utils: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
                     timeTableLabel?: string | undefined;
                     dateTableLabel?: string | undefined;
                 };

package/locales/frFR.js

@@ -1,5 +1,9 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'heures',
+  minutes: 'minutes',
+  seconds: 'secondes'
+};
 const frFRPickers = {
   // Calendar navigation
   previousMonth: 'Mois précédent',
@@ -7,7 +11,7 @@ const frFRPickers = {
   // View navigation
   openPreviousView: 'Ouvrir la vue précédente',
   openNextView: 'Ouvrir la vue suivante',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'La vue année est ouverte, ouvrir la vue calendrier' : 'La vue calendrier est ouverte, ouvrir la vue année',
   // DateRange placeholders
   start: 'Début',
   end: 'Fin',
@@ -15,17 +19,17 @@ const frFRPickers = {
   cancelButtonLabel: 'Annuler',
   clearButtonLabel: 'Vider',
   okButtonLabel: 'OK',
-  todayButtonLabel: "Aujourd'hui" // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: "Aujourd'hui",
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Choix des ${views[view]}. ${time === null ? 'Aucune heure choisie' : `L'heure choisie est ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} heures`,
+  minutesClockNumberText: minutes => `${minutes} minutes`,
+  secondsClockNumberText: seconds => `${seconds} secondes`,
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choisir la date, la date sélectionnée est ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Choisir la date',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choisir l'heure, l'heure sélectionnée est ${utils.format(utils.date(rawValue), 'fullTime')}` : "Choisir l'heure",
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: "choix de l'heure",
+  dateTableLabel: 'choix de la date'
 };
 export const frFR = getPickersLocalization(frFRPickers);

package/locales/index.d.ts

@@ -2,7 +2,9 @@ export * from './nlNL';
 export * from './ptBR';
 export * from './trTR';
 export * from './deDE';
+export * from './esES';
 export * from './frFR';
 export * from './enUS';
 export * from './svSE';
+export * from './itIT';
 export * from './utils/pickersLocaleTextApi';

package/locales/index.js

@@ -2,7 +2,9 @@ export * from './nlNL';
 export * from './ptBR';
 export * from './trTR';
 export * from './deDE';
+export * from './esES';
 export * from './frFR';
 export * from './enUS';
 export * from './svSE';
+export * from './itIT';
 export * from './utils/pickersLocaleTextApi';

package/locales/itIT.d.ts

@@ -0,0 +1,30 @@
+import { CalendarPickerView } from '../internals/models';
+export declare const itIT: {
+    components: {
+        MuiLocalizationProvider: {
+            defaultProps: {
+                localeText: {
+                    previousMonth?: string | undefined;
+                    nextMonth?: string | undefined;
+                    openPreviousView?: string | undefined;
+                    openNextView?: string | undefined;
+                    cancelButtonLabel?: string | undefined;
+                    clearButtonLabel?: string | undefined;
+                    okButtonLabel?: string | undefined;
+                    todayButtonLabel?: string | undefined;
+                    start?: string | undefined;
+                    end?: string | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
+                    clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    hoursClockNumberText?: ((hours: string) => string) | undefined;
+                    minutesClockNumberText?: ((minutes: string) => string) | undefined;
+                    secondsClockNumberText?: ((seconds: string) => string) | undefined;
+                    openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
+                    timeTableLabel?: string | undefined;
+                    dateTableLabel?: string | undefined;
+                };
+            };
+        };
+    };
+};

package/locales/itIT.js

@@ -0,0 +1,36 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'le ore',
+  minutes: 'i minuti',
+  seconds: 'i secondi'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+const itITPickers = {
+  // Calendar navigation
+  previousMonth: 'Mese precedente',
+  nextMonth: 'Mese successivo',
+  // View navigation
+  openPreviousView: 'apri la vista precedente',
+  openNextView: 'apri la vista successiva',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? "la vista dell'anno è aperta, passare alla vista del calendario" : "la vista dell'calendario è aperta, passare alla vista dell'anno",
+  // DateRange placeholders
+  start: 'Inizio',
+  end: 'Fine',
+  // Action bar
+  cancelButtonLabel: 'Cancellare',
+  clearButtonLabel: 'Sgomberare',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Oggi',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Seleziona ${views[view]}. ${time === null ? 'Nessun orario selezionato' : `L'ora selezionata è ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} ore`,
+  minutesClockNumberText: minutes => `${minutes} minuti`,
+  secondsClockNumberText: seconds => `${seconds} secondi`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Scegli la data, la data selezionata è ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Scegli la data',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Scegli l'ora, l'ora selezionata è ${utils.format(utils.date(rawValue), 'fullTime')}` : "Scegli l'ora",
+  // Table labels
+  timeTableLabel: 'scegli un ora',
+  dateTableLabel: 'scegli una data'
+};
+export const itIT = getPickersLocalization(itITPickers);

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-beta.0
+/** @license MUI v5.0.0-beta.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/locales/deDE.js

@@ -1,5 +1,10 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
+// maps ClockPickerView to its translation
+const views = {
+  hours: 'Stunden',
+  minutes: 'Minuten',
+  seconds: 'Sekunden'
+};
 const deDEPickers = {
   // Calendar navigation
   previousMonth: 'Letzter Monat',
@@ -7,7 +12,7 @@ const deDEPickers = {
   // View navigation
   openPreviousView: 'Letzte Ansicht öffnen',
   openNextView: 'Nächste Ansicht öffnen',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Jahresansicht ist geöffnet, zur Kalenderansicht wechseln' : 'Kalenderansicht ist geöffnet, zur Jahresansicht wechseln',
   // DateRange placeholders
   start: 'Beginn',
   end: 'Ende',
@@ -15,17 +20,17 @@ const deDEPickers = {
   cancelButtonLabel: 'Abbrechen',
   clearButtonLabel: 'Löschen',
   okButtonLabel: 'OK',
-  todayButtonLabel: 'Heute' // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: 'Heute',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `${views[view] ?? view} auswählen. ${time === null ? 'Keine Uhrzeit ausgewählt' : `Gewählte Uhrzeit ist ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} ${views.hours}`,
+  minutesClockNumberText: minutes => `${minutes} ${views.minutes}`,
+  secondsClockNumberText: seconds => `${seconds}  ${views.seconds}`,
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Datum auswählen, gewähltes Datum ist ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Datum auswählen',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Uhrzeit auswählen',
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'Uhrzeit auswählen',
+  dateTableLabel: 'Datum auswählen'
 };
 export const deDE = getPickersLocalization(deDEPickers);

package/modern/locales/esES.js

@@ -0,0 +1,36 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'las horas',
+  minutes: 'los minutos',
+  seconds: 'los segundos'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+const esESPickers = {
+  // Calendar navigation
+  previousMonth: 'Último mes',
+  nextMonth: 'Próximo mes',
+  // View navigation
+  openPreviousView: 'abrir la última vista',
+  openNextView: 'abrir la siguiente vista',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'la vista del año está abierta, cambie a la vista de calendario' : 'la vista de calendario está abierta, cambie a la vista del año',
+  // DateRange placeholders
+  start: 'Empezar',
+  end: 'Terminar',
+  // Action bar
+  cancelButtonLabel: 'Cancelar',
+  clearButtonLabel: 'Limpia',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hoy',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'Sin tiempo seleccionado' : `El tiempo seleccionado es ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} horas`,
+  minutesClockNumberText: minutes => `${minutes} minutos`,
+  secondsClockNumberText: seconds => `${seconds} segundos`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Elige la fecha, la fecha elegida es ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Elige la fecha',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Elige la hora, la hora elegido es ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Elige la hora',
+  // Table labels
+  timeTableLabel: 'elige la fecha',
+  dateTableLabel: 'elige la hora'
+};
+export const esES = getPickersLocalization(esESPickers);

package/modern/locales/frFR.js

@@ -1,5 +1,9 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'heures',
+  minutes: 'minutes',
+  seconds: 'secondes'
+};
 const frFRPickers = {
   // Calendar navigation
   previousMonth: 'Mois précédent',
@@ -7,7 +11,7 @@ const frFRPickers = {
   // View navigation
   openPreviousView: 'Ouvrir la vue précédente',
   openNextView: 'Ouvrir la vue suivante',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'La vue année est ouverte, ouvrir la vue calendrier' : 'La vue calendrier est ouverte, ouvrir la vue année',
   // DateRange placeholders
   start: 'Début',
   end: 'Fin',
@@ -15,17 +19,17 @@ const frFRPickers = {
   cancelButtonLabel: 'Annuler',
   clearButtonLabel: 'Vider',
   okButtonLabel: 'OK',
-  todayButtonLabel: "Aujourd'hui" // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: "Aujourd'hui",
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Choix des ${views[view]}. ${time === null ? 'Aucune heure choisie' : `L'heure choisie est ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} heures`,
+  minutesClockNumberText: minutes => `${minutes} minutes`,
+  secondsClockNumberText: seconds => `${seconds} secondes`,
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choisir la date, la date sélectionnée est ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Choisir la date',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choisir l'heure, l'heure sélectionnée est ${utils.format(utils.date(rawValue), 'fullTime')}` : "Choisir l'heure",
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: "choix de l'heure",
+  dateTableLabel: 'choix de la date'
 };
 export const frFR = getPickersLocalization(frFRPickers);

package/modern/locales/index.js

@@ -2,7 +2,9 @@ export * from './nlNL';
 export * from './ptBR';
 export * from './trTR';
 export * from './deDE';
+export * from './esES';
 export * from './frFR';
 export * from './enUS';
 export * from './svSE';
+export * from './itIT';
 export * from './utils/pickersLocaleTextApi';

package/modern/locales/itIT.js

@@ -0,0 +1,36 @@
+import { getPickersLocalization } from './utils/getPickersLocalization';
+const views = {
+  hours: 'le ore',
+  minutes: 'i minuti',
+  seconds: 'i secondi'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+const itITPickers = {
+  // Calendar navigation
+  previousMonth: 'Mese precedente',
+  nextMonth: 'Mese successivo',
+  // View navigation
+  openPreviousView: 'apri la vista precedente',
+  openNextView: 'apri la vista successiva',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? "la vista dell'anno è aperta, passare alla vista del calendario" : "la vista dell'calendario è aperta, passare alla vista dell'anno",
+  // DateRange placeholders
+  start: 'Inizio',
+  end: 'Fine',
+  // Action bar
+  cancelButtonLabel: 'Cancellare',
+  clearButtonLabel: 'Sgomberare',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Oggi',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Seleziona ${views[view]}. ${time === null ? 'Nessun orario selezionato' : `L'ora selezionata è ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} ore`,
+  minutesClockNumberText: minutes => `${minutes} minuti`,
+  secondsClockNumberText: seconds => `${seconds} secondi`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Scegli la data, la data selezionata è ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Scegli la data',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Scegli l'ora, l'ora selezionata è ${utils.format(utils.date(rawValue), 'fullTime')}` : "Scegli l'ora",
+  // Table labels
+  timeTableLabel: 'scegli un ora',
+  dateTableLabel: 'scegli una data'
+};
+export const itIT = getPickersLocalization(itITPickers);

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-beta.0
+/** @license MUI v5.0.0-beta.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/locales/deDE.js

@@ -7,7 +7,12 @@ exports.deDE = void 0;
 
 var _getPickersLocalization = require("./utils/getPickersLocalization");
 
-// import { CalendarPickerView } from '../internals/models';
+// maps ClockPickerView to its translation
+const views = {
+  hours: 'Stunden',
+  minutes: 'Minuten',
+  seconds: 'Sekunden'
+};
 const deDEPickers = {
   // Calendar navigation
   previousMonth: 'Letzter Monat',
@@ -15,7 +20,7 @@ const deDEPickers = {
   // View navigation
   openPreviousView: 'Letzte Ansicht öffnen',
   openNextView: 'Nächste Ansicht öffnen',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'Jahresansicht ist geöffnet, zur Kalenderansicht wechseln' : 'Kalenderansicht ist geöffnet, zur Jahresansicht wechseln',
   // DateRange placeholders
   start: 'Beginn',
   end: 'Ende',
@@ -23,18 +28,22 @@ const deDEPickers = {
   cancelButtonLabel: 'Abbrechen',
   clearButtonLabel: 'Löschen',
   okButtonLabel: 'OK',
-  todayButtonLabel: 'Heute' // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: 'Heute',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => {
+    var _views$view;
+
+    return `${(_views$view = views[view]) != null ? _views$view : view} auswählen. ${time === null ? 'Keine Uhrzeit ausgewählt' : `Gewählte Uhrzeit ist ${adapter.format(time, 'fullTime')}`}`;
+  },
+  hoursClockNumberText: hours => `${hours} ${views.hours}`,
+  minutesClockNumberText: minutes => `${minutes} ${views.minutes}`,
+  secondsClockNumberText: seconds => `${seconds}  ${views.seconds}`,
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Datum auswählen, gewähltes Datum ist ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Datum auswählen',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Uhrzeit auswählen, gewählte Uhrzeit ist ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Uhrzeit auswählen',
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'Uhrzeit auswählen',
+  dateTableLabel: 'Datum auswählen'
 };
 const deDE = (0, _getPickersLocalization.getPickersLocalization)(deDEPickers);
 exports.deDE = deDE;

package/node/locales/esES.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.esES = void 0;
+
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+
+const views = {
+  hours: 'las horas',
+  minutes: 'los minutos',
+  seconds: 'los segundos'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+const esESPickers = {
+  // Calendar navigation
+  previousMonth: 'Último mes',
+  nextMonth: 'Próximo mes',
+  // View navigation
+  openPreviousView: 'abrir la última vista',
+  openNextView: 'abrir la siguiente vista',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'la vista del año está abierta, cambie a la vista de calendario' : 'la vista de calendario está abierta, cambie a la vista del año',
+  // DateRange placeholders
+  start: 'Empezar',
+  end: 'Terminar',
+  // Action bar
+  cancelButtonLabel: 'Cancelar',
+  clearButtonLabel: 'Limpia',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Hoy',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Seleccione ${views[view]}. ${time === null ? 'Sin tiempo seleccionado' : `El tiempo seleccionado es ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} horas`,
+  minutesClockNumberText: minutes => `${minutes} minutos`,
+  secondsClockNumberText: seconds => `${seconds} segundos`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Elige la fecha, la fecha elegida es ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Elige la fecha',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Elige la hora, la hora elegido es ${utils.format(utils.date(rawValue), 'fullTime')}` : 'Elige la hora',
+  // Table labels
+  timeTableLabel: 'elige la fecha',
+  dateTableLabel: 'elige la hora'
+};
+const esES = (0, _getPickersLocalization.getPickersLocalization)(esESPickers);
+exports.esES = esES;

package/node/locales/frFR.js

@@ -7,7 +7,11 @@ exports.frFR = void 0;
 
 var _getPickersLocalization = require("./utils/getPickersLocalization");
 
-// import { CalendarPickerView } from '../internals/models';
+const views = {
+  hours: 'heures',
+  minutes: 'minutes',
+  seconds: 'secondes'
+};
 const frFRPickers = {
   // Calendar navigation
   previousMonth: 'Mois précédent',
@@ -15,7 +19,7 @@ const frFRPickers = {
   // View navigation
   openPreviousView: 'Ouvrir la vue précédente',
   openNextView: 'Ouvrir la vue suivante',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'La vue année est ouverte, ouvrir la vue calendrier' : 'La vue calendrier est ouverte, ouvrir la vue année',
   // DateRange placeholders
   start: 'Début',
   end: 'Fin',
@@ -23,18 +27,18 @@ const frFRPickers = {
   cancelButtonLabel: 'Annuler',
   clearButtonLabel: 'Vider',
   okButtonLabel: 'OK',
-  todayButtonLabel: "Aujourd'hui" // Clock labels
-  // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
-  // hoursClockNumberText: hours => `${hours} hours`,
-  // minutesClockNumberText: minutes => `${minutes} minutes`,
-  // secondsClockNumberText: seconds => `${seconds} seconds`,
+  todayButtonLabel: "Aujourd'hui",
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Choix des ${views[view]}. ${time === null ? 'Aucune heure choisie' : `L'heure choisie est ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} heures`,
+  minutesClockNumberText: minutes => `${minutes} minutes`,
+  secondsClockNumberText: seconds => `${seconds} secondes`,
   // Open picker labels
-  // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
-  // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choisir la date, la date sélectionnée est ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Choisir la date',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choisir l'heure, l'heure sélectionnée est ${utils.format(utils.date(rawValue), 'fullTime')}` : "Choisir l'heure",
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: "choix de l'heure",
+  dateTableLabel: 'choix de la date'
 };
 const frFR = (0, _getPickersLocalization.getPickersLocalization)(frFRPickers);
 exports.frFR = frFR;

package/node/locales/index.js

@@ -56,6 +56,19 @@ Object.keys(_deDE).forEach(function (key) {
   });
 });
 
+var _esES = require("./esES");
+
+Object.keys(_esES).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _esES[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _esES[key];
+    }
+  });
+});
+
 var _frFR = require("./frFR");
 
 Object.keys(_frFR).forEach(function (key) {
@@ -95,6 +108,19 @@ Object.keys(_svSE).forEach(function (key) {
   });
 });
 
+var _itIT = require("./itIT");
+
+Object.keys(_itIT).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _itIT[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _itIT[key];
+    }
+  });
+});
+
 var _pickersLocaleTextApi = require("./utils/pickersLocaleTextApi");
 
 Object.keys(_pickersLocaleTextApi).forEach(function (key) {

package/node/locales/itIT.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.itIT = void 0;
+
+var _getPickersLocalization = require("./utils/getPickersLocalization");
+
+const views = {
+  hours: 'le ore',
+  minutes: 'i minuti',
+  seconds: 'i secondi'
+}; // This object is not Partial<PickersLocaleText> because it is the default values
+
+const itITPickers = {
+  // Calendar navigation
+  previousMonth: 'Mese precedente',
+  nextMonth: 'Mese successivo',
+  // View navigation
+  openPreviousView: 'apri la vista precedente',
+  openNextView: 'apri la vista successiva',
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? "la vista dell'anno è aperta, passare alla vista del calendario" : "la vista dell'calendario è aperta, passare alla vista dell'anno",
+  // DateRange placeholders
+  start: 'Inizio',
+  end: 'Fine',
+  // Action bar
+  cancelButtonLabel: 'Cancellare',
+  clearButtonLabel: 'Sgomberare',
+  okButtonLabel: 'OK',
+  todayButtonLabel: 'Oggi',
+  // Clock labels
+  clockLabelText: (view, time, adapter) => `Seleziona ${views[view]}. ${time === null ? 'Nessun orario selezionato' : `L'ora selezionata è ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} ore`,
+  minutesClockNumberText: minutes => `${minutes} minuti`,
+  secondsClockNumberText: seconds => `${seconds} secondi`,
+  // Open picker labels
+  openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Scegli la data, la data selezionata è ${utils.format(utils.date(rawValue), 'fullDate')}` : 'Scegli la data',
+  openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Scegli l'ora, l'ora selezionata è ${utils.format(utils.date(rawValue), 'fullTime')}` : "Scegli l'ora",
+  // Table labels
+  timeTableLabel: 'scegli un ora',
+  dateTableLabel: 'scegli una data'
+};
+const itIT = (0, _getPickersLocalization.getPickersLocalization)(itITPickers);
+exports.itIT = itIT;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.1",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,14 +33,14 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.2",
+    "@babel/runtime": "^7.18.6",
     "@date-io/core": "^2.14.0",
     "@date-io/date-fns": "^2.14.0",
     "@date-io/dayjs": "^2.14.0",
     "@date-io/luxon": "^2.14.0",
     "@date-io/moment": "^2.14.0",
     "@mui/utils": "^5.4.1",
-    "@types/react-transition-group": "^4.4.4",
+    "@types/react-transition-group": "^4.4.5",
     "clsx": "^1.2.1",
     "prop-types": "^15.7.2",
     "react-transition-group": "^4.4.2",
@@ -53,7 +53,7 @@
     "@mui/system": "^5.4.1",
     "date-fns": "^2.25.0",
     "dayjs": "^1.10.7",
-    "luxon": "^1.28.0 || ^2.0.0",
+    "luxon": "^1.28.0 || ^2.0.0 || ^3.0.0",
     "moment": "^2.29.1",
     "react": "^17.0.2 || ^18.0.0"
   },