@mui/x-date-pickers 5.0.17 → 5.0.18

package/CHANGELOG.md

@@ -3,6 +3,40 @@
 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_

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI X v5.0.17
+/** @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.17
+/** @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/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/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.17
+/** @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/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.17
+/** @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/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.17",
+  "version": "5.0.18",
   "description": "The community edition of the date picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",