@mui/x-date-pickers 7.13.0 → 7.15.0
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 +151 -2
- package/TimeClock/Clock.js +8 -2
- package/index.js +1 -1
- package/internals/utils/date-time-utils.d.ts +1 -1
- package/internals/utils/date-time-utils.js +4 -4
- package/locales/heIL.js +1 -2
- package/locales/viVN.js +15 -19
- package/locales/zhHK.js +1 -2
- package/modern/TimeClock/Clock.js +8 -2
- package/modern/index.js +1 -1
- package/modern/internals/utils/date-time-utils.js +4 -4
- package/modern/locales/heIL.js +1 -2
- package/modern/locales/viVN.js +15 -19
- package/modern/locales/zhHK.js +1 -2
- package/node/TimeClock/Clock.js +8 -2
- package/node/index.js +1 -1
- package/node/internals/utils/date-time-utils.js +3 -3
- package/node/locales/heIL.js +1 -2
- package/node/locales/viVN.js +15 -19
- package/node/locales/zhHK.js +1 -2
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,155 @@
|
|
|
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
|
+
## 7.15.0
|
|
7
|
+
|
|
8
|
+
_Aug 29, 2024_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 8 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 💫 Support Material UI v6 (`@mui/material@6`) peer dependency (#14142) @cherniavskii
|
|
13
|
+
|
|
14
|
+
You can now use MUI X components with either v5 or v6 of `@mui/material` package 🎉
|
|
15
|
+
|
|
16
|
+
- 🐞 Bugfixes
|
|
17
|
+
|
|
18
|
+
### Data Grid
|
|
19
|
+
|
|
20
|
+
#### `@mui/x-data-grid-pro@7.15.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
21
|
+
|
|
22
|
+
- [DataGridPro] Export `GridRowReorderCell` component (#14079) @genepaul
|
|
23
|
+
|
|
24
|
+
#### `@mui/x-data-grid-premium@7.15.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
25
|
+
|
|
26
|
+
Same changes as in `@mui/x-data-grid-pro@7.15.0`.
|
|
27
|
+
|
|
28
|
+
### Date and Time Pickers
|
|
29
|
+
|
|
30
|
+
#### `@mui/x-date-pickers@7.15.0`
|
|
31
|
+
|
|
32
|
+
- [pickers] Add `onTouchStart` handler for `TimeClock` (#14305) @arthurbalduini
|
|
33
|
+
|
|
34
|
+
#### `@mui/x-date-pickers-pro@7.15.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
35
|
+
|
|
36
|
+
Same changes as in `@mui/x-date-pickers@7.15.0`, plus:
|
|
37
|
+
|
|
38
|
+
- [DateTimeRangePicker] Fix date format resolving from views on 24hr locales (#14341) @arthurbalduini
|
|
39
|
+
|
|
40
|
+
### Charts
|
|
41
|
+
|
|
42
|
+
#### `@mui/x-charts@7.15.0`
|
|
43
|
+
|
|
44
|
+
- [charts] Add missing `themeAugmentation` in pro plan (#14313) @lhilgert9
|
|
45
|
+
- [charts] Fix `LineChart` transition stopping before completion (#14366) @JCQuintas
|
|
46
|
+
- [charts] Fix tooltip with horizontal layout (#14337) @alexfauquette
|
|
47
|
+
- [charts] Keep axis root classe usage explicit (#14378) @alexfauquette
|
|
48
|
+
|
|
49
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
50
|
+
|
|
51
|
+
Same changes as in `@mui/x-charts@7.15.0`, plus:
|
|
52
|
+
|
|
53
|
+
- [charts pro] Avoid relative reference to `@mui/x-charts` package (#14335) @LukasTy
|
|
54
|
+
|
|
55
|
+
### Docs
|
|
56
|
+
|
|
57
|
+
- [docs] Fix sentence case `h2` @oliviertassinari
|
|
58
|
+
- [docs] Clarify contribution guide references @oliviertassinari
|
|
59
|
+
- [docs] Fix Stack Overflow issue canned response @oliviertassinari
|
|
60
|
+
- [docs] Fix outdated link to support page @oliviertassinari
|
|
61
|
+
- [docs] Fix use of Material UI @oliviertassinari
|
|
62
|
+
- [docs] Update deprecated props in docs (#14295) @JCQuintas
|
|
63
|
+
|
|
64
|
+
### Core
|
|
65
|
+
|
|
66
|
+
- [core] Allow only v5.x for `MUI Core` renovate group (#14382) @LukasTy
|
|
67
|
+
- [core] Avoid visual regression when using `@mui/material@6` (#14357) @cherniavskii
|
|
68
|
+
- [core] Remove renovate rule targeting only `next` releases of `@mui/docs` (#14364) @LukasTy
|
|
69
|
+
- [core] Support `@mui/material@6` peer dependency (#14142) @cherniavskii
|
|
70
|
+
- [core] Use `useRtl` instead of `useTheme` to access direction (#14359) @LukasTy
|
|
71
|
+
- [code-infra] Typecheck nested folders in playground (#14352) @JCQuintas
|
|
72
|
+
- [infra] Fix Issue cleanup action @oliviertassinari
|
|
73
|
+
- [license] Prepare renaming of argument names @oliviertassinari
|
|
74
|
+
|
|
75
|
+
## 7.14.0
|
|
76
|
+
|
|
77
|
+
_Aug 23, 2024_
|
|
78
|
+
|
|
79
|
+
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
|
|
80
|
+
|
|
81
|
+
- 💫 Allow [filtering the axis on zoom](https://mui.com/x/react-charts/zoom-and-pan/#zoom-filtering), making the axis adapt by removing values outside the view.
|
|
82
|
+
|
|
83
|
+
<img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />
|
|
84
|
+
|
|
85
|
+
- 📊 Improve bar chart performances
|
|
86
|
+
- 🌍 Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid
|
|
87
|
+
- 🌍 Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers
|
|
88
|
+
- 🐞 Bugfixes
|
|
89
|
+
|
|
90
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
91
|
+
|
|
92
|
+
### Data Grid
|
|
93
|
+
|
|
94
|
+
#### `@mui/x-data-grid@7.14.0`
|
|
95
|
+
|
|
96
|
+
- [DataGrid] Use readonly array result for `getTreeDataPath` (#11743) @pcorpet
|
|
97
|
+
- [DataGrid] Use `event.key` for `Tab` and `Escape` keys (#14170) @k-rajat19
|
|
98
|
+
- [DataGrid] Introduce selectors with arguments (#14236) @MBilalShafi
|
|
99
|
+
- [DataGrid] include `api` in `gridCellParams` interface (#14201) @k-rajat19
|
|
100
|
+
- [l10n] Improve Czech (cs-CZ) locale (#14135) @chirimiri22
|
|
101
|
+
- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
|
|
102
|
+
|
|
103
|
+
#### `@mui/x-data-grid-pro@7.14.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
104
|
+
|
|
105
|
+
Same changes as in `@mui/x-data-grid@7.14.0`.
|
|
106
|
+
|
|
107
|
+
#### `@mui/x-data-grid-premium@7.14.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
108
|
+
|
|
109
|
+
Same changes as in `@mui/x-data-grid-pro@7.14.0`, plus:
|
|
110
|
+
|
|
111
|
+
- [DataGridPremium] Fix clipboard paste not working for a single cell on non-first page (#14261) @arminmeh
|
|
112
|
+
- [DataGridPremium] Fix `onCellSelectionModelChange` not triggered when additional cell range is selected (#14199) @arminmeh
|
|
113
|
+
|
|
114
|
+
### Date and Time Pickers
|
|
115
|
+
|
|
116
|
+
#### `@mui/x-date-pickers@7.14.0`
|
|
117
|
+
|
|
118
|
+
- [l10n] Improve Chinese (zh-HK) locale (#13289) @yeeharn
|
|
119
|
+
- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
|
|
120
|
+
- [l10n] Improve Vietnamese (vi-VN) locale (#14238) @locnbk2002
|
|
121
|
+
- [TimePicker] Handle `Space` and `Enter` on the `TimeClock` component @arthurbalduini
|
|
122
|
+
|
|
123
|
+
#### `@mui/x-date-pickers-pro@7.14.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
124
|
+
|
|
125
|
+
Same changes as in `@mui/x-date-pickers@7.14.0`.
|
|
126
|
+
|
|
127
|
+
### Charts
|
|
128
|
+
|
|
129
|
+
#### `@mui/x-charts@7.14.0`
|
|
130
|
+
|
|
131
|
+
- [charts] Fix grid overflow with zooming (#14280) @alexfauquette
|
|
132
|
+
- [charts] Improve bar chart performances (#14278) @alexfauquette
|
|
133
|
+
- [charts] Test pointer events (#14042) @alexfauquette
|
|
134
|
+
- [charts] Use `isPointInside` function for both graphs and axis (#14222) @JCQuintas
|
|
135
|
+
|
|
136
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
137
|
+
|
|
138
|
+
Same changes as in `@mui/x-charts@7.14.0`, plus:
|
|
139
|
+
|
|
140
|
+
- [charts-pro] Zoom axis filtering (#14121) @JCQuintas
|
|
141
|
+
|
|
142
|
+
### Docs
|
|
143
|
+
|
|
144
|
+
- [docs] Consistent use of UTC and timezones (#14250) @oliviertassinari
|
|
145
|
+
- [docs] Fix missing leading slashes in URLs (#14249) @oliviertassinari
|
|
146
|
+
- [docs] Dash usage revision on pickers pages (#14260) @arthurbalduini
|
|
147
|
+
|
|
148
|
+
### Core
|
|
149
|
+
|
|
150
|
+
- [core] Follow JSDocs convention @oliviertassinari
|
|
151
|
+
- [core] Prepare for material v6 (#14143) @LukasTy
|
|
152
|
+
- [code-infra] Set up `eslint-plugin-testing-library` (#14232) @LukasTy
|
|
153
|
+
- [infra] Updated mui-x roadmap links with new project URL (#14271) @michelengelen
|
|
154
|
+
|
|
6
155
|
## 7.13.0
|
|
7
156
|
|
|
8
157
|
_Aug 16, 2024_
|
|
@@ -58,7 +207,7 @@ Same changes as in `@mui/x-date-pickers@7.13.0`.
|
|
|
58
207
|
- [charts] Rename `CartesianContextProvider` to `CartesianProvider` (#14102) @JCQuintas
|
|
59
208
|
- [charts] Support axis with the same value for all data points (#14191) @alexfauquette
|
|
60
209
|
|
|
61
|
-
#### `@mui/x-
|
|
210
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
62
211
|
|
|
63
212
|
Same changes as in `@mui/x-charts@7.13.0`.
|
|
64
213
|
|
|
@@ -132,7 +281,7 @@ Same changes as in `@mui/x-date-pickers@7.12.1`.
|
|
|
132
281
|
- [charts] Fix charts vendor publish config (#14073) @JCQuintas
|
|
133
282
|
- [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
|
|
134
283
|
|
|
135
|
-
#### `@mui/x-
|
|
284
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
136
285
|
|
|
137
286
|
Same changes as in `@mui/x-charts@7.12.1`, plus:
|
|
138
287
|
|
package/TimeClock/Clock.js
CHANGED
|
@@ -213,7 +213,7 @@ export function Clock(inProps) {
|
|
|
213
213
|
const newSelectedValue = type === 'seconds' || type === 'minutes' ? getMinutes(offsetX, offsetY, minutesStep) : getHours(offsetX, offsetY, Boolean(ampm));
|
|
214
214
|
handleValueChange(newSelectedValue, isFinish);
|
|
215
215
|
};
|
|
216
|
-
const
|
|
216
|
+
const handleTouchSelection = event => {
|
|
217
217
|
isMoving.current = true;
|
|
218
218
|
setTime(event, 'shallow');
|
|
219
219
|
};
|
|
@@ -274,6 +274,11 @@ export function Clock(inProps) {
|
|
|
274
274
|
handleValueChange(viewValue - keyboardControlStep, 'partial');
|
|
275
275
|
event.preventDefault();
|
|
276
276
|
break;
|
|
277
|
+
case 'Enter':
|
|
278
|
+
case ' ':
|
|
279
|
+
handleValueChange(viewValue, 'finish');
|
|
280
|
+
event.preventDefault();
|
|
281
|
+
break;
|
|
277
282
|
default:
|
|
278
283
|
// do nothing
|
|
279
284
|
}
|
|
@@ -283,7 +288,8 @@ export function Clock(inProps) {
|
|
|
283
288
|
children: [/*#__PURE__*/_jsxs(ClockClock, {
|
|
284
289
|
className: classes.clock,
|
|
285
290
|
children: [/*#__PURE__*/_jsx(ClockSquareMask, {
|
|
286
|
-
onTouchMove:
|
|
291
|
+
onTouchMove: handleTouchSelection,
|
|
292
|
+
onTouchStart: handleTouchSelection,
|
|
287
293
|
onTouchEnd: handleTouchEnd,
|
|
288
294
|
onMouseUp: handleMouseUp,
|
|
289
295
|
onMouseMove: handleMouseMove,
|
package/index.js
CHANGED
|
@@ -6,7 +6,7 @@ export declare const resolveDateTimeFormat: <TDate extends PickerValidDate>(util
|
|
|
6
6
|
format?: string;
|
|
7
7
|
views: readonly DateOrTimeViewWithMeridiem[];
|
|
8
8
|
ampm: boolean;
|
|
9
|
-
}) => string;
|
|
9
|
+
}, ignoreDateResolving?: boolean) => string;
|
|
10
10
|
interface DefaultizedTimeViewsProps<TDate extends PickerValidDate, TView = DateOrTimeView> extends DefaultizedProps<DesktopOnlyTimePickerProps<TDate>, 'ampm'> {
|
|
11
11
|
views: readonly TView[];
|
|
12
12
|
}
|
|
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["views", "format"];
|
|
4
4
|
import { resolveTimeFormat, isTimeView, isInternalTimeView } from './time-utils';
|
|
5
|
-
import { resolveDateFormat } from './date-utils';
|
|
6
|
-
export const resolveDateTimeFormat = (utils, _ref) => {
|
|
5
|
+
import { isDatePickerView, resolveDateFormat } from './date-utils';
|
|
6
|
+
export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
|
|
7
7
|
let {
|
|
8
8
|
views,
|
|
9
9
|
format
|
|
@@ -17,7 +17,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
|
|
|
17
17
|
views.forEach(view => {
|
|
18
18
|
if (isTimeView(view)) {
|
|
19
19
|
timeViews.push(view);
|
|
20
|
-
} else {
|
|
20
|
+
} else if (isDatePickerView(view)) {
|
|
21
21
|
dateViews.push(view);
|
|
22
22
|
}
|
|
23
23
|
});
|
|
@@ -34,7 +34,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
|
|
|
34
34
|
const timeFormat = resolveTimeFormat(utils, _extends({
|
|
35
35
|
views: timeViews
|
|
36
36
|
}, other));
|
|
37
|
-
const dateFormat = resolveDateFormat(utils, _extends({
|
|
37
|
+
const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : resolveDateFormat(utils, _extends({
|
|
38
38
|
views: dateViews
|
|
39
39
|
}, other), false);
|
|
40
40
|
return `${dateFormat} ${timeFormat}`;
|
package/locales/heIL.js
CHANGED
package/locales/viVN.js
CHANGED
|
@@ -16,11 +16,10 @@ const viVNPickers = {
|
|
|
16
16
|
// DateRange labels
|
|
17
17
|
start: 'Bắt đầu',
|
|
18
18
|
end: 'Kết thúc',
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
startDate: 'Ngày bắt đầu',
|
|
20
|
+
startTime: 'Thời gian bắt đầu',
|
|
21
|
+
endDate: 'Ngày kết thúc',
|
|
22
|
+
endTime: 'Thời gian kết thúc',
|
|
24
23
|
// Action bar
|
|
25
24
|
cancelButtonLabel: 'Hủy',
|
|
26
25
|
clearButtonLabel: 'Xóa',
|
|
@@ -46,8 +45,7 @@ const viVNPickers = {
|
|
|
46
45
|
// Open picker labels
|
|
47
46
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
|
|
48
47
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
fieldClearLabel: 'Xóa giá trị',
|
|
51
49
|
// Table labels
|
|
52
50
|
timeTableLabel: 'chọn giờ',
|
|
53
51
|
dateTableLabel: 'chọn ngày',
|
|
@@ -59,19 +57,17 @@ const viVNPickers = {
|
|
|
59
57
|
fieldHoursPlaceholder: () => 'hh',
|
|
60
58
|
fieldMinutesPlaceholder: () => 'mm',
|
|
61
59
|
fieldSecondsPlaceholder: () => 'ss',
|
|
62
|
-
fieldMeridiemPlaceholder: () => 'aa'
|
|
63
|
-
|
|
60
|
+
fieldMeridiemPlaceholder: () => 'aa',
|
|
64
61
|
// View names
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
62
|
+
year: 'Năm',
|
|
63
|
+
month: 'Tháng',
|
|
64
|
+
day: 'Ngày',
|
|
65
|
+
weekDay: 'Thứ',
|
|
66
|
+
hours: 'Giờ',
|
|
67
|
+
minutes: 'Phút',
|
|
68
|
+
seconds: 'Giây',
|
|
69
|
+
meridiem: 'Buổi',
|
|
74
70
|
// Common
|
|
75
|
-
|
|
71
|
+
empty: 'Trống'
|
|
76
72
|
};
|
|
77
73
|
export const viVN = getPickersLocalization(viVNPickers);
|
package/locales/zhHK.js
CHANGED
|
@@ -45,8 +45,7 @@ const zhHKPickers = {
|
|
|
45
45
|
// Open picker labels
|
|
46
46
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇日期,已選擇${utils.format(value, 'fullDate')}` : '選擇日期',
|
|
47
47
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇時間,已選擇${utils.format(value, 'fullTime')}` : '選擇時間',
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
fieldClearLabel: '清除',
|
|
50
49
|
// Table labels
|
|
51
50
|
timeTableLabel: '選擇時間',
|
|
52
51
|
dateTableLabel: '選擇日期',
|
|
@@ -213,7 +213,7 @@ export function Clock(inProps) {
|
|
|
213
213
|
const newSelectedValue = type === 'seconds' || type === 'minutes' ? getMinutes(offsetX, offsetY, minutesStep) : getHours(offsetX, offsetY, Boolean(ampm));
|
|
214
214
|
handleValueChange(newSelectedValue, isFinish);
|
|
215
215
|
};
|
|
216
|
-
const
|
|
216
|
+
const handleTouchSelection = event => {
|
|
217
217
|
isMoving.current = true;
|
|
218
218
|
setTime(event, 'shallow');
|
|
219
219
|
};
|
|
@@ -274,6 +274,11 @@ export function Clock(inProps) {
|
|
|
274
274
|
handleValueChange(viewValue - keyboardControlStep, 'partial');
|
|
275
275
|
event.preventDefault();
|
|
276
276
|
break;
|
|
277
|
+
case 'Enter':
|
|
278
|
+
case ' ':
|
|
279
|
+
handleValueChange(viewValue, 'finish');
|
|
280
|
+
event.preventDefault();
|
|
281
|
+
break;
|
|
277
282
|
default:
|
|
278
283
|
// do nothing
|
|
279
284
|
}
|
|
@@ -283,7 +288,8 @@ export function Clock(inProps) {
|
|
|
283
288
|
children: [/*#__PURE__*/_jsxs(ClockClock, {
|
|
284
289
|
className: classes.clock,
|
|
285
290
|
children: [/*#__PURE__*/_jsx(ClockSquareMask, {
|
|
286
|
-
onTouchMove:
|
|
291
|
+
onTouchMove: handleTouchSelection,
|
|
292
|
+
onTouchStart: handleTouchSelection,
|
|
287
293
|
onTouchEnd: handleTouchEnd,
|
|
288
294
|
onMouseUp: handleMouseUp,
|
|
289
295
|
onMouseMove: handleMouseMove,
|
package/modern/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
const _excluded = ["views", "format"];
|
|
4
4
|
import { resolveTimeFormat, isTimeView, isInternalTimeView } from './time-utils';
|
|
5
|
-
import { resolveDateFormat } from './date-utils';
|
|
6
|
-
export const resolveDateTimeFormat = (utils, _ref) => {
|
|
5
|
+
import { isDatePickerView, resolveDateFormat } from './date-utils';
|
|
6
|
+
export const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
|
|
7
7
|
let {
|
|
8
8
|
views,
|
|
9
9
|
format
|
|
@@ -17,7 +17,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
|
|
|
17
17
|
views.forEach(view => {
|
|
18
18
|
if (isTimeView(view)) {
|
|
19
19
|
timeViews.push(view);
|
|
20
|
-
} else {
|
|
20
|
+
} else if (isDatePickerView(view)) {
|
|
21
21
|
dateViews.push(view);
|
|
22
22
|
}
|
|
23
23
|
});
|
|
@@ -34,7 +34,7 @@ export const resolveDateTimeFormat = (utils, _ref) => {
|
|
|
34
34
|
const timeFormat = resolveTimeFormat(utils, _extends({
|
|
35
35
|
views: timeViews
|
|
36
36
|
}, other));
|
|
37
|
-
const dateFormat = resolveDateFormat(utils, _extends({
|
|
37
|
+
const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : resolveDateFormat(utils, _extends({
|
|
38
38
|
views: dateViews
|
|
39
39
|
}, other), false);
|
|
40
40
|
return `${dateFormat} ${timeFormat}`;
|
package/modern/locales/heIL.js
CHANGED
package/modern/locales/viVN.js
CHANGED
|
@@ -16,11 +16,10 @@ const viVNPickers = {
|
|
|
16
16
|
// DateRange labels
|
|
17
17
|
start: 'Bắt đầu',
|
|
18
18
|
end: 'Kết thúc',
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
startDate: 'Ngày bắt đầu',
|
|
20
|
+
startTime: 'Thời gian bắt đầu',
|
|
21
|
+
endDate: 'Ngày kết thúc',
|
|
22
|
+
endTime: 'Thời gian kết thúc',
|
|
24
23
|
// Action bar
|
|
25
24
|
cancelButtonLabel: 'Hủy',
|
|
26
25
|
clearButtonLabel: 'Xóa',
|
|
@@ -46,8 +45,7 @@ const viVNPickers = {
|
|
|
46
45
|
// Open picker labels
|
|
47
46
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
|
|
48
47
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
fieldClearLabel: 'Xóa giá trị',
|
|
51
49
|
// Table labels
|
|
52
50
|
timeTableLabel: 'chọn giờ',
|
|
53
51
|
dateTableLabel: 'chọn ngày',
|
|
@@ -59,19 +57,17 @@ const viVNPickers = {
|
|
|
59
57
|
fieldHoursPlaceholder: () => 'hh',
|
|
60
58
|
fieldMinutesPlaceholder: () => 'mm',
|
|
61
59
|
fieldSecondsPlaceholder: () => 'ss',
|
|
62
|
-
fieldMeridiemPlaceholder: () => 'aa'
|
|
63
|
-
|
|
60
|
+
fieldMeridiemPlaceholder: () => 'aa',
|
|
64
61
|
// View names
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
62
|
+
year: 'Năm',
|
|
63
|
+
month: 'Tháng',
|
|
64
|
+
day: 'Ngày',
|
|
65
|
+
weekDay: 'Thứ',
|
|
66
|
+
hours: 'Giờ',
|
|
67
|
+
minutes: 'Phút',
|
|
68
|
+
seconds: 'Giây',
|
|
69
|
+
meridiem: 'Buổi',
|
|
74
70
|
// Common
|
|
75
|
-
|
|
71
|
+
empty: 'Trống'
|
|
76
72
|
};
|
|
77
73
|
export const viVN = getPickersLocalization(viVNPickers);
|
package/modern/locales/zhHK.js
CHANGED
|
@@ -45,8 +45,7 @@ const zhHKPickers = {
|
|
|
45
45
|
// Open picker labels
|
|
46
46
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇日期,已選擇${utils.format(value, 'fullDate')}` : '選擇日期',
|
|
47
47
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇時間,已選擇${utils.format(value, 'fullTime')}` : '選擇時間',
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
fieldClearLabel: '清除',
|
|
50
49
|
// Table labels
|
|
51
50
|
timeTableLabel: '選擇時間',
|
|
52
51
|
dateTableLabel: '選擇日期',
|
package/node/TimeClock/Clock.js
CHANGED
|
@@ -222,7 +222,7 @@ function Clock(inProps) {
|
|
|
222
222
|
const newSelectedValue = type === 'seconds' || type === 'minutes' ? (0, _shared.getMinutes)(offsetX, offsetY, minutesStep) : (0, _shared.getHours)(offsetX, offsetY, Boolean(ampm));
|
|
223
223
|
handleValueChange(newSelectedValue, isFinish);
|
|
224
224
|
};
|
|
225
|
-
const
|
|
225
|
+
const handleTouchSelection = event => {
|
|
226
226
|
isMoving.current = true;
|
|
227
227
|
setTime(event, 'shallow');
|
|
228
228
|
};
|
|
@@ -283,6 +283,11 @@ function Clock(inProps) {
|
|
|
283
283
|
handleValueChange(viewValue - keyboardControlStep, 'partial');
|
|
284
284
|
event.preventDefault();
|
|
285
285
|
break;
|
|
286
|
+
case 'Enter':
|
|
287
|
+
case ' ':
|
|
288
|
+
handleValueChange(viewValue, 'finish');
|
|
289
|
+
event.preventDefault();
|
|
290
|
+
break;
|
|
286
291
|
default:
|
|
287
292
|
// do nothing
|
|
288
293
|
}
|
|
@@ -292,7 +297,8 @@ function Clock(inProps) {
|
|
|
292
297
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ClockClock, {
|
|
293
298
|
className: classes.clock,
|
|
294
299
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ClockSquareMask, {
|
|
295
|
-
onTouchMove:
|
|
300
|
+
onTouchMove: handleTouchSelection,
|
|
301
|
+
onTouchStart: handleTouchSelection,
|
|
296
302
|
onTouchEnd: handleTouchEnd,
|
|
297
303
|
onMouseUp: handleMouseUp,
|
|
298
304
|
onMouseMove: handleMouseMove,
|
package/node/index.js
CHANGED
|
@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
|
|
|
11
11
|
var _timeUtils = require("./time-utils");
|
|
12
12
|
var _dateUtils = require("./date-utils");
|
|
13
13
|
const _excluded = ["views", "format"];
|
|
14
|
-
const resolveDateTimeFormat = (utils, _ref) => {
|
|
14
|
+
const resolveDateTimeFormat = (utils, _ref, ignoreDateResolving) => {
|
|
15
15
|
let {
|
|
16
16
|
views,
|
|
17
17
|
format
|
|
@@ -25,7 +25,7 @@ const resolveDateTimeFormat = (utils, _ref) => {
|
|
|
25
25
|
views.forEach(view => {
|
|
26
26
|
if ((0, _timeUtils.isTimeView)(view)) {
|
|
27
27
|
timeViews.push(view);
|
|
28
|
-
} else {
|
|
28
|
+
} else if ((0, _dateUtils.isDatePickerView)(view)) {
|
|
29
29
|
dateViews.push(view);
|
|
30
30
|
}
|
|
31
31
|
});
|
|
@@ -42,7 +42,7 @@ const resolveDateTimeFormat = (utils, _ref) => {
|
|
|
42
42
|
const timeFormat = (0, _timeUtils.resolveTimeFormat)(utils, (0, _extends2.default)({
|
|
43
43
|
views: timeViews
|
|
44
44
|
}, other));
|
|
45
|
-
const dateFormat = (0, _dateUtils.resolveDateFormat)(utils, (0, _extends2.default)({
|
|
45
|
+
const dateFormat = ignoreDateResolving ? utils.formats.keyboardDate : (0, _dateUtils.resolveDateFormat)(utils, (0, _extends2.default)({
|
|
46
46
|
views: dateViews
|
|
47
47
|
}, other), false);
|
|
48
48
|
return `${dateFormat} ${timeFormat}`;
|
package/node/locales/heIL.js
CHANGED
package/node/locales/viVN.js
CHANGED
|
@@ -22,11 +22,10 @@ const viVNPickers = {
|
|
|
22
22
|
// DateRange labels
|
|
23
23
|
start: 'Bắt đầu',
|
|
24
24
|
end: 'Kết thúc',
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
startDate: 'Ngày bắt đầu',
|
|
26
|
+
startTime: 'Thời gian bắt đầu',
|
|
27
|
+
endDate: 'Ngày kết thúc',
|
|
28
|
+
endTime: 'Thời gian kết thúc',
|
|
30
29
|
// Action bar
|
|
31
30
|
cancelButtonLabel: 'Hủy',
|
|
32
31
|
clearButtonLabel: 'Xóa',
|
|
@@ -52,8 +51,7 @@ const viVNPickers = {
|
|
|
52
51
|
// Open picker labels
|
|
53
52
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn ngày, ngày đã chọn là ${utils.format(value, 'fullDate')}` : 'Chọn ngày',
|
|
54
53
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `Chọn giờ, giờ đã chọn là ${utils.format(value, 'fullTime')}` : 'Chọn giờ',
|
|
55
|
-
|
|
56
|
-
|
|
54
|
+
fieldClearLabel: 'Xóa giá trị',
|
|
57
55
|
// Table labels
|
|
58
56
|
timeTableLabel: 'chọn giờ',
|
|
59
57
|
dateTableLabel: 'chọn ngày',
|
|
@@ -65,19 +63,17 @@ const viVNPickers = {
|
|
|
65
63
|
fieldHoursPlaceholder: () => 'hh',
|
|
66
64
|
fieldMinutesPlaceholder: () => 'mm',
|
|
67
65
|
fieldSecondsPlaceholder: () => 'ss',
|
|
68
|
-
fieldMeridiemPlaceholder: () => 'aa'
|
|
69
|
-
|
|
66
|
+
fieldMeridiemPlaceholder: () => 'aa',
|
|
70
67
|
// View names
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
68
|
+
year: 'Năm',
|
|
69
|
+
month: 'Tháng',
|
|
70
|
+
day: 'Ngày',
|
|
71
|
+
weekDay: 'Thứ',
|
|
72
|
+
hours: 'Giờ',
|
|
73
|
+
minutes: 'Phút',
|
|
74
|
+
seconds: 'Giây',
|
|
75
|
+
meridiem: 'Buổi',
|
|
80
76
|
// Common
|
|
81
|
-
|
|
77
|
+
empty: 'Trống'
|
|
82
78
|
};
|
|
83
79
|
const viVN = exports.viVN = (0, _getPickersLocalization.getPickersLocalization)(viVNPickers);
|
package/node/locales/zhHK.js
CHANGED
|
@@ -51,8 +51,7 @@ const zhHKPickers = {
|
|
|
51
51
|
// Open picker labels
|
|
52
52
|
openDatePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇日期,已選擇${utils.format(value, 'fullDate')}` : '選擇日期',
|
|
53
53
|
openTimePickerDialogue: (value, utils) => value !== null && utils.isValid(value) ? `選擇時間,已選擇${utils.format(value, 'fullTime')}` : '選擇時間',
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
fieldClearLabel: '清除',
|
|
56
55
|
// Table labels
|
|
57
56
|
timeTableLabel: '選擇時間',
|
|
58
57
|
dateTableLabel: '選擇日期',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-date-pickers",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.15.0",
|
|
4
4
|
"description": "The community edition of the Date and Time Picker components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -35,10 +35,9 @@
|
|
|
35
35
|
"directory": "packages/x-date-pickers"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@babel/runtime": "^7.25.
|
|
39
|
-
"@mui/
|
|
40
|
-
"@
|
|
41
|
-
"@types/react-transition-group": "^4.4.10",
|
|
38
|
+
"@babel/runtime": "^7.25.4",
|
|
39
|
+
"@mui/utils": "^5.16.6",
|
|
40
|
+
"@types/react-transition-group": "^4.4.11",
|
|
42
41
|
"clsx": "^2.1.1",
|
|
43
42
|
"prop-types": "^15.8.1",
|
|
44
43
|
"react-transition-group": "^4.4.5"
|
|
@@ -46,7 +45,8 @@
|
|
|
46
45
|
"peerDependencies": {
|
|
47
46
|
"@emotion/react": "^11.9.0",
|
|
48
47
|
"@emotion/styled": "^11.8.1",
|
|
49
|
-
"@mui/material": "^5.15.14",
|
|
48
|
+
"@mui/material": "^5.15.14 || ^6.0.0",
|
|
49
|
+
"@mui/system": "^5.15.14 || ^6.0.0",
|
|
50
50
|
"date-fns": "^2.25.0 || ^3.2.0",
|
|
51
51
|
"date-fns-jalali": "^2.13.0-0 || ^3.2.0-0",
|
|
52
52
|
"dayjs": "^1.10.7",
|