@mui/x-date-pickers 5.0.0-alpha.7 → 5.0.0-beta.2

package/CHANGELOG.md

@@ -3,6 +3,152 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.14.0
+
+_Jul 21, 2022_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🧪 Export `GridBooleanCell` component from data grid (#5537) @cliedeman
+- ⚙️ Improve accessibility of the Export menu (#5486) @nogalpaulina
+- 🌍 Improvements to different locales
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@5.14.0` / `@mui/x-data-grid-pro@5.14.0` / `@mui/x-data-grid-premium@5.14.0`
+
+#### Changes
+
+- [DataGrid] Add generics to `GridPreProcessEditCellProps` (#5510) @YunosukeY
+- [DataGrid] Avoid inconsistent state export (#5390) @flaviendelangle
+- [DataGrid] Export `GridBooleanCell` component (#5537) @cliedeman
+- [DataGrid] Fix `date`/`dateTime` edit input font size to match view mode (#5304) @cherniavskii
+- [DataGrid] Fix loading overlay position (#5558) @DanailH
+- [DataGrid] Improve accessibility of the Export menu in the toolbar (#5486) @nogalpaulina
+- [DataGridPremium] Implement Aggregation - not publicly released (#4208) @flaviendelangle
+- [DataGridPremium] Fix crash when exporting all columns to Excel (#5425) @cherniavskii
+- [l10n] Add Traditional Chinese (zh-TW) locale (#5498) @happyincent
+
+### `@mui/x-date-pickers@v5.0.0-beta.2` / `@mui/x-date-picker-pro@5.0.0-beta.2`
+
+#### Changes
+
+- [l10n] Add Norwegian (nb-NO) locale (#5475) @elkebab
+
+### Docs
+
+- [docs] New page presenting the `apiRef` (#5273) @flaviendelangle
+- [docs] Remove blank line @oliviertassinari
+
+### Core
+
+- [core] Add missing comments on zh-TW translation (#5559) @flaviendelangle
+- [core] Polish on the bug issue template (#5525) @oliviertassinari
+- [test] Add more tests related to `isPrintableKey` (#5458) @mnajdova
+
+## 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_
+
+We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎁 `@mui/x-date-pickers` and `@mui/x-date-pickers-pro` are now in beta!
+
+- ✨ Allow detail panel's height to match its content (#5163) @m4theushw
+
+  ```tsx
+  <DataGridPro getDetailPanelHeight={() => 'auto'} />
+  ```
+
+- 🌍 Add Romanian (ro-RO) locale on the data grid (#5345) @rolule
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.13.0` / `@mui/x-data-grid-pro@v5.13.0` / `@mui/x-data-grid-premium@v5.13.0`
+
+#### Changes
+
+- [DataGrid] Allows to customize variant of value input in filter panel (#4826) @alexfauquette
+- [DataGrid] Add Romanian (ro-RO) locale (#5345) @rolule
+- [DataGrid] Export Norwegian (nb-NO) locale (#5407) @cherniavskii
+- [DataGrid] Fix broken "start editing" integration with Japanese (#5414) @mnajdova
+- [DataGrid] Fix "stop editing" integration with IME e.g. Japanese (#5257) @Gumichocopengin8
+- [DataGrid] Fix dimensions computation with `autoHeight` and scroll x (#5401) @flaviendelangle
+- [DataGrid] Improve Slovak (sk-SK) locale (#5332) @msidlo
+- [DataGrid] Mention Premium plan in error messages and docs warnings (#5328) @cherniavskii
+- [DataGrid] Remove trailing spaces in filter input (#5279) @alexfauquette
+- [DataGridPro] Allow to infer detail panel height from content (#5163) @m4theushw
+- [DataGridPro] Fix the depth of nodes when switching from a non-flat tree to a flat tree (#5362) @flaviendelangle
+
+### `@mui/x-date-pickers@v5.0.0-beta.0` / `@mui/x-date-picker-pro@5.0.0-beta.0`
+
+#### Changes
+
+- [DateRangePicker] Fix keyboard selection (#5265) @alexfauquette
+- [DayPicker] Remove empty space at the bottom of the day view (#5073) @flaviendelangle
+- [pickers] Add missing type dependencies (#5331) @Methuselah96
+- [pickers] Pass the generics to the components in the theme augmentation (#5199) @toruticas
+
+### Docs
+
+- [docs] Explain how to use hooks inside a cell renderer (#5158) @flaviendelangle
+- [docs] Fix server-side pagination demo (#5361) @cherniavskii
+- [docs] Fix typo in the quick filter docs (#5313) @alexfauquette
+- [docs] Improve the "Getting started" page (#5293) @alexfauquette
+- [docs] New page for the pickers action bar customization (#5267) @flaviendelangle
+- [docs] Revise and split up "Overview" page into "Introduction" (#4692) @samuelsycamore
+- [docs] Use `useKeepGroupedColumnsHiddren` from the grid package on remaining demo (#5382) @flaviendelangle
+
 ## v5.12.3
 
 _Jun 23, 2022_
@@ -1363,7 +1509,7 @@ A big thanks to the 5 contributors who made this release possible. Here are some
 - [core] Fix `yarn prettier` script (#3292) @oliviertassinari
 - [core] Improve tests for Tree Data (#3366) @flaviendelangle
 - [core] Never import directly from the `__modules__` folder in the `x-data-grid-generator` package (#3379) @flaviendelangle
-- [core] Transition to a new StackOverflow tag (#3308) @oliviertassinari
+- [core] Transition to a new Stack Overflow tag (#3308) @oliviertassinari
 - [core] Update monorepo (#3370) @flaviendelangle
 - [core] Use pre-processors for sorting and filtering (#3318) @flaviendelangle
 - [test] Replace `useFakeTimers` (#3323) @m4theushw

package/CalendarPicker/DayPicker.js

@@ -9,7 +9,7 @@ import { PickersSlideTransition } from './PickersSlideTransition';
 import { useIsDayDisabled } from '../internals/hooks/validation/useDateValidation';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 4) * 6;
+const weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 2) * 6;
 const PickersCalendarDayHeader = styled('div')({
   display: 'flex',
   justifyContent: 'center',

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-alpha.7
+/** @license MUI v5.0.0-beta.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/internals/components/KeyboardDateInput.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["components", "disableOpenPicker", "getOpenDialogAriaText", "InputAdornmentProps", "InputProps", "inputRef", "openPicker", "OpenPickerButtonProps", "renderInput"];
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import { useLocaleText, useUtils } from '../hooks/useUtils';
@@ -48,12 +47,4 @@ export const KeyboardDateInput = /*#__PURE__*/React.forwardRef(function Keyboard
       }))
     })
   }));
-});
-process.env.NODE_ENV !== "production" ? KeyboardDateInput.propTypes = {
-  acceptRegex: PropTypes.instanceOf(RegExp),
-  getOpenDialogAriaText: PropTypes.func,
-  mask: PropTypes.string,
-  OpenPickerButtonProps: PropTypes.object,
-  renderInput: PropTypes.func.isRequired,
-  rifmFormatter: PropTypes.func
-} : void 0;
+});

package/internals/components/PureDateInput.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { onSpaceOrEnter } from '../utils/utils';
 import { useLocaleText, useUtils } from '../hooks/useUtils';
 import { getDisplayDate } from '../utils/text-field-helper';
@@ -47,8 +46,4 @@ export const PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInpu
       onKeyDown: onSpaceOrEnter(onOpen)
     })
   }, TextFieldProps));
-});
-PureDateInput.propTypes = {
-  getOpenDialogAriaText: PropTypes.func,
-  renderInput: PropTypes.func.isRequired
-};
+});

package/internals/hooks/useMaskedInput.js

@@ -45,15 +45,29 @@ export const useMaskedInput = ({
 
   const [innerInputValue, setInnerInputValue] = React.useState(parsedValue); // control the input text
 
-  const [innerDisplayedInputValue, setInnerDisplayedInputValue] = React.useState(getDisplayDate(utils, rawValue, inputFormat));
-  const isAcceptedValue = rawValue === null || utils.isValid(parsedValue);
+  const [innerDisplayedInputValue, setInnerDisplayedInputValue] = React.useState(getDisplayDate(utils, rawValue, inputFormat)); // Inspired from autocomplete: https://github.com/mui/material-ui/blob/2c89d036dc2e16f100528f161600dffc83241768/packages/mui-base/src/AutocompleteUnstyled/useAutocomplete.js#L185:L201
+
+  const prevRawValue = React.useRef();
+  React.useEffect(() => {
+    const rawValueChange = rawValue !== prevRawValue.current;
+    prevRawValue.current = rawValue;
+
+    if (!rawValueChange) {
+      return;
+    }
+
+    const newParsedValue = rawValue === null ? null : utils.date(rawValue);
+    const isAcceptedValue = rawValue === null || utils.isValid(newParsedValue);
+
+    if (!isAcceptedValue || utils.isEqual(innerInputValue, newParsedValue)) {
+      return;
+    } // When dev set a new valid value, we trust them
+
 
-  if (isAcceptedValue && !utils.isEqual(innerInputValue, parsedValue)) {
-    // When dev set a new valid value, we trust them
     const newDisplayDate = getDisplayDate(utils, rawValue, inputFormat);
-    setInnerInputValue(parsedValue);
+    setInnerInputValue(newParsedValue);
     setInnerDisplayedInputValue(newDisplayDate);
-  }
+  }, [utils, rawValue, inputFormat, innerInputValue]);
 
   const handleChange = text => {
     const finalString = text === '' || text === mask ? '' : text;

package/legacy/CalendarPicker/DayPicker.js

@@ -9,7 +9,7 @@ import { PickersSlideTransition } from './PickersSlideTransition';
 import { useIsDayDisabled } from '../internals/hooks/validation/useDateValidation';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 4) * 6;
+var weeksContainerHeight = (DAY_SIZE + DAY_MARGIN * 2) * 6;
 var PickersCalendarDayHeader = styled('div')({
   display: 'flex',
   justifyContent: 'center',

package/legacy/index.js

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

package/legacy/internals/components/KeyboardDateInput.js

@@ -3,7 +3,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["components", "disableOpenPicker", "getOpenDialogAriaText", "InputAdornmentProps", "InputProps", "inputRef", "openPicker", "OpenPickerButtonProps", "renderInput"];
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import IconButton from '@mui/material/IconButton';
 import InputAdornment from '@mui/material/InputAdornment';
 import { useLocaleText, useUtils } from '../hooks/useUtils';
@@ -46,12 +45,4 @@ export var KeyboardDateInput = /*#__PURE__*/React.forwardRef(function KeyboardDa
       }))
     }))))
   }));
-});
-process.env.NODE_ENV !== "production" ? KeyboardDateInput.propTypes = {
-  acceptRegex: PropTypes.instanceOf(RegExp),
-  getOpenDialogAriaText: PropTypes.func,
-  mask: PropTypes.string,
-  OpenPickerButtonProps: PropTypes.object,
-  renderInput: PropTypes.func.isRequired,
-  rifmFormatter: PropTypes.func
-} : void 0;
+});

package/legacy/internals/components/PureDateInput.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import { onSpaceOrEnter } from '../utils/utils';
 import { useLocaleText, useUtils } from '../hooks/useUtils';
 import { getDisplayDate } from '../utils/text-field-helper';
@@ -48,8 +47,4 @@ export var PureDateInput = /*#__PURE__*/React.forwardRef(function PureDateInput(
       onKeyDown: onSpaceOrEnter(onOpen)
     })
   }, TextFieldProps));
