@mui/x-date-pickers 5.0.16 → 5.0.18

package/CHANGELOG.md

@@ -3,6 +3,66 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.23
+
+_Feb 9, 2023_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Improve Brazilian Portuguese (pt-BR) locale
+- 🎉 Add banner and callouts to inform about MUI X v6 beta
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.23` / `@mui/x-data-grid-pro@v5.17.23` / `@mui/x-data-grid-premium@v5.17.23`
+
+#### Changes
+
+- [DataGrid] Allow to customize the value displayed in the filter button tooltip (#7816) @ithrforu
+- [DataGrid] Fix `getCellElement` method not working with pinned columns (#7844) @yaredtsy
+- [DataGrid] Fix stale rows issue in `unstable_replaceRows` (#7694) @MBilalShafi
+- [l10n] Improve Brazilian Portuguese (pt-BR) locale (#7850) @ed-ateixeira
+
+### `@mui/x-date-pickers@v_5.0.18` / `@mui/x-date-pickers-pro@v_5.0.18`
+
+#### Changes
+
+- [pickers] Update pickers when new value has a distinct timezone (#7853) @alexfauquette
+
+### Docs
+
+- [docs] Add messages in v5 doc to inform people about v6 (#7838) @flaviendelangle
+- [docs] Fix 301 link @oliviertassinari
+
+### Core
+
+- [core] Upgrade monorepo (#7849) @cherniavskii
+
+## v5.17.22
+
+_Feb 2, 2023_
+
+We'd like to offer a big thanks to the 4 contributors who made this release possible. Here are some highlights ✨:
+
+- 🌍 Add Urdu (ur-PK) locale
+- 🌍 Improve French (fr-FR) and Italian (it-IT) locales
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.22` / `@mui/x-data-grid-pro@v5.17.22` / `@mui/x-data-grid-premium@v5.17.22`
+
+#### Changes
+
+- [DataGrid] Fix an error when deleting pinned row using the buttons in the `actions` column (#7767) @cherniavskii
+- [DataGrid] Fix print preview regression in Chrome browser (#7405) @cherniavskii
+- [l10n] Add Urdu (ur-PK) locale (#7778) @MBilalShafi
+- [l10n] Improve French (fr-FR) locale (#7795) @Vivek-Prajapatii
+
+### `@mui/x-date-pickers@v5.0.17` / `@mui/x-date-pickers-pro@v5.0.17`
+
+#### Changes
+
+- [TimePicker] Add missing `themeAugmentation` entry (#7732) @LukasTy
+- [l10n] Improve Italian (it-IT) locale (#7761) @simonecervini
+
 ## v5.17.21
 
 _Jan 27, 2023_

package/index.js

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

package/internals/hooks/useMaskedInput.js

@@ -64,7 +64,20 @@ export const useMaskedInput = ({
 
     const newParsedValue = rawValue === null ? null : utils.date(rawValue);
     const isAcceptedValue = rawValue === null || utils.isValid(newParsedValue);
-    const innerEqualsParsed = innerInputValue === null ? newParsedValue === null : newParsedValue !== null && Math.abs(utils.getDiff(innerInputValue, newParsedValue, 'seconds')) === 0;
+    let innerEqualsParsed = innerInputValue === null && newParsedValue === null; // equal by being both null
+
+    if (innerInputValue !== null && newParsedValue !== null) {
+      const areEqual = utils.isEqual(innerInputValue, newParsedValue);
+
+      if (areEqual) {
+        innerEqualsParsed = true;
+      } else {
+        const diff = Math.abs(utils.getDiff(innerInputValue, newParsedValue)); // diff in ms
+
+        innerEqualsParsed = diff === 0 ? areEqual // if no diff, use equal to test the time-zone
+        : diff < 1000; // accept a difference bellow 1s
+      }
+    }
 
     if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.0.16
+/** @license MUI X v5.0.18
  *
  * 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/hooks/useMaskedInput.js

@@ -78,7 +78,20 @@ export var useMaskedInput = function useMaskedInput(_ref) {
 
     var newParsedValue = rawValue === null ? null : utils.date(rawValue);
     var isAcceptedValue = rawValue === null || utils.isValid(newParsedValue);
-    var innerEqualsParsed = innerInputValue === null ? newParsedValue === null : newParsedValue !== null && Math.abs(utils.getDiff(innerInputValue, newParsedValue, 'seconds')) === 0;
+    var innerEqualsParsed = innerInputValue === null && newParsedValue === null; // equal by being both null
+
+    if (innerInputValue !== null && newParsedValue !== null) {
+      var areEqual = utils.isEqual(innerInputValue, newParsedValue);
+
+      if (areEqual) {
+        innerEqualsParsed = true;
+      } else {
+        var diff = Math.abs(utils.getDiff(innerInputValue, newParsedValue)); // diff in ms
+
+        innerEqualsParsed = diff === 0 ? areEqual // if no diff, use equal to test the time-zone
+        : diff < 1000; // accept a difference bellow 1s
+      }
+    }
 
     if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;

package/legacy/locales/itIT.js

@@ -51,7 +51,7 @@ var itITPickers = {
     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',
+  timeTableLabel: "scegli un'ora",
   dateTableLabel: 'scegli una data'
 };
 export var itIT = getPickersLocalization(itITPickers);

package/legacy/locales/ptBR.js

@@ -19,10 +19,10 @@ var ptBRPickers = {
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoje',
   // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  datePickerDefaultToolbarTitle: 'Selecione a data',
+  dateTimePickerDefaultToolbarTitle: 'Selecione data e hora',
+  timePickerDefaultToolbarTitle: 'Selecione a hora',
+  dateRangePickerDefaultToolbarTitle: 'Selecione o intervalo entre datas',
   // Clock labels
   clockLabelText: function clockLabelText(view, time, adapter) {
     return "Selecione ".concat(view, ". ").concat(time === null ? 'Hora não selecionada' : "Selecionado a hora ".concat(adapter.format(time, 'fullTime')));

package/locales/itIT.js

@@ -35,7 +35,7 @@ const itITPickers = {
   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',
+  timeTableLabel: "scegli un'ora",
   dateTableLabel: 'scegli una data'
 };
 export const itIT = getPickersLocalization(itITPickers);

package/locales/ptBR.js

@@ -17,10 +17,10 @@ const ptBRPickers = {
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoje',
   // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  datePickerDefaultToolbarTitle: 'Selecione a data',
+  dateTimePickerDefaultToolbarTitle: 'Selecione data e hora',
+  timePickerDefaultToolbarTitle: 'Selecione a hora',
+  dateRangePickerDefaultToolbarTitle: 'Selecione o intervalo entre datas',
   // Clock labels
   clockLabelText: (view, time, adapter) => `Selecione ${view}. ${time === null ? 'Hora não selecionada' : `Selecionado a hora ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} horas`,

package/modern/index.js

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

package/modern/internals/hooks/useMaskedInput.js

@@ -64,7 +64,20 @@ export const useMaskedInput = ({
 
     const newParsedValue = rawValue === null ? null : utils.date(rawValue);
     const isAcceptedValue = rawValue === null || utils.isValid(newParsedValue);
-    const innerEqualsParsed = innerInputValue === null ? newParsedValue === null : newParsedValue !== null && Math.abs(utils.getDiff(innerInputValue, newParsedValue, 'seconds')) === 0;
+    let innerEqualsParsed = innerInputValue === null && newParsedValue === null; // equal by being both null
+
+    if (innerInputValue !== null && newParsedValue !== null) {
+      const areEqual = utils.isEqual(innerInputValue, newParsedValue);
+
+      if (areEqual) {
+        innerEqualsParsed = true;
+      } else {
+        const diff = Math.abs(utils.getDiff(innerInputValue, newParsedValue)); // diff in ms
+
+        innerEqualsParsed = diff === 0 ? areEqual // if no diff, use equal to test the time-zone
+        : diff < 1000; // accept a difference bellow 1s
+      }
+    }
 
     if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;

package/modern/locales/itIT.js

@@ -35,7 +35,7 @@ const itITPickers = {
   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',
+  timeTableLabel: "scegli un'ora",
   dateTableLabel: 'scegli una data'
 };
 export const itIT = getPickersLocalization(itITPickers);

package/modern/locales/ptBR.js

@@ -17,10 +17,10 @@ const ptBRPickers = {
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoje',
   // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  datePickerDefaultToolbarTitle: 'Selecione a data',
+  dateTimePickerDefaultToolbarTitle: 'Selecione data e hora',
+  timePickerDefaultToolbarTitle: 'Selecione a hora',
+  dateRangePickerDefaultToolbarTitle: 'Selecione o intervalo entre datas',
   // Clock labels
   clockLabelText: (view, time, adapter) => `Selecione ${view}. ${time === null ? 'Hora não selecionada' : `Selecionado a hora ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} horas`,

package/node/index.js

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

package/node/internals/hooks/useMaskedInput.js

@@ -82,7 +82,20 @@ const useMaskedInput = ({
 
     const newParsedValue = rawValue === null ? null : utils.date(rawValue);
     const isAcceptedValue = rawValue === null || utils.isValid(newParsedValue);
-    const innerEqualsParsed = innerInputValue === null ? newParsedValue === null : newParsedValue !== null && Math.abs(utils.getDiff(innerInputValue, newParsedValue, 'seconds')) === 0;
+    let innerEqualsParsed = innerInputValue === null && newParsedValue === null; // equal by being both null
+
+    if (innerInputValue !== null && newParsedValue !== null) {
+      const areEqual = utils.isEqual(innerInputValue, newParsedValue);
+
+      if (areEqual) {
+        innerEqualsParsed = true;
+      } else {
+        const diff = Math.abs(utils.getDiff(innerInputValue, newParsedValue)); // diff in ms
+
+        innerEqualsParsed = diff === 0 ? areEqual // if no diff, use equal to test the time-zone
+        : diff < 1000; // accept a difference bellow 1s
+      }
+    }
 
     if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;

package/node/locales/itIT.js

@@ -43,7 +43,7 @@ const itITPickers = {
   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',
+  timeTableLabel: "scegli un'ora",
   dateTableLabel: 'scegli una data'
 };
 const itIT = (0, _getPickersLocalization.getPickersLocalization)(itITPickers);

package/node/locales/ptBR.js

@@ -25,10 +25,10 @@ const ptBRPickers = {
   okButtonLabel: 'OK',
   todayButtonLabel: 'Hoje',
   // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  datePickerDefaultToolbarTitle: 'Selecione a data',
+  dateTimePickerDefaultToolbarTitle: 'Selecione data e hora',
+  timePickerDefaultToolbarTitle: 'Selecione a hora',
+  dateRangePickerDefaultToolbarTitle: 'Selecione o intervalo entre datas',
   // Clock labels
   clockLabelText: (view, time, adapter) => `Selecione ${view}. ${time === null ? 'Hora não selecionada' : `Selecionado a hora ${adapter.format(time, 'fullTime')}`}`,
   hoursClockNumberText: hours => `${hours} horas`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "5.0.16",
+  "version": "5.0.18",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/themeAugmentation/components.d.ts

@@ -161,6 +161,11 @@ export interface PickerComponents<Theme = unknown> {
     styleOverrides?: ComponentsOverrides<Theme>['MuiStaticTimePicker'];
     variants?: ComponentsVariants['MuiStaticTimePicker'];
   };
+  MuiTimePicker?: {
+    defaultProps?: ComponentsProps['MuiTimePicker'];
+    styleOverrides?: ComponentsOverrides<Theme>['MuiTimePicker'];
+    variants?: ComponentsVariants['MuiTimePicker'];
+  };
   MuiTimePickerToolbar?: {
     defaultProps?: ComponentsProps['MuiTimePickerToolbar'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiTimePickerToolbar'];