@mui/x-date-pickers 5.0.4 → 5.0.6

package/CHANGELOG.md

@@ -3,6 +3,88 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 5.17.9
+
+_Oct 28, 2022_
+
+We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡ Fix memory leak during unmount of the DataGrid (#6579) @cherniavskii
+- 🎁 Allow to disable the autofocus of the search field when opening the column visibility panel (#6630) @e-cloud
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.9` / `@mui/x-data-grid-pro@v5.17.9` / `@mui/x-data-grid-premium@v5.17.9`
+
+#### Changes
+
+- [DataGrid] Allow to disable autofocusing the search field in the columns panel (#6630) @e-cloud
+- [DataGrid] Fix `setRows` method not persisting new rows data after `loading` prop change (#6637) @cherniavskii
+- [DataGrid] Fix memory leak on grid unmount (#6579) @cherniavskii
+- [l10n] Improve Bulgarian (bg-BG) locale (#6635) @AtanasVA
+
+### `@mui/x-date-pickers@v5.0.6` / `@mui/x-date-pickers-pro@v5.0.6`
+
+#### Changes
+
+- [pickers] Ignore milliseconds in mask logic (#6618) @alexfauquette
+- [pickers] Update input when `inputFormat` is modified (#6617) @alexfauquette
+
+### Docs
+
+- [docs] Add token to redirect feedbacks on slack (#6592) @alexfauquette
+- [docs] Disable translations (#6639) @cherniavskii
+- [docs] Fix code edit for when v6 will be stable (#6600) @oliviertassinari
+- [docs] Fix typo in DataGrid demo page (#6632) (#6634) @LukasTy
+
+### Core
+
+- [core] Upgrade monorepo (#6570) @cherniavskii
+
+## 5.17.8
+
+_Oct 20, 2022_
+
+We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 🌍 Improve Turkish (tr-TR) locale on the data grid and pickers (#6573) @ramazansancar
+
+### `@mui/x-data-grid@v5.17.8` / `@mui/x-data-grid-pro@v5.17.8` / `@mui/x-data-grid-premium@v5.17.8`
+
+#### Changes
+
+- [DataGrid] Add `searchPredicate` prop to `GridColumnsPanel` component (#6572) @cherniavskii
+- [DataGrid] Fix grid not updating state on `rowCount` prop change (#6474) @cherniavskii
+- [DataGridPro] Fix row order being reset after updating the row (#6544) @cherniavskii
+- [l10n] Improve Turkish (tr-TR) locale on the data grid and pickers (#6542) (#6573) @ramazansancar
+
+### `@mui/x-date-pickers@v5.0.5` / `@mui/x-date-pickers-pro@v5.0.5`
+
+#### Changes
+
+- [CalendarPicker] Don't move to closest enabled date when `props.date` contains a disabled date (#6537) @flaviendelangle
+- [DateRangePicker] Fix calendar day outside of month layout shifting on hover (pick #6448) (#6538) @alexfauquette
+- [pickers] Fix typescript issues (#6510) @flaviendelangle
+
+### Docs
+
+- [docs] Fix 301 link to the sx prop page @oliviertassinari
+
+## 5.17.7
+
+_Oct 13, 2022_
+
+We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+### `@mui/x-data-grid@v5.17.7` / `@mui/x-data-grid-pro@v5.17.7` / `@mui/x-data-grid-premium@v5.17.7`
+
+#### Changes
+
+- [DataGrid] Fix error when using column grouping with all columns hidden (#6425) @alexfauquette
+- [DataGrid] Fix start edit mode with printable character in React 18 (#6478) @m4theushw
+
 ## 5.17.6
 
 _Oct 6, 2022_

package/CalendarPicker/CalendarPicker.js

@@ -196,23 +196,6 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
 
     return onChange(day, isFinish);
   }, [utils, date, onChange]);
-  React.useEffect(() => {
-    if (date && isDateDisabled(date)) {
-      const closestEnabledDate = findClosestEnabledDate({
-        utils,
-        date,
-        minDate,
-        maxDate,
-        disablePast,
-        disableFuture,
-        isDateDisabled
-      });
-      onChange(closestEnabledDate, 'partial');
-    } // This call is too expensive to run it on each prop change.
-    // So just ensure that we are not rendering disabled as selected on mount.
-
-  }, []); // eslint-disable-line
-
   React.useEffect(() => {
     if (date) {
       changeMonth(date);

package/PickersDay/PickersDay.js

@@ -102,7 +102,8 @@ const PickersDayFiller = styled('div', {
   ownerState
 }), {
   // visibility: 'hidden' does not work here as it hides the element from screen readers as well
-  opacity: 0
+  opacity: 0,
+  pointerEvents: 'none'
 }));
 
 const noop = () => {};

package/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.4
+/** @license MUI v5.0.6
  *
  * 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

@@ -49,20 +49,24 @@ export const useMaskedInput = ({
 
   const prevRawValue = React.useRef();
   const prevLocale = React.useRef(utils.locale);
+  const prevInputFormat = React.useRef(inputFormat);
   React.useEffect(() => {
     const rawValueHasChanged = rawValue !== prevRawValue.current;
     const localeHasChanged = utils.locale !== prevLocale.current;
+    const inputFormatHasChanged = inputFormat !== prevInputFormat.current;
     prevRawValue.current = rawValue;
     prevLocale.current = utils.locale;
+    prevInputFormat.current = inputFormat;
 
-    if (!rawValueHasChanged && !localeHasChanged) {
+    if (!rawValueHasChanged && !localeHasChanged && !inputFormatHasChanged) {
       return;
     }
 
     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;
 
-    if (!localeHasChanged && (!isAcceptedValue || utils.isEqual(innerInputValue, newParsedValue))) {
+    if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;
     } // When dev set a new valid value, we trust them
 

package/internals/models/muiPickersAdapter.d.ts

@@ -1,7 +1,7 @@
 import { IUtils } from '@date-io/core/IUtils';
 
 // TODO: Maybe we should add the same constraint.
-// @ts-expect-error TDate in our codebase does not have the `ExtendableDateType` constraint.
+// @ts-ignore TDate in our codebase does not have the `ExtendableDateType` constraint.
 export type MuiPickersAdapter<TDate> = IUtils<TDate>;
 
 export type MuiDateSectionName = 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second' | 'am-pm';

package/legacy/CalendarPicker/CalendarPicker.js

@@ -200,23 +200,6 @@ export var CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicke
 
     return onChange(day, isFinish);
   }, [utils, date, onChange]);
-  React.useEffect(function () {
-    if (date && isDateDisabled(date)) {
-      var closestEnabledDate = findClosestEnabledDate({
-        utils: utils,
-        date: date,
-        minDate: minDate,
-        maxDate: maxDate,
-        disablePast: disablePast,
-        disableFuture: disableFuture,
-        isDateDisabled: isDateDisabled
-      });
-      onChange(closestEnabledDate, 'partial');
-    } // This call is too expensive to run it on each prop change.
-    // So just ensure that we are not rendering disabled as selected on mount.
-
-  }, []); // eslint-disable-line
-
   React.useEffect(function () {
     if (date) {
       changeMonth(date);

package/legacy/PickersDay/PickersDay.js

@@ -97,7 +97,8 @@ var PickersDayFiller = styled('div', {
     ownerState: ownerState
   }), {
     // visibility: 'hidden' does not work here as it hides the element from screen readers as well
-    opacity: 0
+    opacity: 0,
+    pointerEvents: 'none'
   });
 });
 

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.4
+/** @license MUI v5.0.6
  *
  * 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

@@ -63,20 +63,24 @@ export var useMaskedInput = function useMaskedInput(_ref) {
 
   var prevRawValue = React.useRef();
   var prevLocale = React.useRef(utils.locale);
+  var prevInputFormat = React.useRef(inputFormat);
   React.useEffect(function () {
     var rawValueHasChanged = rawValue !== prevRawValue.current;
     var localeHasChanged = utils.locale !== prevLocale.current;
+    var inputFormatHasChanged = inputFormat !== prevInputFormat.current;
     prevRawValue.current = rawValue;
     prevLocale.current = utils.locale;
+    prevInputFormat.current = inputFormat;
 
-    if (!rawValueHasChanged && !localeHasChanged) {
+    if (!rawValueHasChanged && !localeHasChanged && !inputFormatHasChanged) {
       return;
     }
 
     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;
 
-    if (!localeHasChanged && (!isAcceptedValue || utils.isEqual(innerInputValue, newParsedValue))) {
+    if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;
     } // When dev set a new valid value, we trust them
 

package/legacy/locales/trTR.js

@@ -1,5 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
 var trTRPickers = {
   // Calendar navigation
   previousMonth: 'Önceki ay',
@@ -7,8 +6,12 @@ var trTRPickers = {
   // View navigation
   openPreviousView: 'sonraki görünüm',
   openNextView: 'önceki görünüm',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
-  // inputModeToggleButtonAriaLabel: (isKeyboardInputOpen: boolean, viewType: 'calendar' | 'clock') => isKeyboardInputOpen ? `text input view is open, go to ${viewType} view` : `${viewType} view is open, go to text input view`,
+  calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
+    return view === 'year' ? 'yıl görünümü açık, takvim görünümüne geç' : 'takvim görünümü açık, yıl görünümüne geç';
+  },
+  inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
+    return isKeyboardInputOpen ? "metin giri\u015Fi g\xF6r\xFCn\xFCm\xFC a\xE7\u0131k, \u015Furaya gidin: ".concat(viewType, " g\xF6r\xFCn\xFCm\xFC") : "".concat(viewType, " g\xF6r\xFCn\xFCm a\xE7\u0131k, metin giri\u015Fi g\xF6r\xFCn\xFCm\xFCne gidin");
+  },
   // DateRange placeholders
   start: 'Başlangıç',
   end: 'Bitiş',
@@ -16,22 +19,34 @@ var trTRPickers = {
   cancelButtonLabel: 'iptal',
   clearButtonLabel: 'Temizle',
   okButtonLabel: 'Tamam',
-  todayButtonLabel: 'Bugün' // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  todayButtonLabel: 'Bugün',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'Tarih Seç',
+  dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
+  timePickerDefaultToolbarTitle: 'Saat seç',
+  dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
   // 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`,
+  clockLabelText: function clockLabelText(view, time, adapter) {
+    return "".concat(view, " se\xE7.  ").concat(time === null ? 'Zaman seçilmedi' : "Se\xE7ilen zaman: ".concat(adapter.format(time, 'fullTime')));
+  },
+  hoursClockNumberText: function hoursClockNumberText(hours) {
+    return "".concat(hours, " saat");
+  },
+  minutesClockNumberText: function minutesClockNumberText(minutes) {
+    return "".concat(minutes, " dakika");
+  },
+  secondsClockNumberText: function secondsClockNumberText(seconds) {
+    return "".concat(seconds, " saniye");
+  },
   // 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(value, utils) {
+    return value !== null && utils.isValid(value) ? "Tarih se\xE7in, se\xE7ilen tarih: ".concat(utils.format(value, 'fullDate')) : 'Tarih seç';
+  },
+  openTimePickerDialogue: function openTimePickerDialogue(value, utils) {
+    return value !== null && utils.isValid(value) ? "Saat se\xE7in, se\xE7ilen saat: ".concat(utils.format(value, 'fullTime')) : 'Saat seç';
+  },
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'saat seç',
+  dateTableLabel: 'tarih seç'
 };
 export var trTR = getPickersLocalization(trTRPickers);

