@mui/x-date-pickers 6.18.3 → 6.18.4
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 +42 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
- package/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
- package/index.js +1 -1
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
- package/legacy/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
- package/legacy/index.js +1 -1
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
- package/modern/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
- package/modern/index.js +1 -1
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +8 -2
- package/node/MultiSectionDigitalClock/multiSectionDigitalClockSectionClasses.js +2 -2
- package/node/index.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,46 @@
|
|
|
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.18.4
|
|
7
|
+
|
|
8
|
+
_Dec 8, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 6 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 📚 Add [Pickers FAQ page](https://mui.com/x/react-date-pickers/faq/)
|
|
13
|
+
- 🌍 Improve Danish (da-DK) locale on Data Grid
|
|
14
|
+
- 🐞 Bugfixes
|
|
15
|
+
|
|
16
|
+
### Data Grid
|
|
17
|
+
|
|
18
|
+
#### `@mui/x-data-grid@6.18.4`
|
|
19
|
+
|
|
20
|
+
- [DataGrid] Fix cell slot style override (#11215) @oliviertassinari
|
|
21
|
+
- [l10n] Improve Danish (da-DK) locale (#11346) @goibon
|
|
22
|
+
|
|
23
|
+
#### `@mui/x-data-grid-pro@6.18.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
24
|
+
|
|
25
|
+
Same changes as in `@mui/x-data-grid@6.18.4`.
|
|
26
|
+
|
|
27
|
+
#### `@mui/x-data-grid-premium@6.18.4` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
28
|
+
|
|
29
|
+
Same changes as in `@mui/x-data-grid-pro@6.18.4`.
|
|
30
|
+
|
|
31
|
+
### Date Pickers
|
|
32
|
+
|
|
33
|
+
#### `@mui/x-date-pickers@6.18.4`
|
|
34
|
+
|
|
35
|
+
- [pickers] Fix `MultiSectionDigitalClock` issues (#11308) @LukasTy
|
|
36
|
+
|
|
37
|
+
#### `@mui/x-date-pickers-pro@6.18.4` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
38
|
+
|
|
39
|
+
Same changes as in `@mui/x-date-pickers@6.18.4`.
|
|
40
|
+
|
|
41
|
+
### Docs
|
|
42
|
+
|
|
43
|
+
- [docs] Fix typo (#11323) @cadam11
|
|
44
|
+
- [docs] Add FAQ page (#11347) @noraleonte
|
|
45
|
+
|
|
6
46
|
## 6.18.3
|
|
7
47
|
|
|
8
48
|
_Dec 4, 2023_
|
|
@@ -347,7 +387,7 @@ Same changes as in `@mui/x-date-pickers@6.16.3`, plus:
|
|
|
347
387
|
|
|
348
388
|
- [charts] Add reference links to area + bar chart components (#10652) @michelengelen
|
|
349
389
|
- [charts] Add reference links to line chart + sparkline components (#10650) @michelengelen
|
|
350
|
-
- [charts] Add reference links to pie + scatter chart components
|
|
390
|
+
- [charts] Add reference links to pie + scatter chart components (#10653) @michelengelen
|
|
351
391
|
- [charts] Render only when `width` and `height` are resolved (#10714) @alexfauquette
|
|
352
392
|
- [charts] Support animation on `BarChart` (#9926) @alexfauquette
|
|
353
393
|
- [charts] Use new text component to avoid tick label overflow on x-axis (#10648) @alexfauquette
|
|
@@ -423,6 +463,7 @@ It adds line break support and avoids overlapping text in the legend.
|
|
|
423
463
|
This comes with some breaking changes.
|
|
424
464
|
|
|
425
465
|
- The DOM structure is modified. An intermediary `<tspan />` element has been added. This can impact how your style is applied.
|
|
466
|
+
|
|
426
467
|
```diff
|
|
427
468
|
- <text>The label</text>
|
|
428
469
|
+ <text><tspan>The label</tspan></text>
|
|
@@ -36,7 +36,12 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
|
|
|
36
36
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
37
37
|
scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
|
|
38
38
|
},
|
|
39
|
-
'
|
|
39
|
+
'@media (pointer: fine)': {
|
|
40
|
+
'&:hover': {
|
|
41
|
+
overflowY: 'auto'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
'@media (pointer: none), (pointer: coarse)': {
|
|
40
45
|
overflowY: 'auto'
|
|
41
46
|
},
|
|
42
47
|
'&:not(:first-of-type)': {
|
|
@@ -151,7 +156,8 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
|
|
|
151
156
|
,
|
|
152
157
|
"aria-disabled": readOnly,
|
|
153
158
|
"aria-label": option.ariaLabel,
|
|
154
|
-
"aria-selected": isSelected
|
|
159
|
+
"aria-selected": isSelected,
|
|
160
|
+
className: classes.item
|
|
155
161
|
}, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
|
|
156
162
|
children: option.label
|
|
157
163
|
}), option.label);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
2
|
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
3
|
export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('
|
|
4
|
+
return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
|
|
5
5
|
}
|
|
6
|
-
export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('
|
|
6
|
+
export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);
|
package/index.js
CHANGED
|
@@ -36,7 +36,12 @@ var MultiSectionDigitalClockSectionRoot = styled(MenuList, {
|
|
|
36
36
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
37
37
|
scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
|
|
38
38
|
},
|
|
39
|
-
'
|
|
39
|
+
'@media (pointer: fine)': {
|
|
40
|
+
'&:hover': {
|
|
41
|
+
overflowY: 'auto'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
'@media (pointer: none), (pointer: coarse)': {
|
|
40
45
|
overflowY: 'auto'
|
|
41
46
|
},
|
|
42
47
|
'&:not(:first-of-type)': {
|
|
@@ -157,7 +162,8 @@ export var MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(funct
|
|
|
157
162
|
,
|
|
158
163
|
"aria-disabled": readOnly,
|
|
159
164
|
"aria-label": option.ariaLabel,
|
|
160
|
-
"aria-selected": isSelected
|
|
165
|
+
"aria-selected": isSelected,
|
|
166
|
+
className: classes.item
|
|
161
167
|
}, slotProps == null ? void 0 : slotProps.digitalClockSectionItem, {
|
|
162
168
|
children: option.label
|
|
163
169
|
}), option.label);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
2
|
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
3
|
export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('
|
|
4
|
+
return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
|
|
5
5
|
}
|
|
6
|
-
export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('
|
|
6
|
+
export var multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);
|
package/legacy/index.js
CHANGED
|
@@ -36,7 +36,12 @@ const MultiSectionDigitalClockSectionRoot = styled(MenuList, {
|
|
|
36
36
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
37
37
|
scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
|
|
38
38
|
},
|
|
39
|
-
'
|
|
39
|
+
'@media (pointer: fine)': {
|
|
40
|
+
'&:hover': {
|
|
41
|
+
overflowY: 'auto'
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
'@media (pointer: none), (pointer: coarse)': {
|
|
40
45
|
overflowY: 'auto'
|
|
41
46
|
},
|
|
42
47
|
'&:not(:first-of-type)': {
|
|
@@ -149,7 +154,8 @@ export const MultiSectionDigitalClockSection = /*#__PURE__*/React.forwardRef(fun
|
|
|
149
154
|
,
|
|
150
155
|
"aria-disabled": readOnly,
|
|
151
156
|
"aria-label": option.ariaLabel,
|
|
152
|
-
"aria-selected": isSelected
|
|
157
|
+
"aria-selected": isSelected,
|
|
158
|
+
className: classes.item
|
|
153
159
|
}, slotProps?.digitalClockSectionItem, {
|
|
154
160
|
children: option.label
|
|
155
161
|
}), option.label);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import generateUtilityClass from '@mui/utils/generateUtilityClass';
|
|
2
2
|
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
|
|
3
3
|
export function getMultiSectionDigitalClockSectionUtilityClass(slot) {
|
|
4
|
-
return generateUtilityClass('
|
|
4
|
+
return generateUtilityClass('MuiMultiSectionDigitalClockSection', slot);
|
|
5
5
|
}
|
|
6
|
-
export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('
|
|
6
|
+
export const multiSectionDigitalClockSectionClasses = generateUtilityClasses('MuiMultiSectionDigitalClockSection', ['root', 'item']);
|
package/modern/index.js
CHANGED
|
@@ -45,7 +45,12 @@ const MultiSectionDigitalClockSectionRoot = (0, _styles.styled)(_MenuList.defaul
|
|
|
45
45
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
46
46
|
scrollBehavior: ownerState.alreadyRendered ? 'smooth' : 'auto'
|
|
47
47
|
},
|
|
48
|
-
'
|
|
48
|
+
'@media (pointer: fine)': {
|
|
49
|
+
'&:hover': {
|
|
50
|
+
overflowY: 'auto'
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
'@media (pointer: none), (pointer: coarse)': {
|
|
49
54
|
overflowY: 'auto'
|
|
50
55
|
},
|
|
51
56
|
'&:not(:first-of-type)': {
|
|
@@ -158,7 +163,8 @@ const MultiSectionDigitalClockSection = exports.MultiSectionDigitalClockSection
|
|
|
158
163
|
,
|
|
159
164
|
"aria-disabled": readOnly,
|
|
160
165
|
"aria-label": option.ariaLabel,
|
|
161
|
-
"aria-selected": isSelected
|
|
166
|
+
"aria-selected": isSelected,
|
|
167
|
+
className: classes.item
|
|
162
168
|
}, slotProps?.digitalClockSectionItem, {
|
|
163
169
|
children: option.label
|
|
164
170
|
}), option.label);
|
|
@@ -9,6 +9,6 @@ exports.multiSectionDigitalClockSectionClasses = void 0;
|
|
|
9
9
|
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
10
10
|
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
11
11
|
function getMultiSectionDigitalClockSectionUtilityClass(slot) {
|
|
12
|
-
return (0, _generateUtilityClass.default)('
|
|
12
|
+
return (0, _generateUtilityClass.default)('MuiMultiSectionDigitalClockSection', slot);
|
|
13
13
|
}
|
|
14
|
-
const multiSectionDigitalClockSectionClasses = exports.multiSectionDigitalClockSectionClasses = (0, _generateUtilityClasses.default)('
|
|
14
|
+
const multiSectionDigitalClockSectionClasses = exports.multiSectionDigitalClockSectionClasses = (0, _generateUtilityClasses.default)('MuiMultiSectionDigitalClockSection', ['root', 'item']);
|
package/node/index.js
CHANGED