@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 +106 -1
- package/CalendarPicker/CalendarPicker.js +6 -17
- package/PickersDay/PickersDay.js +2 -1
- package/index.js +1 -1
- package/internals/models/muiPickersAdapter.d.ts +1 -1
- package/legacy/CalendarPicker/CalendarPicker.js +6 -17
- package/legacy/PickersDay/PickersDay.js +2 -1
- package/legacy/index.js +1 -1
- package/legacy/locales/index.js +1 -0
- package/legacy/locales/jaJP.js +65 -0
- package/legacy/locales/trTR.js +33 -18
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/locales/jaJP.d.ts +35 -0
- package/locales/jaJP.js +51 -0
- package/locales/trTR.d.ts +5 -4
- package/locales/trTR.js +17 -18
- package/modern/CalendarPicker/CalendarPicker.js +6 -17
- package/modern/PickersDay/PickersDay.js +2 -1
- package/modern/index.js +1 -1
- package/modern/locales/index.js +1 -0
- package/modern/locales/jaJP.js +47 -0
- package/modern/locales/trTR.js +17 -18
- package/node/CalendarPicker/CalendarPicker.js +6 -17
- package/node/PickersDay/PickersDay.js +2 -1
- package/node/index.js +1 -1
- package/node/locales/index.js +13 -0
- package/node/locales/jaJP.js +60 -0
- package/node/locales/trTR.js +16 -17
- package/package.json +2 -2
- package/themeAugmentation/props.d.ts +2 -1
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
|
-
##
|
|
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, {
|
package/PickersDay/PickersDay.js
CHANGED
|
@@ -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,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-
|
|
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, {
|
package/legacy/index.js
CHANGED
package/legacy/locales/index.js
CHANGED
|
@@ -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);
|
package/legacy/locales/trTR.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { getPickersLocalization } from './utils/getPickersLocalization';
|
|
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
|
-
|
|
11
|
-
|
|
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'
|
|
20
|
-
//
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
49
|
+
timeTableLabel: 'saat seç',
|
|
50
|
+
dateTableLabel: 'tarih seç'
|
|
36
51
|
};
|
|
37
52
|
export var trTR = getPickersLocalization(trTRPickers);
|
package/locales/index.d.ts
CHANGED
package/locales/index.js
CHANGED
|
@@ -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
|
+
};
|
package/locales/jaJP.js
ADDED
|
@@ -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:
|
|
17
|
+
calendarViewSwitchingButtonAriaLabel?: ((currentView: CalendarPickerView) => string) | undefined;
|
|
17
18
|
inputModeToggleButtonAriaLabel?: ((isKeyboardInputOpen: boolean, viewType: "calendar" | "clock") => string) | undefined;
|
|
18
|
-
clockLabelText?: ((view: import("
|
|
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';
|
|
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
|
-
|
|
11
|
-
|
|
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'
|
|
20
|
-
//
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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
|
-
|
|
34
|
-
|
|
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
package/modern/locales/index.js
CHANGED
|
@@ -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);
|
package/modern/locales/trTR.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { getPickersLocalization } from './utils/getPickersLocalization';
|
|
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
|
-
|
|
11
|
-
|
|
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'
|
|
20
|
-
//
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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
|
-
|
|
34
|
-
|
|
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
package/node/locales/index.js
CHANGED
|
@@ -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;
|
package/node/locales/trTR.js
CHANGED
|
@@ -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
|
-
|
|
19
|
-
|
|
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'
|
|
28
|
-
//
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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
|
-
|
|
39
|
-
|
|
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
|
-
|
|
42
|
-
|
|
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
|
+
"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
|
|
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,
|
|
37
|
+
MuiCalendarOrClockPicker: CalendarOrClockPickerProps<unknown, CalendarOrClockPickerView>;
|
|
37
38
|
MuiCalendarPicker: CalendarPickerProps<unknown>;
|
|
38
39
|
MuiCalendarPickerSkeleton: CalendarPickerSkeletonProps;
|
|
39
40
|
MuiClock: ClockProps<unknown>;
|