@mui/x-date-pickers 5.0.3 → 5.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,7 +3,112 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## v5.17.4
6
+ ## 5.17.8
7
+
8
+ _Oct 20, 2022_
9
+
10
+ We'd like to offer a big thanks to the 5 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🐞 Bugfixes
13
+ - 🌍 Improve Turkish (tr-TR) locale on the data grid and pickers (#6573) @ramazansancar
14
+
15
+ ### `@mui/x-data-grid@v5.17.8` / `@mui/x-data-grid-pro@v5.17.8` / `@mui/x-data-grid-premium@v5.17.8`
16
+
17
+ #### Changes
18
+
19
+ - [DataGrid] Add `searchPredicate` prop to `GridColumnsPanel` component (#6572) @cherniavskii
20
+ - [DataGrid] Fix grid not updating state on `rowCount` prop change (#6474) @cherniavskii
21
+ - [DataGridPro] Fix row order being reset after updating the row (#6544) @cherniavskii
22
+ - [l10n] Improve Turkish (tr-TR) locale on the data grid and pickers (#6542) (#6573) @ramazansancar
23
+
24
+ ### `@mui/x-date-pickers@v5.0.5` / `@mui/x-date-pickers-pro@v5.0.5`
25
+
26
+ #### Changes
27
+
28
+ - [CalendarPicker] Don't move to closest enabled date when `props.date` contains a disabled date (#6537) @flaviendelangle
29
+ - [DateRangePicker] Fix calendar day outside of month layout shifting on hover (pick #6448) (#6538) @alexfauquette
30
+ - [pickers] Fix typescript issues (#6510) @flaviendelangle
31
+
32
+ ### Docs
33
+
34
+ - [docs] Fix 301 link to the sx prop page @oliviertassinari
35
+
36
+ ## 5.17.7
37
+
38
+ _Oct 13, 2022_
39
+
40
+ We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
41
+
42
+ - 🐞 Bugfixes
43
+
44
+ ### `@mui/x-data-grid@v5.17.7` / `@mui/x-data-grid-pro@v5.17.7` / `@mui/x-data-grid-premium@v5.17.7`
45
+
46
+ #### Changes
47
+
48
+ - [DataGrid] Fix error when using column grouping with all columns hidden (#6425) @alexfauquette
49
+ - [DataGrid] Fix start edit mode with printable character in React 18 (#6478) @m4theushw
50
+
51
+ ## 5.17.6
52
+
53
+ _Oct 6, 2022_
54
+
55
+ We'd like to offer a big thanks to the 7 contributors who made this release possible. Here are some highlights ✨:
56
+
57
+ - 🌍 Add Japanese (ja-JP) locale to pickers (#6365) @sho918
58
+ - 🎁 Improve support for theme augmentation in the DataGrid (#6406) @cherniavskii
59
+ - 🐞 Bugfixes
60
+
61
+ ### `@mui/x-data-grid@v5.17.6` / `@mui/x-data-grid-pro@v5.17.6` / `@mui/x-data-grid-premium@v5.17.6`
62
+
63
+ #### Changes
64
+
65
+ - [DataGrid] Add missing `valueOptions` (#6400) @DanailH
66
+ - [DataGrid] Don't start edit mode when pressing <kbd>Shift</kbd> + <kbd>Space</kbd> (#6380) @m4theushw
67
+ - [DataGrid] Pass generics to the components in the theme augmentation (#6406) @cherniavskii
68
+
69
+ ### `@mui/x-date-pickers@v5.0.4` / `@mui/x-date-pickers-pro@v5.0.4`
70
+
71
+ #### Changes
72
+
73
+ - [l10n] Add Japanese (ja-JP) locale to pickers (#6365) (#6382) @sho918
74
+ - [pickers] Prevent `CalendarPicker` getting focus when `autoFocus=false` (#6304) (#6362) @alexfauquette
75
+ - [pickers] Fix git repository location @oliviertassinari
76
+
77
+ ### Docs
78
+
79
+ - [docs] Fix customized day rendering demo style (#6342) @Ambrish-git
80
+
81
+ ## 5.17.5
82
+
83
+ _Sep 29, 2022_
84
+
85
+ We'd like to offer a big thanks to the 2 contributors who made this release possible. Here are some highlights ✨:
86
+
87
+ - 🎁 Add theme augmentation module to DataGridPremium (#6316) @cherniavskii
88
+ - 👀 Fix blank space when changing page with dynamic row height (#6320) @m4theushw
89
+ - 📚 Improve controlled editing demo to make easier to reuse it (#6306) @cherniavskii
90
+ - 🐞 Bugfixes
91
+
92
+ ### `@mui/x-data-grid@v5.17.5` / `@mui/x-data-grid-pro@v5.17.5` / `@mui/x-data-grid-premium@v5.17.5`
93
+
94
+ #### Changes
95
+
96
+ - [DataGrid] Fix `GridPagination` props typing (#6295) @cherniavskii
97
+ - [DataGrid] Fix `GridRow` not forwarding `ref` to the root element (#6303) @cherniavskii
98
+ - [DataGrid] Fix `undefined` value being showed in filter button tooltip text (#6271) @cherniavskii
99
+ - [DataGrid] Fix blank space when changing page with dynamic row height (#6320) @m4theushw
100
+ - [DataGrid] Revert cell/row mode if `processRowUpdate` fails (#6319) @m4theushw
101
+ - [DataGridPremium] Add missing `themeAugmentation` module (#6316) @cherniavskii
102
+
103
+ ### Docs
104
+
105
+ - [docs] Pass model change callbacks in controlled grid editing demos (#6306) @cherniavskii
106
+
107
+ ### Core
108
+
109
+ - [core] Reduce the amount of updated screenshots reported by Argos (#6310) @cherniavskii
110
+
111
+ ## 5.17.4
7
112
 
8
113
  _Sep 22, 2022_
9
114
 
@@ -196,23 +196,6 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
196
196
 
197
197
  return onChange(day, isFinish);
198
198
  }, [utils, date, onChange]);
199
- React.useEffect(() => {
200
- if (date && isDateDisabled(date)) {
201
- const closestEnabledDate = findClosestEnabledDate({
202
- utils,
203
- date,
204
- minDate,
205
- maxDate,
206
- disablePast,
207
- disableFuture,
208
- isDateDisabled
209
- });
210
- onChange(closestEnabledDate, 'partial');
211
- } // This call is too expensive to run it on each prop change.
212
- // So just ensure that we are not rendering disabled as selected on mount.
213
-
214
- }, []); // eslint-disable-line
215
-
216
199
  React.useEffect(() => {
217
200
  if (date) {
218
201
  changeMonth(date);
@@ -257,8 +240,14 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
257
240
  setInternalFocusedView(prevView => prevView === eventView ? null : prevView);
258
241
  }
259
242
  });
243
+ const prevOpenViewRef = React.useRef(openView);
260
244
  React.useEffect(() => {
261
245
  // Set focus to the button when switching from a view to another
246
+ if (prevOpenViewRef.current === openView) {
247
+ return;
248
+ }
249
+
250
+ prevOpenViewRef.current = openView;
262
251
  handleFocusedViewChange(openView)(true);
263
252
  }, [openView, handleFocusedViewChange]);
264
253
  return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
@@ -102,7 +102,8 @@ const PickersDayFiller = styled('div', {
102
102
  ownerState
103
103
  }), {
104
104
  // visibility: 'hidden' does not work here as it hides the element from screen readers as well
105
- opacity: 0
105
+ opacity: 0,
106
+ pointerEvents: 'none'
106
107
  }));
107
108
 
108
109
  const noop = () => {};
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.3
1
+ /** @license MUI v5.0.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -1,7 +1,7 @@
1
1
  import { IUtils } from '@date-io/core/IUtils';
2
2
 
3
3
  // TODO: Maybe we should add the same constraint.
4
- // @ts-expect-error TDate in our codebase does not have the `ExtendableDateType` constraint.
4
+ // @ts-ignore TDate in our codebase does not have the `ExtendableDateType` constraint.
5
5
  export type MuiPickersAdapter<TDate> = IUtils<TDate>;
6
6
 
7
7
  export type MuiDateSectionName = 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second' | 'am-pm';
@@ -200,23 +200,6 @@ export var CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicke
200
200
 
201
201
  return onChange(day, isFinish);
202
202
  }, [utils, date, onChange]);
203
- React.useEffect(function () {
204
- if (date && isDateDisabled(date)) {
205
- var closestEnabledDate = findClosestEnabledDate({
206
- utils: utils,
207
- date: date,
208
- minDate: minDate,
209
- maxDate: maxDate,
210
- disablePast: disablePast,
211
- disableFuture: disableFuture,
212
- isDateDisabled: isDateDisabled
213
- });
214
- onChange(closestEnabledDate, 'partial');
215
- } // This call is too expensive to run it on each prop change.
216
- // So just ensure that we are not rendering disabled as selected on mount.
217
-
218
- }, []); // eslint-disable-line
219
-
220
203
  React.useEffect(function () {
221
204
  if (date) {
222
205
  changeMonth(date);
@@ -270,8 +253,14 @@ export var CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicke
270
253
  }
271
254
  };
272
255
  });
256
+ var prevOpenViewRef = React.useRef(openView);
273
257
  React.useEffect(function () {
274
258
  // Set focus to the button when switching from a view to another
259
+ if (prevOpenViewRef.current === openView) {
260
+ return;
261
+ }
262
+
263
+ prevOpenViewRef.current = openView;
275
264
  handleFocusedViewChange(openView)(true);
276
265
  }, [openView, handleFocusedViewChange]);
277
266
  return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
@@ -97,7 +97,8 @@ var PickersDayFiller = styled('div', {
97
97
  ownerState: ownerState
98
98
  }), {
99
99
  // visibility: 'hidden' does not work here as it hides the element from screen readers as well
100
- opacity: 0
100
+ opacity: 0,
101
+ pointerEvents: 'none'
101
102
  });
102
103
  });
103
104
 
package/legacy/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.3
1
+ /** @license MUI v5.0.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -14,4 +14,5 @@ export * from './itIT';
14
14
  export * from './zhCN';
15
15
  export * from './koKR';
16
16
  export * from './isIS';
17
+ export * from './jaJP';
17
18
  export * from './utils/pickersLocaleTextApi';
@@ -0,0 +1,65 @@
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
2
+ // maps ClockPickerView to its translation
3
+ var clockViews = {
4
+ hours: '時間',
5
+ minutes: '分',
6
+ seconds: '秒'
7
+ }; // maps PickersToolbar["viewType"] to its translation
8
+
9
+ var pickerViews = {
10
+ calendar: 'カレンダー表示',
11
+ clock: '時計表示'
12
+ };
13
+ var jaJPPickers = {
14
+ // Calendar navigation
15
+ previousMonth: '先月',
16
+ nextMonth: '来月',
17
+ // View navigation
18
+ openPreviousView: '前の表示を開く',
19
+ openNextView: '次の表示を開く',
20
+ calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
21
+ return view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える';
22
+ },
23
+ inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
24
+ return isKeyboardInputOpen ? "\u30C6\u30AD\u30B9\u30C8\u5165\u529B\u8868\u793A\u304B\u3089".concat(pickerViews[viewType], "\u306B\u5207\u308A\u66FF\u3048\u308B") : "".concat(pickerViews[viewType], "\u304B\u3089\u30C6\u30AD\u30B9\u30C8\u5165\u529B\u8868\u793A\u306B\u5207\u308A\u66FF\u3048\u308B");
25
+ },
26
+ // DateRange placeholders
27
+ start: '開始',
28
+ end: '終了',
29
+ // Action bar
30
+ cancelButtonLabel: 'キャンセル',
31
+ clearButtonLabel: 'クリア',
32
+ okButtonLabel: '確定',
33
+ todayButtonLabel: '今日',
34
+ // Toolbar titles
35
+ datePickerDefaultToolbarTitle: '日付を選択',
36
+ dateTimePickerDefaultToolbarTitle: '日時を選択',
37
+ timePickerDefaultToolbarTitle: '時間を選択',
38
+ dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
39
+ // Clock labels
40
+ clockLabelText: function clockLabelText(view, time, adapter) {
41
+ var _clockViews$view;
42
+
43
+ return "".concat((_clockViews$view = clockViews[view]) != null ? _clockViews$view : view, "\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044 ").concat(time === null ? '時間が選択されていません' : "\u9078\u629E\u3057\u305F\u6642\u9593\u306F ".concat(adapter.format(time, 'fullTime'), " \u3067\u3059"));
44
+ },
45
+ hoursClockNumberText: function hoursClockNumberText(hours) {
46
+ return "".concat(hours, " ").concat(clockViews.hours);
47
+ },
48
+ minutesClockNumberText: function minutesClockNumberText(minutes) {
49
+ return "".concat(minutes, " ").concat(clockViews.minutes);
50
+ },
51
+ secondsClockNumberText: function secondsClockNumberText(seconds) {
52
+ return "".concat(seconds, " ").concat(clockViews.seconds);
53
+ },
54
+ // Open picker labels
55
+ openDatePickerDialogue: function openDatePickerDialogue(value, utils) {
56
+ return value !== null && utils.isValid(value) ? "\u65E5\u4ED8\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u9078\u629E\u3057\u305F\u65E5\u4ED8\u306F ".concat(utils.format(value, 'fullDate'), " \u3067\u3059") : '日付を選択してください';
57
+ },
58
+ openTimePickerDialogue: function openTimePickerDialogue(value, utils) {
59
+ return value !== null && utils.isValid(value) ? "\u6642\u9593\u3092\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u9078\u629E\u3057\u305F\u6642\u9593\u306F ".concat(utils.format(value, 'fullTime'), " \u3067\u3059") : '時間を選択してください';
60
+ },
61
+ // Table labels
62
+ timeTableLabel: '時間を選択',
63
+ dateTableLabel: '日付を選択'
64
+ };
65
+ export var jaJP = getPickersLocalization(jaJPPickers);
@@ -1,5 +1,4 @@
1
- import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
2
-
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
3
2
  var trTRPickers = {
4
3
  // Calendar navigation
5
4
  previousMonth: 'Önceki ay',
@@ -7,8 +6,12 @@ var trTRPickers = {
7
6
  // View navigation
8
7
  openPreviousView: 'sonraki görünüm',
9
8
  openNextView: 'önceki görünüm',
10
- // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
11
- // 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`,
9
+ calendarViewSwitchingButtonAriaLabel: function calendarViewSwitchingButtonAriaLabel(view) {
10
+ 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ç';
11
+ },
12
+ inputModeToggleButtonAriaLabel: function inputModeToggleButtonAriaLabel(isKeyboardInputOpen, viewType) {
13
+ 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");
14
+ },
12
15
  // DateRange placeholders
13
16
  start: 'Başlangıç',
14
17
  end: 'Bitiş',
@@ -16,22 +19,34 @@ var trTRPickers = {
16
19
  cancelButtonLabel: 'iptal',
17
20
  clearButtonLabel: 'Temizle',
18
21
  okButtonLabel: 'Tamam',
19
- todayButtonLabel: 'Bugün' // Toolbar titles
20
- // datePickerDefaultToolbarTitle: 'Select date',
21
- // dateTimePickerDefaultToolbarTitle: 'Select date & time',
22
- // timePickerDefaultToolbarTitle: 'Select time',
23
- // dateRangePickerDefaultToolbarTitle: 'Select date range',
22
+ todayButtonLabel: 'Bugün',
23
+ // Toolbar titles
24
+ datePickerDefaultToolbarTitle: 'Tarih Seç',
25
+ dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
26
+ timePickerDefaultToolbarTitle: 'Saat seç',
27
+ dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
24
28
  // Clock labels
25
- // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
26
- // hoursClockNumberText: hours => `${hours} hours`,
27
- // minutesClockNumberText: minutes => `${minutes} minutes`,
28
- // secondsClockNumberText: seconds => `${seconds} seconds`,
29
+ clockLabelText: function clockLabelText(view, time, adapter) {
30
+ return "".concat(view, " se\xE7. ").concat(time === null ? 'Zaman seçilmedi' : "Se\xE7ilen zaman: ".concat(adapter.format(time, 'fullTime')));
31
+ },
32
+ hoursClockNumberText: function hoursClockNumberText(hours) {
33
+ return "".concat(hours, " saat");
34
+ },
35
+ minutesClockNumberText: function minutesClockNumberText(minutes) {
36
+ return "".concat(minutes, " dakika");
37
+ },
38
+ secondsClockNumberText: function secondsClockNumberText(seconds) {
39
+ return "".concat(seconds, " saniye");
40
+ },
29
41
  // Open picker labels
30
- // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
31
- // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
42
+ openDatePickerDialogue: function openDatePickerDialogue(value, utils) {
43
+ return value !== null && utils.isValid(value) ? "Tarih se\xE7in, se\xE7ilen tarih: ".concat(utils.format(value, 'fullDate')) : 'Tarih seç';
44
+ },
45
+ openTimePickerDialogue: function openTimePickerDialogue(value, utils) {
46
+ return value !== null && utils.isValid(value) ? "Saat se\xE7in, se\xE7ilen saat: ".concat(utils.format(value, 'fullTime')) : 'Saat seç';
47
+ },
32
48
  // Table labels
33
- // timeTableLabel: 'pick time',
34
- // dateTableLabel: 'pick date',
35
-
49
+ timeTableLabel: 'saat seç',
50
+ dateTableLabel: 'tarih seç'
36
51
  };
37
52
  export var trTR = getPickersLocalization(trTRPickers);
@@ -14,4 +14,5 @@ export * from './itIT';
14
14
  export * from './zhCN';
15
15
  export * from './koKR';
16
16
  export * from './isIS';
17
+ export * from './jaJP';
17
18
  export * from './utils/pickersLocaleTextApi';
package/locales/index.js CHANGED
@@ -14,4 +14,5 @@ export * from './itIT';
14
14
  export * from './zhCN';
15
15
  export * from './koKR';
16
16
  export * from './isIS';
17
+ export * from './jaJP';
17
18
  export * from './utils/pickersLocaleTextApi';
@@ -0,0 +1,35 @@
1
+ import { CalendarPickerView } from '../internals/models';
2
+ export declare const jaJP: {
3
+ components: {
4
+ MuiLocalizationProvider: {
5
+ defaultProps: {
6
+ localeText: {
7
+ previousMonth?: string | undefined;
8
+ nextMonth?: string | undefined;
9
+ openPreviousView?: string | undefined;
10
+ openNextView?: string | undefined;
11
+ cancelButtonLabel?: string | undefined;
12
+ clearButtonLabel?: string | undefined;
13
+ okButtonLabel?: string | undefined;
14
+ todayButtonLabel?: string | undefined;
15
+ start?: string | undefined;
16
+ end?: string | undefined;
17
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
18
+ inputModeToggleButtonAriaLabel?: ((isKeyboardInputOpen: boolean, viewType: "calendar" | "clock") => string) | undefined;
19
+ clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
20
+ hoursClockNumberText?: ((hours: string) => string) | undefined;
21
+ minutesClockNumberText?: ((minutes: string) => string) | undefined;
22
+ secondsClockNumberText?: ((seconds: string) => string) | undefined;
23
+ openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
24
+ openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
25
+ timeTableLabel?: string | undefined;
26
+ dateTableLabel?: string | undefined;
27
+ datePickerDefaultToolbarTitle?: string | undefined;
28
+ dateTimePickerDefaultToolbarTitle?: string | undefined;
29
+ timePickerDefaultToolbarTitle?: string | undefined;
30
+ dateRangePickerDefaultToolbarTitle?: string | undefined;
31
+ };
32
+ };
33
+ };
34
+ };
35
+ };
@@ -0,0 +1,51 @@
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
2
+ // maps ClockPickerView to its translation
3
+ const clockViews = {
4
+ hours: '時間',
5
+ minutes: '分',
6
+ seconds: '秒'
7
+ }; // maps PickersToolbar["viewType"] to its translation
8
+
9
+ const pickerViews = {
10
+ calendar: 'カレンダー表示',
11
+ clock: '時計表示'
12
+ };
13
+ const jaJPPickers = {
14
+ // Calendar navigation
15
+ previousMonth: '先月',
16
+ nextMonth: '来月',
17
+ // View navigation
18
+ openPreviousView: '前の表示を開く',
19
+ openNextView: '次の表示を開く',
20
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える',
21
+ inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `テキスト入力表示から${pickerViews[viewType]}に切り替える` : `${pickerViews[viewType]}からテキスト入力表示に切り替える`,
22
+ // DateRange placeholders
23
+ start: '開始',
24
+ end: '終了',
25
+ // Action bar
26
+ cancelButtonLabel: 'キャンセル',
27
+ clearButtonLabel: 'クリア',
28
+ okButtonLabel: '確定',
29
+ todayButtonLabel: '今日',
30
+ // Toolbar titles
31
+ datePickerDefaultToolbarTitle: '日付を選択',
32
+ dateTimePickerDefaultToolbarTitle: '日時を選択',
33
+ timePickerDefaultToolbarTitle: '時間を選択',
34
+ dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
35
+ // Clock labels
36
+ clockLabelText: (view, time, adapter) => {
37
+ var _clockViews$view;
38
+
39
+ return `${(_clockViews$view = clockViews[view]) != null ? _clockViews$view : view}を選択してください ${time === null ? '時間が選択されていません' : `選択した時間は ${adapter.format(time, 'fullTime')} です`}`;
40
+ },
41
+ hoursClockNumberText: hours => `${hours} ${clockViews.hours}`,
42
+ minutesClockNumberText: minutes => `${minutes} ${clockViews.minutes}`,
43
+ secondsClockNumberText: seconds => `${seconds} ${clockViews.seconds}`,
44
+ // Open picker labels
45
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `日付を選択してください。選択した日付は ${utils.format(value, 'fullDate')} です` : '日付を選択してください',
46
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `時間を選択してください。選択した時間は ${utils.format(value, 'fullTime')} です` : '時間を選択してください',
47
+ // Table labels
48
+ timeTableLabel: '時間を選択',
49
+ dateTableLabel: '日付を選択'
50
+ };
51
+ export const jaJP = getPickersLocalization(jaJPPickers);
package/locales/trTR.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { CalendarPickerView } from '../internals/models';
1
2
  export declare const trTR: {
2
3
  components: {
3
4
  MuiLocalizationProvider: {
@@ -13,14 +14,14 @@ export declare const trTR: {
13
14
  todayButtonLabel?: string | undefined;
14
15
  start?: string | undefined;
15
16
  end?: string | undefined;
16
- calendarViewSwitchingButtonAriaLabel?: ((currentView: import("..").CalendarPickerView) => string) | undefined;
17
+ calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
17
18
  inputModeToggleButtonAriaLabel?: ((isKeyboardInputOpen: boolean, viewType: "calendar" | "clock") => string) | undefined;
18
- clockLabelText?: ((view: import("..").ClockPickerView, time: any, adapter: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
19
+ clockLabelText?: ((view: import("../internals/models").ClockPickerView, time: any, adapter: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
19
20
  hoursClockNumberText?: ((hours: string) => string) | undefined;
20
21
  minutesClockNumberText?: ((minutes: string) => string) | undefined;
21
22
  secondsClockNumberText?: ((seconds: string) => string) | undefined;
22
- openDatePickerDialogue?: ((date: any, utils: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
23
- openTimePickerDialogue?: ((date: any, utils: import("../internals").MuiPickersAdapter<any>) => string) | undefined;
23
+ openDatePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
24
+ openTimePickerDialogue?: ((date: any, utils: import("../internals/models").MuiPickersAdapter<any>) => string) | undefined;
24
25
  timeTableLabel?: string | undefined;
25
26
  dateTableLabel?: string | undefined;
26
27
  datePickerDefaultToolbarTitle?: string | undefined;
package/locales/trTR.js CHANGED
@@ -1,5 +1,4 @@
1
- import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
2
-
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
3
2
  const trTRPickers = {
4
3
  // Calendar navigation
5
4
  previousMonth: 'Önceki ay',
@@ -7,8 +6,8 @@ const trTRPickers = {
7
6
  // View navigation
8
7
  openPreviousView: 'sonraki görünüm',
9
8
  openNextView: 'önceki görünüm',
10
- // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
11
- // 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`,
9
+ 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ç',
10
+ 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`,
12
11
  // DateRange placeholders
13
12
  start: 'Başlangıç',
14
13
  end: 'Bitiş',
@@ -16,22 +15,22 @@ const trTRPickers = {
16
15
  cancelButtonLabel: 'iptal',
17
16
  clearButtonLabel: 'Temizle',
18
17
  okButtonLabel: 'Tamam',
19
- todayButtonLabel: 'Bugün' // Toolbar titles
20
- // datePickerDefaultToolbarTitle: 'Select date',
21
- // dateTimePickerDefaultToolbarTitle: 'Select date & time',
22
- // timePickerDefaultToolbarTitle: 'Select time',
23
- // dateRangePickerDefaultToolbarTitle: 'Select date range',
18
+ todayButtonLabel: 'Bugün',
19
+ // Toolbar titles
20
+ datePickerDefaultToolbarTitle: 'Tarih Seç',
21
+ dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
22
+ timePickerDefaultToolbarTitle: 'Saat seç',
23
+ dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
24
24
  // Clock labels
25
- // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
26
- // hoursClockNumberText: hours => `${hours} hours`,
27
- // minutesClockNumberText: minutes => `${minutes} minutes`,
28
- // secondsClockNumberText: seconds => `${seconds} seconds`,
25
+ clockLabelText: (view, time, adapter) => `${view} seç. ${time === null ? 'Zaman seçilmedi' : `Seçilen zaman: ${adapter.format(time, 'fullTime')}`}`,
26
+ hoursClockNumberText: hours => `${hours} saat`,
27
+ minutesClockNumberText: minutes => `${minutes} dakika`,
28
+ secondsClockNumberText: seconds => `${seconds} saniye`,
29
29
  // Open picker labels
30
- // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
31
- // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
30
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
31
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
32
32
  // Table labels
33
- // timeTableLabel: 'pick time',
34
- // dateTableLabel: 'pick date',
35
-
33
+ timeTableLabel: 'saat seç',
34
+ dateTableLabel: 'tarih seç'
36
35
  };
37
36
  export const trTR = getPickersLocalization(trTRPickers);
@@ -196,23 +196,6 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
196
196
 
197
197
  return onChange(day, isFinish);
198
198
  }, [utils, date, onChange]);
199
- React.useEffect(() => {
200
- if (date && isDateDisabled(date)) {
201
- const closestEnabledDate = findClosestEnabledDate({
202
- utils,
203
- date,
204
- minDate,
205
- maxDate,
206
- disablePast,
207
- disableFuture,
208
- isDateDisabled
209
- });
210
- onChange(closestEnabledDate, 'partial');
211
- } // This call is too expensive to run it on each prop change.
212
- // So just ensure that we are not rendering disabled as selected on mount.
213
-
214
- }, []); // eslint-disable-line
215
-
216
199
  React.useEffect(() => {
217
200
  if (date) {
218
201
  changeMonth(date);
@@ -257,8 +240,14 @@ export const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPic
257
240
  setInternalFocusedView(prevView => prevView === eventView ? null : prevView);
258
241
  }
259
242
  });
243
+ const prevOpenViewRef = React.useRef(openView);
260
244
  React.useEffect(() => {
261
245
  // Set focus to the button when switching from a view to another
246
+ if (prevOpenViewRef.current === openView) {
247
+ return;
248
+ }
249
+
250
+ prevOpenViewRef.current = openView;
262
251
  handleFocusedViewChange(openView)(true);
263
252
  }, [openView, handleFocusedViewChange]);
264
253
  return /*#__PURE__*/_jsxs(CalendarPickerRoot, {
@@ -102,7 +102,8 @@ const PickersDayFiller = styled('div', {
102
102
  ownerState
103
103
  }), {
104
104
  // visibility: 'hidden' does not work here as it hides the element from screen readers as well
105
- opacity: 0
105
+ opacity: 0,
106
+ pointerEvents: 'none'
106
107
  }));
107
108
 
108
109
  const noop = () => {};
package/modern/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.3
1
+ /** @license MUI v5.0.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -14,4 +14,5 @@ export * from './itIT';
14
14
  export * from './zhCN';
15
15
  export * from './koKR';
16
16
  export * from './isIS';
17
+ export * from './jaJP';
17
18
  export * from './utils/pickersLocaleTextApi';
@@ -0,0 +1,47 @@
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
2
+ // maps ClockPickerView to its translation
3
+ const clockViews = {
4
+ hours: '時間',
5
+ minutes: '分',
6
+ seconds: '秒'
7
+ }; // maps PickersToolbar["viewType"] to its translation
8
+
9
+ const pickerViews = {
10
+ calendar: 'カレンダー表示',
11
+ clock: '時計表示'
12
+ };
13
+ const jaJPPickers = {
14
+ // Calendar navigation
15
+ previousMonth: '先月',
16
+ nextMonth: '来月',
17
+ // View navigation
18
+ openPreviousView: '前の表示を開く',
19
+ openNextView: '次の表示を開く',
20
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える',
21
+ inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `テキスト入力表示から${pickerViews[viewType]}に切り替える` : `${pickerViews[viewType]}からテキスト入力表示に切り替える`,
22
+ // DateRange placeholders
23
+ start: '開始',
24
+ end: '終了',
25
+ // Action bar
26
+ cancelButtonLabel: 'キャンセル',
27
+ clearButtonLabel: 'クリア',
28
+ okButtonLabel: '確定',
29
+ todayButtonLabel: '今日',
30
+ // Toolbar titles
31
+ datePickerDefaultToolbarTitle: '日付を選択',
32
+ dateTimePickerDefaultToolbarTitle: '日時を選択',
33
+ timePickerDefaultToolbarTitle: '時間を選択',
34
+ dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
35
+ // Clock labels
36
+ clockLabelText: (view, time, adapter) => `${clockViews[view] ?? view}を選択してください ${time === null ? '時間が選択されていません' : `選択した時間は ${adapter.format(time, 'fullTime')} です`}`,
37
+ hoursClockNumberText: hours => `${hours} ${clockViews.hours}`,
38
+ minutesClockNumberText: minutes => `${minutes} ${clockViews.minutes}`,
39
+ secondsClockNumberText: seconds => `${seconds} ${clockViews.seconds}`,
40
+ // Open picker labels
41
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `日付を選択してください。選択した日付は ${utils.format(value, 'fullDate')} です` : '日付を選択してください',
42
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `時間を選択してください。選択した時間は ${utils.format(value, 'fullTime')} です` : '時間を選択してください',
43
+ // Table labels
44
+ timeTableLabel: '時間を選択',
45
+ dateTableLabel: '日付を選択'
46
+ };
47
+ export const jaJP = getPickersLocalization(jaJPPickers);
@@ -1,5 +1,4 @@
1
- import { getPickersLocalization } from './utils/getPickersLocalization'; // import { CalendarPickerView } from '../internals/models';
2
-
1
+ import { getPickersLocalization } from './utils/getPickersLocalization';
3
2
  const trTRPickers = {
4
3
  // Calendar navigation
5
4
  previousMonth: 'Önceki ay',
@@ -7,8 +6,8 @@ const trTRPickers = {
7
6
  // View navigation
8
7
  openPreviousView: 'sonraki görünüm',
9
8
  openNextView: 'önceki görünüm',
10
- // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
11
- // 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`,
9
+ 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ç',
10
+ 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`,
12
11
  // DateRange placeholders
13
12
  start: 'Başlangıç',
14
13
  end: 'Bitiş',
@@ -16,22 +15,22 @@ const trTRPickers = {
16
15
  cancelButtonLabel: 'iptal',
17
16
  clearButtonLabel: 'Temizle',
18
17
  okButtonLabel: 'Tamam',
19
- todayButtonLabel: 'Bugün' // Toolbar titles
20
- // datePickerDefaultToolbarTitle: 'Select date',
21
- // dateTimePickerDefaultToolbarTitle: 'Select date & time',
22
- // timePickerDefaultToolbarTitle: 'Select time',
23
- // dateRangePickerDefaultToolbarTitle: 'Select date range',
18
+ todayButtonLabel: 'Bugün',
19
+ // Toolbar titles
20
+ datePickerDefaultToolbarTitle: 'Tarih Seç',
21
+ dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
22
+ timePickerDefaultToolbarTitle: 'Saat seç',
23
+ dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
24
24
  // Clock labels
25
- // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
26
- // hoursClockNumberText: hours => `${hours} hours`,
27
- // minutesClockNumberText: minutes => `${minutes} minutes`,
28
- // secondsClockNumberText: seconds => `${seconds} seconds`,
25
+ clockLabelText: (view, time, adapter) => `${view} seç. ${time === null ? 'Zaman seçilmedi' : `Seçilen zaman: ${adapter.format(time, 'fullTime')}`}`,
26
+ hoursClockNumberText: hours => `${hours} saat`,
27
+ minutesClockNumberText: minutes => `${minutes} dakika`,
28
+ secondsClockNumberText: seconds => `${seconds} saniye`,
29
29
  // Open picker labels
30
- // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
31
- // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
30
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
31
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
32
32
  // Table labels
33
- // timeTableLabel: 'pick time',
34
- // dateTableLabel: 'pick date',
35
-
33
+ timeTableLabel: 'saat seç',
34
+ dateTableLabel: 'tarih seç'
36
35
  };
37
36
  export const trTR = getPickersLocalization(trTRPickers);
@@ -227,23 +227,6 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
227
227
 
228
228
  return onChange(day, isFinish);
229
229
  }, [utils, date, onChange]);
230
- React.useEffect(() => {
231
- if (date && isDateDisabled(date)) {
232
- const closestEnabledDate = (0, _dateUtils.findClosestEnabledDate)({
233
- utils,
234
- date,
235
- minDate,
236
- maxDate,
237
- disablePast,
238
- disableFuture,
239
- isDateDisabled
240
- });
241
- onChange(closestEnabledDate, 'partial');
242
- } // This call is too expensive to run it on each prop change.
243
- // So just ensure that we are not rendering disabled as selected on mount.
244
-
245
- }, []); // eslint-disable-line
246
-
247
230
  React.useEffect(() => {
248
231
  if (date) {
249
232
  changeMonth(date);
@@ -288,8 +271,14 @@ const CalendarPicker = /*#__PURE__*/React.forwardRef(function CalendarPicker(inP
288
271
  setInternalFocusedView(prevView => prevView === eventView ? null : prevView);
289
272
  }
290
273
  });
274
+ const prevOpenViewRef = React.useRef(openView);
291
275
  React.useEffect(() => {
292
276
  // Set focus to the button when switching from a view to another
277
+ if (prevOpenViewRef.current === openView) {
278
+ return;
279
+ }
280
+
281
+ prevOpenViewRef.current = openView;
293
282
  handleFocusedViewChange(openView)(true);
294
283
  }, [openView, handleFocusedViewChange]);
295
284
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CalendarPickerRoot, {
@@ -129,7 +129,8 @@ const PickersDayFiller = (0, _styles.styled)('div', {
129
129
  ownerState
130
130
  }), {
131
131
  // visibility: 'hidden' does not work here as it hides the element from screen readers as well
132
- opacity: 0
132
+ opacity: 0,
133
+ pointerEvents: 'none'
133
134
  }));
134
135
 
135
136
  const noop = () => {};
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.3
1
+ /** @license MUI v5.0.5
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -212,6 +212,19 @@ Object.keys(_isIS).forEach(function (key) {
212
212
  });
213
213
  });
214
214
 
215
+ var _jaJP = require("./jaJP");
216
+
217
+ Object.keys(_jaJP).forEach(function (key) {
218
+ if (key === "default" || key === "__esModule") return;
219
+ if (key in exports && exports[key] === _jaJP[key]) return;
220
+ Object.defineProperty(exports, key, {
221
+ enumerable: true,
222
+ get: function () {
223
+ return _jaJP[key];
224
+ }
225
+ });
226
+ });
227
+
215
228
  var _pickersLocaleTextApi = require("./utils/pickersLocaleTextApi");
216
229
 
217
230
  Object.keys(_pickersLocaleTextApi).forEach(function (key) {
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.jaJP = void 0;
7
+
8
+ var _getPickersLocalization = require("./utils/getPickersLocalization");
9
+
10
+ // maps ClockPickerView to its translation
11
+ const clockViews = {
12
+ hours: '時間',
13
+ minutes: '分',
14
+ seconds: '秒'
15
+ }; // maps PickersToolbar["viewType"] to its translation
16
+
17
+ const pickerViews = {
18
+ calendar: 'カレンダー表示',
19
+ clock: '時計表示'
20
+ };
21
+ const jaJPPickers = {
22
+ // Calendar navigation
23
+ previousMonth: '先月',
24
+ nextMonth: '来月',
25
+ // View navigation
26
+ openPreviousView: '前の表示を開く',
27
+ openNextView: '次の表示を開く',
28
+ calendarViewSwitchingButtonAriaLabel: view => view === 'year' ? '年選択表示からカレンダー表示に切り替える' : 'カレンダー表示から年選択表示に切り替える',
29
+ inputModeToggleButtonAriaLabel: (isKeyboardInputOpen, viewType) => isKeyboardInputOpen ? `テキスト入力表示から${pickerViews[viewType]}に切り替える` : `${pickerViews[viewType]}からテキスト入力表示に切り替える`,
30
+ // DateRange placeholders
31
+ start: '開始',
32
+ end: '終了',
33
+ // Action bar
34
+ cancelButtonLabel: 'キャンセル',
35
+ clearButtonLabel: 'クリア',
36
+ okButtonLabel: '確定',
37
+ todayButtonLabel: '今日',
38
+ // Toolbar titles
39
+ datePickerDefaultToolbarTitle: '日付を選択',
40
+ dateTimePickerDefaultToolbarTitle: '日時を選択',
41
+ timePickerDefaultToolbarTitle: '時間を選択',
42
+ dateRangePickerDefaultToolbarTitle: '日付の範囲を選択',
43
+ // Clock labels
44
+ clockLabelText: (view, time, adapter) => {
45
+ var _clockViews$view;
46
+
47
+ return `${(_clockViews$view = clockViews[view]) != null ? _clockViews$view : view}を選択してください ${time === null ? '時間が選択されていません' : `選択した時間は ${adapter.format(time, 'fullTime')} です`}`;
48
+ },
49
+ hoursClockNumberText: hours => `${hours} ${clockViews.hours}`,
50
+ minutesClockNumberText: minutes => `${minutes} ${clockViews.minutes}`,
51
+ secondsClockNumberText: seconds => `${seconds} ${clockViews.seconds}`,
52
+ // Open picker labels
53
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `日付を選択してください。選択した日付は ${utils.format(value, 'fullDate')} です` : '日付を選択してください',
54
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `時間を選択してください。選択した時間は ${utils.format(value, 'fullTime')} です` : '時間を選択してください',
55
+ // Table labels
56
+ timeTableLabel: '時間を選択',
57
+ dateTableLabel: '日付を選択'
58
+ };
59
+ const jaJP = (0, _getPickersLocalization.getPickersLocalization)(jaJPPickers);
60
+ exports.jaJP = jaJP;
@@ -7,7 +7,6 @@ exports.trTR = void 0;
7
7
 
8
8
  var _getPickersLocalization = require("./utils/getPickersLocalization");
9
9
 
10
- // import { CalendarPickerView } from '../internals/models';
11
10
  const trTRPickers = {
12
11
  // Calendar navigation
13
12
  previousMonth: 'Önceki ay',
@@ -15,8 +14,8 @@ const trTRPickers = {
15
14
  // View navigation
16
15
  openPreviousView: 'sonraki görünüm',
17
16
  openNextView: 'önceki görünüm',
18
- // calendarViewSwitchingButtonAriaLabel: (view: CalendarPickerView) => view === 'year' ? 'year view is open, switch to calendar view' : 'calendar view is open, switch to year view',
19
- // 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`,
17
+ 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ç',
18
+ 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`,
20
19
  // DateRange placeholders
21
20
  start: 'Başlangıç',
22
21
  end: 'Bitiş',
@@ -24,23 +23,23 @@ const trTRPickers = {
24
23
  cancelButtonLabel: 'iptal',
25
24
  clearButtonLabel: 'Temizle',
26
25
  okButtonLabel: 'Tamam',
27
- todayButtonLabel: 'Bugün' // Toolbar titles
28
- // datePickerDefaultToolbarTitle: 'Select date',
29
- // dateTimePickerDefaultToolbarTitle: 'Select date & time',
30
- // timePickerDefaultToolbarTitle: 'Select time',
31
- // dateRangePickerDefaultToolbarTitle: 'Select date range',
26
+ todayButtonLabel: 'Bugün',
27
+ // Toolbar titles
28
+ datePickerDefaultToolbarTitle: 'Tarih Seç',
29
+ dateTimePickerDefaultToolbarTitle: 'Tarih & Saat seç',
30
+ timePickerDefaultToolbarTitle: 'Saat seç',
31
+ dateRangePickerDefaultToolbarTitle: 'Tarih aralığı seçin',
32
32
  // Clock labels
33
- // clockLabelText: (view, time, adapter) => `Select ${view}. ${time === null ? 'No time selected' : `Selected time is ${adapter.format(time, 'fullTime')}`}`,
34
- // hoursClockNumberText: hours => `${hours} hours`,
35
- // minutesClockNumberText: minutes => `${minutes} minutes`,
36
- // secondsClockNumberText: seconds => `${seconds} seconds`,
33
+ clockLabelText: (view, time, adapter) => `${view} seç. ${time === null ? 'Zaman seçilmedi' : `Seçilen zaman: ${adapter.format(time, 'fullTime')}`}`,
34
+ hoursClockNumberText: hours => `${hours} saat`,
35
+ minutesClockNumberText: minutes => `${minutes} dakika`,
36
+ secondsClockNumberText: seconds => `${seconds} saniye`,
37
37
  // Open picker labels
38
- // openDatePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose date, selected date is ${utils.format(utils.date(rawValue)!, 'fullDate')}` : 'Choose date',
39
- // openTimePickerDialogue: (rawValue, utils) => rawValue && utils.isValid(utils.date(rawValue)) ? `Choose time, selected time is ${utils.format(utils.date(rawValue)!, 'fullTime')}` : 'Choose time',
38
+ openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Tarih seçin, seçilen tarih: ${utils.format(value, 'fullDate')}` : 'Tarih seç',
39
+ openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Saat seçin, seçilen saat: ${utils.format(value, 'fullTime')}` : 'Saat seç',
40
40
  // Table labels
41
- // timeTableLabel: 'pick time',
42
- // dateTableLabel: 'pick date',
43
-
41
+ timeTableLabel: 'saat seç',
42
+ dateTableLabel: 'tarih seç'
44
43
  };
45
44
  const trTR = (0, _getPickersLocalization.getPickersLocalization)(trTRPickers);
46
45
  exports.trTR = trTR;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-date-pickers",
3
- "version": "5.0.3",
3
+ "version": "5.0.5",
4
4
  "description": "The community edition of the date picker components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -29,7 +29,7 @@
29
29
  ],
30
30
  "repository": {
31
31
  "type": "git",
32
- "url": "https://github.com/mui-org/material-ui-x.git",
32
+ "url": "https://github.com/mui/mui-x.git",
33
33
  "directory": "packages/x-date-pickers"
34
34
  },
35
35
  "dependencies": {
@@ -31,9 +31,10 @@ import {
31
31
  PickerStaticWrapperProps,
32
32
  ExportedCalendarHeaderProps,
33
33
  } from '../internals';
34
+ import { CalendarOrClockPickerView } from '../internals/models';
34
35
 
35
36
  export interface PickersComponentsPropsList {
36
- MuiCalendarOrClockPicker: CalendarOrClockPickerProps<unknown, unknown>;
37
+ MuiCalendarOrClockPicker: CalendarOrClockPickerProps<unknown, CalendarOrClockPickerView>;
37
38
  MuiCalendarPicker: CalendarPickerProps<unknown>;
38
39
  MuiCalendarPickerSkeleton: CalendarPickerSkeletonProps;
39
40
  MuiClock: ClockProps<unknown>;