@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 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` [![pro](https://mui.com/r/x-pro-svg)](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` [![premium](https://mui.com/r/x-premium-svg)](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` [![pro](https://mui.com/r/x-pro-svg)](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` [![pro](https://mui.com/r/x-pro-svg)](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` [![pro](https://mui.com/r/x-pro-svg)](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` [![premium](https://mui.com/r/x-premium-svg)](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` [![pro](https://mui.com/r/x-pro-svg)](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` [![pro](https://mui.com/r/x-pro-svg)](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-date-charts-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
210
+ #### `@mui/x-charts-pro@7.0.0-alpha.1` [![pro](https://mui.com/r/x-pro-svg)](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-date-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
284
+ #### `@mui/x-charts-pro@7.0.0-alpha.0` [![pro](https://mui.com/r/x-pro-svg)](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
 
@@ -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 handleTouchMove = event => {
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: handleTouchMove,
291
+ onTouchMove: handleTouchSelection,
292
+ onTouchStart: handleTouchSelection,
287
293
  onTouchEnd: handleTouchEnd,
288
294
  onMouseUp: handleMouseUp,
289
295
  onMouseMove: handleMouseMove,
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v7.13.0
2
+ * @mui/x-date-pickers v7.15.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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
@@ -66,8 +66,7 @@ const heILPickers = {
66
66
  hours: 'שעות',
67
67
  minutes: 'דקות',
68
68
  seconds: 'שניות',
69
- // meridiem: 'Meridiem',
70
-
69
+ meridiem: 'יחידת זמן',
71
70
  // Common
72
71
  empty: 'ריק'
73
72
  };
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
- // startDate: 'Start date',
20
- // startTime: 'Start time',
21
- // endDate: 'End date',
22
- // endTime: 'End time',
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
- // fieldClearLabel: 'Clear value',
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
- // year: 'Year',
66
- // month: 'Month',
67
- // day: 'Day',
68
- // weekDay: 'Week day',
69
- // hours: 'Hours',
70
- // minutes: 'Minutes',
71
- // seconds: 'Seconds',
72
- // meridiem: 'Meridiem',
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
- // empty: 'Empty',
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
- // fieldClearLabel: 'Clear value',
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 handleTouchMove = event => {
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: handleTouchMove,
291
+ onTouchMove: handleTouchSelection,
292
+ onTouchStart: handleTouchSelection,
287
293
  onTouchEnd: handleTouchEnd,
288
294
  onMouseUp: handleMouseUp,
289
295
  onMouseMove: handleMouseMove,
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v7.13.0
2
+ * @mui/x-date-pickers v7.15.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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}`;
@@ -66,8 +66,7 @@ const heILPickers = {
66
66
  hours: 'שעות',
67
67
  minutes: 'דקות',
68
68
  seconds: 'שניות',
69
- // meridiem: 'Meridiem',
70
-
69
+ meridiem: 'יחידת זמן',
71
70
  // Common
72
71
  empty: 'ריק'
73
72
  };
@@ -16,11 +16,10 @@ const viVNPickers = {
16
16
  // DateRange labels
17
17
  start: 'Bắt đầu',
18
18
  end: 'Kết thúc',
19
- // startDate: 'Start date',
20
- // startTime: 'Start time',
21
- // endDate: 'End date',
22
- // endTime: 'End time',
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
- // fieldClearLabel: 'Clear value',
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
- // year: 'Year',
66
- // month: 'Month',
67
- // day: 'Day',
68
- // weekDay: 'Week day',
69
- // hours: 'Hours',
70
- // minutes: 'Minutes',
71
- // seconds: 'Seconds',
72
- // meridiem: 'Meridiem',
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
- // empty: 'Empty',
71
+ empty: 'Trống'
76
72
  };
77
73
  export const viVN = getPickersLocalization(viVNPickers);
@@ -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
- // fieldClearLabel: 'Clear value',
49
-
48
+ fieldClearLabel: '清除',
50
49
  // Table labels
51
50
  timeTableLabel: '選擇時間',
52
51
  dateTableLabel: '選擇日期',
@@ -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 handleTouchMove = event => {
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: handleTouchMove,
300
+ onTouchMove: handleTouchSelection,
301
+ onTouchStart: handleTouchSelection,
296
302
  onTouchEnd: handleTouchEnd,
297
303
  onMouseUp: handleMouseUp,
298
304
  onMouseMove: handleMouseMove,
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v7.13.0
2
+ * @mui/x-date-pickers v7.15.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -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}`;
@@ -72,8 +72,7 @@ const heILPickers = {
72
72
  hours: 'שעות',
73
73
  minutes: 'דקות',
74
74
  seconds: 'שניות',
75
- // meridiem: 'Meridiem',
76
-
75
+ meridiem: 'יחידת זמן',
77
76
  // Common
78
77
  empty: 'ריק'
79
78
  };
@@ -22,11 +22,10 @@ const viVNPickers = {
22
22
  // DateRange labels
23
23
  start: 'Bắt đầu',
24
24
  end: 'Kết thúc',
25
- // startDate: 'Start date',
26
- // startTime: 'Start time',
27
- // endDate: 'End date',
28
- // endTime: 'End time',
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
- // fieldClearLabel: 'Clear value',
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
- // year: 'Year',
72
- // month: 'Month',
73
- // day: 'Day',
74
- // weekDay: 'Week day',
75
- // hours: 'Hours',
76
- // minutes: 'Minutes',
77
- // seconds: 'Seconds',
78
- // meridiem: 'Meridiem',
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
- // empty: 'Empty',
77
+ empty: 'Trống'
82
78
  };
83
79
  const viVN = exports.viVN = (0, _getPickersLocalization.getPickersLocalization)(viVNPickers);
@@ -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
- // fieldClearLabel: 'Clear value',
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.13.0",
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.0",
39
- "@mui/system": "^5.16.5",
40
- "@mui/utils": "^5.16.5",
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",