package/locales/trTR.d.ts

@@ -1,3 +1,4 @@
+import { CalendarPickerView } from '../internals/models';
 export declare const trTR: {
     components: {
         MuiLocalizationProvider: {
@@ -13,14 +14,14 @@ export declare const trTR: {
                     todayButtonLabel?: string | undefined;
                     start?: string | undefined;
                     end?: string | undefined;
-                    calendarViewSwitchingButtonAriaLabel?: ((currentView: import("..").CalendarPickerView) => string) | undefined;
+                    calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
                     inputModeToggleButtonAriaLabel?: ((isKeyboardInputOpen: boolean, viewType: "calendar" | "clock") => string) | undefined;
-                    clockLabelText?: ((view: import("..").ClockPickerView, time: any, adapter: import("../internals").MuiPickersAdapter<any>) => 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;
                     datePickerDefaultToolbarTitle?: string | undefined;

package/locales/trTR.js

@@ -1,5 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
 const trTRPickers = {
   // Calendar navigation
   previousMonth: 'Önceki ay',
@@ -7,8 +6,8 @@ const trTRPickers = {
   // View navigation
   openPreviousView: 'sonraki görünüm',
   openNextView: 'önceki görünüm',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
-  // inputModeToggleButtonAriaLabel: (isKeyboardInputOpen: boolean, viewType: 'calendar' | 'clock') => isKeyboardInputOpen ? `text input view is open, go to ${viewType} view` : `${viewType} view is open, go to text input view`,
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'yıl görünümü açık, takvim görünümüne geç' : 'takvim görünümü açık, yıl görünümüne geç',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `metin girişi görünümü açık, şuraya gidin: ${viewType} görünümü` : `${viewType} görünüm açık, metin girişi görünümüne gidin`,
   // DateRange placeholders
   start: 'Başlangıç',
   end: 'Bitiş',
@@ -16,22 +15,22 @@ const trTRPickers = {
   cancelButtonLabel: 'iptal',
   clearButtonLabel: 'Temizle',
   okButtonLabel: 'Tamam',
-  todayButtonLabel: 'Bugün' // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  todayButtonLabel: 'Bugün',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'Tarih Seç',
+  dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
+  timePickerDefaultToolbarTitle: 'Saat seç',
+  dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
   // 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`,
+  clockLabelText: (view, time, adapter) => `${view} seç.  ${time === null ? 'Zaman seçilmedi' : `Seçilen zaman: ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} saat`,
+  minutesClockNumberText: minutes => `${minutes} dakika`,
+  secondsClockNumberText: seconds => `${seconds} saniye`,
   // 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: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'saat seç',
+  dateTableLabel: 'tarih seç'
 };
 export const trTR = getPickersLocalization(trTRPickers);

package/modern/CalendarPicker/CalendarPicker.js

@@ -196,23 +196,6 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
 
     return onChange(day, isFinish);
   }, [utils, date, onChange]);
-  React.useEffect(() => {
-    if (date && isDateDisabled(date)) {
-      const closestEnabledDate = findClosestEnabledDate({
-        utils,
-        date,
-        minDate,
-        maxDate,
-        disablePast,
-        disableFuture,
-        isDateDisabled
-      });
-      onChange(closestEnabledDate, 'partial');
-    } // This call is too expensive to run it on each prop change.
-    // So just ensure that we are not rendering disabled as selected on mount.
-
-  }, []); // eslint-disable-line
-
   React.useEffect(() => {
     if (date) {
       changeMonth(date);

package/modern/PickersDay/PickersDay.js

@@ -102,7 +102,8 @@ const PickersDayFiller = styled('div', {
   ownerState
 }), {
   // visibility: 'hidden' does not work here as it hides the element from screen readers as well
-  opacity: 0
+  opacity: 0,
+  pointerEvents: 'none'
 }));
 
 const noop = () => {};

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.4
+/** @license MUI v5.0.6
  *
  * 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

@@ -49,20 +49,24 @@ export const useMaskedInput = ({
 
   const prevRawValue = React.useRef();
   const prevLocale = React.useRef(utils.locale);
+  const prevInputFormat = React.useRef(inputFormat);
   React.useEffect(() => {
     const rawValueHasChanged = rawValue !== prevRawValue.current;
     const localeHasChanged = utils.locale !== prevLocale.current;
+    const inputFormatHasChanged = inputFormat !== prevInputFormat.current;
     prevRawValue.current = rawValue;
     prevLocale.current = utils.locale;
+    prevInputFormat.current = inputFormat;
 
-    if (!rawValueHasChanged && !localeHasChanged) {
+    if (!rawValueHasChanged && !localeHasChanged && !inputFormatHasChanged) {
       return;
     }
 
     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;
 
-    if (!localeHasChanged && (!isAcceptedValue || utils.isEqual(innerInputValue, newParsedValue))) {
+    if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;
     } // When dev set a new valid value, we trust them
 

package/modern/locales/trTR.js

@@ -1,5 +1,4 @@
-import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
-
+import { getPickersLocalization } from './utils/getPickersLocalization';
 const trTRPickers = {
   // Calendar navigation
   previousMonth: 'Önceki ay',
@@ -7,8 +6,8 @@ const trTRPickers = {
   // View navigation
   openPreviousView: 'sonraki görünüm',
   openNextView: 'önceki görünüm',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
-  // inputModeToggleButtonAriaLabel: (isKeyboardInputOpen: boolean, viewType: 'calendar' | 'clock') => isKeyboardInputOpen ? `text input view is open, go to ${viewType} view` : `${viewType} view is open, go to text input view`,
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'yıl görünümü açık, takvim görünümüne geç' : 'takvim görünümü açık, yıl görünümüne geç',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `metin girişi görünümü açık, şuraya gidin: ${viewType} görünümü` : `${viewType} görünüm açık, metin girişi görünümüne gidin`,
   // DateRange placeholders
   start: 'Başlangıç',
   end: 'Bitiş',
@@ -16,22 +15,22 @@ const trTRPickers = {
   cancelButtonLabel: 'iptal',
   clearButtonLabel: 'Temizle',
   okButtonLabel: 'Tamam',
-  todayButtonLabel: 'Bugün' // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  todayButtonLabel: 'Bugün',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'Tarih Seç',
+  dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
+  timePickerDefaultToolbarTitle: 'Saat seç',
+  dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
   // 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`,
+  clockLabelText: (view, time, adapter) => `${view} seç.  ${time === null ? 'Zaman seçilmedi' : `Seçilen zaman: ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} saat`,
+  minutesClockNumberText: minutes => `${minutes} dakika`,
+  secondsClockNumberText: seconds => `${seconds} saniye`,
   // 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: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'saat seç',
+  dateTableLabel: 'tarih seç'
 };
 export const trTR = getPickersLocalization(trTRPickers);

package/node/CalendarPicker/CalendarPicker.js

@@ -227,23 +227,6 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
 
     return onChange(day, isFinish);
   }, [utils, date, onChange]);
-  React.useEffect(() => {
-    if (date && isDateDisabled(date)) {
-      const closestEnabledDate = (0, _dateUtils.findClosestEnabledDate)({
-        utils,
-        date,
-        minDate,
-        maxDate,
-        disablePast,
-        disableFuture,
-        isDateDisabled
-      });
-      onChange(closestEnabledDate, 'partial');
-    } // This call is too expensive to run it on each prop change.
-    // So just ensure that we are not rendering disabled as selected on mount.
-
-  }, []); // eslint-disable-line
-
   React.useEffect(() => {
     if (date) {
       changeMonth(date);

package/node/PickersDay/PickersDay.js

@@ -129,7 +129,8 @@ const PickersDayFiller = (0, _styles.styled)('div', {
   ownerState
 }), {
   // visibility: 'hidden' does not work here as it hides the element from screen readers as well
-  opacity: 0
+  opacity: 0,
+  pointerEvents: 'none'
 }));
 
 const noop = () => {};

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.4
+/** @license MUI v5.0.6
  *
  * 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

@@ -67,20 +67,24 @@ const useMaskedInput = ({
 
   const prevRawValue = React.useRef();
   const prevLocale = React.useRef(utils.locale);
+  const prevInputFormat = React.useRef(inputFormat);
   React.useEffect(() => {
     const rawValueHasChanged = rawValue !== prevRawValue.current;
     const localeHasChanged = utils.locale !== prevLocale.current;
+    const inputFormatHasChanged = inputFormat !== prevInputFormat.current;
     prevRawValue.current = rawValue;
     prevLocale.current = utils.locale;
+    prevInputFormat.current = inputFormat;
 
-    if (!rawValueHasChanged && !localeHasChanged) {
+    if (!rawValueHasChanged && !localeHasChanged && !inputFormatHasChanged) {
       return;
     }
 
     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;
 
-    if (!localeHasChanged && (!isAcceptedValue || utils.isEqual(innerInputValue, newParsedValue))) {
+    if (!localeHasChanged && !inputFormatHasChanged && (!isAcceptedValue || innerEqualsParsed)) {
       return;
     } // When dev set a new valid value, we trust them
 

package/node/locales/trTR.js

@@ -7,7 +7,6 @@ exports.trTR = void 0;
 
 var _getPickersLocalization = require("./utils/getPickersLocalization");
 
-// import { CalendarPickerView } from '../internals/models';
 const trTRPickers = {
   // Calendar navigation
   previousMonth: 'Önceki ay',
@@ -15,8 +14,8 @@ const trTRPickers = {
   // View navigation
   openPreviousView: 'sonraki görünüm',
   openNextView: 'önceki görünüm',
-  // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
-  // inputModeToggleButtonAriaLabel: (isKeyboardInputOpen: boolean, viewType: 'calendar' | 'clock') => isKeyboardInputOpen ? `text input view is open, go to ${viewType} view` : `${viewType} view is open, go to text input view`,
+  calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? 'yıl görünümü açık, takvim görünümüne geç' : 'takvim görünümü açık, yıl görünümüne geç',
+  inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `metin girişi görünümü açık, şuraya gidin: ${viewType} görünümü` : `${viewType} görünüm açık, metin girişi görünümüne gidin`,
   // DateRange placeholders
   start: 'Başlangıç',
   end: 'Bitiş',
@@ -24,23 +23,23 @@ const trTRPickers = {
   cancelButtonLabel: 'iptal',
   clearButtonLabel: 'Temizle',
   okButtonLabel: 'Tamam',
-  todayButtonLabel: 'Bugün' // Toolbar titles
-  // datePickerDefaultToolbarTitle: 'Select date',
-  // dateTimePickerDefaultToolbarTitle: 'Select date & time',
-  // timePickerDefaultToolbarTitle: 'Select time',
-  // dateRangePickerDefaultToolbarTitle: 'Select date range',
+  todayButtonLabel: 'Bugün',
+  // Toolbar titles
+  datePickerDefaultToolbarTitle: 'Tarih Seç',
+  dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
+  timePickerDefaultToolbarTitle: 'Saat seç',
+  dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
   // 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`,
+  clockLabelText: (view, time, adapter) => `${view} seç.  ${time === null ? 'Zaman seçilmedi' : `Seçilen zaman: ${adapter.format(time, 'fullTime')}`}`,
+  hoursClockNumberText: hours => `${hours} saat`,
+  minutesClockNumberText: minutes => `${minutes} dakika`,
+  secondsClockNumberText: seconds => `${seconds} saniye`,
   // 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: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
+  openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
   // Table labels
-  // timeTableLabel: 'pick time',
-  // dateTableLabel: 'pick date',
-
+  timeTableLabel: 'saat seç',
+  dateTableLabel: 'tarih seç'
 };
 const trTR = (0, _getPickersLocalization.getPickersLocalization)(trTRPickers);
 exports.trTR = trTR;

package/package.json

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

package/themeAugmentation/props.d.ts

@@ -31,9 +31,10 @@ import {
   PickerStaticWrapperProps,
   ExportedCalendarHeaderProps,
 } from '../internals';
+import { CalendarOrClockPickerView } from '../internals/models';
 
 export interface PickersComponentsPropsList {
-  MuiCalendarOrClockPicker: CalendarOrClockPickerProps<unknown, unknown>;
+  MuiCalendarOrClockPicker: CalendarOrClockPickerProps<unknown, CalendarOrClockPickerView>;
   MuiCalendarPicker: CalendarPickerProps<unknown>;
   MuiCalendarPickerSkeleton: CalendarPickerSkeletonProps;
   MuiClock: ClockProps<unknown>;