-});
-PureDateInput.propTypes = {
-  getOpenDialogAriaText: PropTypes.func,
-  renderInput: PropTypes.func.isRequired
-};
+});

package/legacy/internals/hooks/useMaskedInput.js

@@ -58,16 +58,30 @@ export var useMaskedInput = function useMaskedInput(_ref) {
   var _React$useState3 = React.useState(getDisplayDate(utils, rawValue, inputFormat)),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
       innerDisplayedInputValue = _React$useState4[0],
-      setInnerDisplayedInputValue = _React$useState4[1];
+      setInnerDisplayedInputValue = _React$useState4[1]; // Inspired from autocomplete: https://github.com/mui/material-ui/blob/2c89d036dc2e16f100528f161600dffc83241768/packages/mui-base/src/AutocompleteUnstyled/useAutocomplete.js#L185:L201
+
+
+  var prevRawValue = React.useRef();
+  React.useEffect(function () {
+    var rawValueChange = rawValue !== prevRawValue.current;
+    prevRawValue.current = rawValue;
+
+    if (!rawValueChange) {
+      return;
+    }
+
+    var newParsedValue = rawValue === null ? null : utils.date(rawValue);
+    var isAcceptedValue = rawValue === null || utils.isValid(newParsedValue);
+
+    if (!isAcceptedValue || utils.isEqual(innerInputValue, newParsedValue)) {
+      return;
+    } // When dev set a new valid value, we trust them
 
-  var isAcceptedValue = rawValue === null || utils.isValid(parsedValue);
 
-  if (isAcceptedValue && !utils.isEqual(innerInputValue, parsedValue)) {
-    // When dev set a new valid value, we trust them
     var newDisplayDate = getDisplayDate(utils, rawValue, inputFormat);
-    setInnerInputValue(parsedValue);
+    setInnerInputValue(newParsedValue);
     setInnerDisplayedInputValue(newDisplayDate);
-  }
+  }, [utils, rawValue, inputFormat, innerInputValue]);
 
   var handleChange = function handleChange(text) {
     var finalString = text === '' || text === mask ? '' : text;

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,10 @@ export * from './nlNL';
 export * from './ptBR';
 export * from './trTR';
 export * from './deDE';
+export * from './esES';
 export * from './frFR';
 export * from './enUS';
+export * from './nbNO';
 export * from './svSE';
+export * from './itIT';
 export * from './utils/pickersLocaleTextApi';