@mui/x-date-pickers 7.1.0 → 7.2.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.
Files changed (97) hide show
  1. package/CHANGELOG.md +261 -4
  2. package/DateCalendar/DateCalendar.js +1 -1
  3. package/DateCalendar/DayCalendar.d.ts +1 -1
  4. package/DateField/DateField.js +1 -1
  5. package/DatePicker/DatePicker.js +1 -1
  6. package/DateTimeField/DateTimeField.js +2 -2
  7. package/DateTimeField/DateTimeField.types.d.ts +1 -1
  8. package/DateTimePicker/DateTimePicker.js +2 -2
  9. package/DesktopDatePicker/DesktopDatePicker.js +1 -1
  10. package/DesktopDateTimePicker/DesktopDateTimePicker.js +14 -5
  11. package/DesktopTimePicker/DesktopTimePicker.js +1 -1
  12. package/DigitalClock/DigitalClock.js +1 -1
  13. package/MobileDatePicker/MobileDatePicker.js +1 -1
  14. package/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  15. package/MobileTimePicker/MobileTimePicker.js +1 -1
  16. package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
  17. package/PickersShortcuts/PickersShortcuts.d.ts +1 -1
  18. package/PickersShortcuts/PickersShortcuts.js +1 -1
  19. package/README.md +1 -1
  20. package/StaticDatePicker/StaticDatePicker.js +1 -1
  21. package/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  22. package/StaticTimePicker/StaticTimePicker.js +1 -1
  23. package/TimeClock/TimeClock.js +1 -1
  24. package/TimeField/TimeField.js +2 -2
  25. package/TimeField/TimeField.types.d.ts +1 -1
  26. package/TimePicker/TimePicker.js +1 -1
  27. package/index.js +1 -1
  28. package/internals/hooks/useField/useField.types.d.ts +1 -1
  29. package/internals/hooks/useField/useFieldV6TextField.js +3 -1
  30. package/internals/hooks/usePicker/usePickerValue.js +8 -2
  31. package/internals/hooks/usePicker/usePickerValue.types.d.ts +4 -3
  32. package/internals/models/props/clock.d.ts +1 -1
  33. package/locales/deDE.js +14 -17
  34. package/locales/faIR.js +7 -8
  35. package/locales/frFR.js +16 -20
  36. package/locales/ptBR.js +14 -17
  37. package/locales/svSE.js +23 -28
  38. package/locales/ukUA.js +15 -19
  39. package/modern/DateCalendar/DateCalendar.js +1 -1
  40. package/modern/DateField/DateField.js +1 -1
  41. package/modern/DatePicker/DatePicker.js +1 -1
  42. package/modern/DateTimeField/DateTimeField.js +2 -2
  43. package/modern/DateTimePicker/DateTimePicker.js +2 -2
  44. package/modern/DesktopDatePicker/DesktopDatePicker.js +1 -1
  45. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +14 -5
  46. package/modern/DesktopTimePicker/DesktopTimePicker.js +1 -1
  47. package/modern/DigitalClock/DigitalClock.js +1 -1
  48. package/modern/MobileDatePicker/MobileDatePicker.js +1 -1
  49. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  50. package/modern/MobileTimePicker/MobileTimePicker.js +1 -1
  51. package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
  52. package/modern/PickersShortcuts/PickersShortcuts.js +1 -1
  53. package/modern/StaticDatePicker/StaticDatePicker.js +1 -1
  54. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  55. package/modern/StaticTimePicker/StaticTimePicker.js +1 -1
  56. package/modern/TimeClock/TimeClock.js +1 -1
  57. package/modern/TimeField/TimeField.js +2 -2
  58. package/modern/TimePicker/TimePicker.js +1 -1
  59. package/modern/index.js +1 -1
  60. package/modern/internals/hooks/useField/useFieldV6TextField.js +3 -1
  61. package/modern/internals/hooks/usePicker/usePickerValue.js +8 -2
  62. package/modern/locales/deDE.js +14 -17
  63. package/modern/locales/faIR.js +7 -8
  64. package/modern/locales/frFR.js +16 -20
  65. package/modern/locales/ptBR.js +14 -17
  66. package/modern/locales/svSE.js +23 -28
  67. package/modern/locales/ukUA.js +15 -19
  68. package/node/DateCalendar/DateCalendar.js +1 -1
  69. package/node/DateField/DateField.js +1 -1
  70. package/node/DatePicker/DatePicker.js +1 -1
  71. package/node/DateTimeField/DateTimeField.js +2 -2
  72. package/node/DateTimePicker/DateTimePicker.js +2 -2
  73. package/node/DesktopDatePicker/DesktopDatePicker.js +1 -1
  74. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +14 -5
  75. package/node/DesktopTimePicker/DesktopTimePicker.js +1 -1
  76. package/node/DigitalClock/DigitalClock.js +1 -1
  77. package/node/MobileDatePicker/MobileDatePicker.js +1 -1
  78. package/node/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  79. package/node/MobileTimePicker/MobileTimePicker.js +1 -1
  80. package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +1 -1
  81. package/node/PickersShortcuts/PickersShortcuts.js +1 -1
  82. package/node/StaticDatePicker/StaticDatePicker.js +1 -1
  83. package/node/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  84. package/node/StaticTimePicker/StaticTimePicker.js +1 -1
  85. package/node/TimeClock/TimeClock.js +1 -1
  86. package/node/TimeField/TimeField.js +2 -2
  87. package/node/TimePicker/TimePicker.js +1 -1
  88. package/node/index.js +1 -1
  89. package/node/internals/hooks/useField/useFieldV6TextField.js +3 -1
  90. package/node/internals/hooks/usePicker/usePickerValue.js +8 -2
  91. package/node/locales/deDE.js +14 -17
  92. package/node/locales/faIR.js +7 -8
  93. package/node/locales/frFR.js +16 -20
  94. package/node/locales/ptBR.js +14 -17
  95. package/node/locales/svSE.js +23 -28
  96. package/node/locales/ukUA.js +15 -19
  97. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,193 @@
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.2.0
7
+
8
+ _Apr 12, 2024_
9
+
10
+ We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
11
+
12
+ - 🎨 Make grid colors customizable through the MUI themes API
13
+ - 🌍 Improve French (fr-FR), German (de-DE), and Swedish (sv-SE) locales on the Data Grid and Pickers
14
+ - 🐞 Bugfixes
15
+ - 📚 Documentation improvements
16
+
17
+ ### Data Grid
18
+
19
+ #### `@mui/x-data-grid@7.2.0`
20
+
21
+ - [DataGrid] Add missing `api` property to `GridCallbackDetails` (#12742) @sai6855
22
+ - [DataGrid] Do not escape double quotes when copying to clipboard (#12722) @cherniavskii
23
+ - [DataGrid] Fix column vertical border (#12741) @romgrk
24
+ - [DataGrid] Fix invalid date error when filtering `date`/`dateTime` columns (#12709) @cherniavskii
25
+ - [DataGrid] Fix overflow with dynamic row height (#12683) @romgrk
26
+ - [DataGrid] Make colors customizable (#12614) @romgrk
27
+ - [l10n] Improve French (fr-FR) locale (#12755) @derek-0000
28
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
29
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
30
+
31
+ #### `@mui/x-data-grid-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
32
+
33
+ Same changes as in `@mui/x-data-grid@7.2.0`.
34
+
35
+ #### `@mui/x-data-grid-premium@7.2.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
36
+
37
+ Same changes as in `@mui/x-data-grid-pro@7.2.0`, plus:
38
+
39
+ - [DataGridPremium] Fix clipboard paste not working when cell loses focus (#12724) @cherniavskii
40
+
41
+ ### Date and Time Pickers
42
+
43
+ #### `@mui/x-date-pickers@7.2.0`
44
+
45
+ - [fields] Fix field editing after closing the picker (#12675) @LukasTy
46
+ - [l10n] Improve French (fr-FR) locale (#12692) @FaroukBel
47
+ - [l10n] Improve German (de-DE) locale (#12752) @Jens-Schoen
48
+ - [l10n] Improve Swedish (sv-SE) locale (#12731) @pontusdacke
49
+ - [pickers] Fix desktop date time Pickers grid layout (#12748) @LukasTy
50
+
51
+ #### `@mui/x-date-pickers-pro@7.2.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
52
+
53
+ Same changes as in `@mui/x-date-pickers@7.2.0`, plus:
54
+
55
+ - [DateTimeRangePicker] Fix desktop toolbar style (#12760) @LukasTy
56
+
57
+ ### Charts
58
+
59
+ #### `@mui/x-charts@7.2.0`
60
+
61
+ - [charts] Fix Bar chart with empty dataset throwing an error (#12708) @JCQuintas
62
+ - [charts] Fix `tickLabelInterval` not working on `YAxis` (#12746) @JCQuintas
63
+
64
+ ### Tree View
65
+
66
+ #### `@mui/x-tree-view@7.2.0`
67
+
68
+ - [TreeView] Add a new lookup to access an item index without expansive computation (#12729) @flaviendelangle
69
+ - [TreeView] Clean up usage of term "node" in internals (#12655) @noraleonte
70
+ - [TreeView] Improve performance by removing `getNavigableChildrenIds` method (#12713) @flaviendelangle
71
+ - [TreeView] Remove `state.items.itemTree` (#12717) @flaviendelangle
72
+ - [TreeView] Remove remaining occurences of the word "node" in the codebase (#12712) @flaviendelangle
73
+ - [TreeView] Return `instance` and `publicAPI` methods from plugin and populate the main objects inside `useTreeView` (#12650) @flaviendelangle
74
+ - [TreeView] Fix behaviors when the item order changes (#12369) @flaviendelangle
75
+
76
+ ### Docs
77
+
78
+ - [docs] Add `AxisFormatter` documentation for customizing tick/tooltip value formatting (#12700) @JCQuintas
79
+ - [docs] Add file explorer example to rich tree view customization docs (#12707) @noraleonte
80
+ - [docs] Do not use import of depth 3 in the doc (#12716) @flaviendelangle
81
+ - [docs] Explain how to clip plots with composition (#12679) @alexfauquette
82
+ - [docs] Fix typo in Data Grid v7 migration page (#12720) @bfaulk96
83
+ - [docs] Fix typo in Pickers v7 migration page (#12721) @bfaulk96
84
+
85
+ ### Core
86
+
87
+ - [core] Support multiple resolved `l10n` PR packages (#12735) @LukasTy
88
+ - [core] Update Netlify release references in release README (#12687) @LukasTy
89
+ - [core] Use `describeTreeView` for icons tests (#12672) @flaviendelangle
90
+ - [core] Use `describeTreeView` in existing tests for `useTreeViewItems` (#12732) @flaviendelangle
91
+
92
+ ## 7.1.1
93
+
94
+ _Apr 5, 2024_
95
+
96
+ We'd like to offer a big thanks to the 19 contributors who made this release possible. Here are some highlights ✨:
97
+
98
+ - 🚀 Add `setItemExpansion` Tree View API method (#12595) @flaviendelangle
99
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Spanish (es-ES) locale on the Data Grid
100
+ - 🌍 Improve Persian (fa-IR), Portuguese (pt-BR), and Ukrainian (uk-UA) locale on the Pickers
101
+ - 🐞 Bugfixes
102
+ - 📚 Documentation improvements
103
+
104
+ ### Data Grid
105
+
106
+ #### `@mui/x-data-grid@7.1.1`
107
+
108
+ - [DataGrid] Allow higher packages' props to be used in MIT (#12365) @MBilalShafi
109
+ - [DataGrid] Fix RTL mode (#12583) @romgrk
110
+ - [DataGrid] Fix `ColDefChangesGridNoSnap` demo crash (#12663) @MBilalShafi
111
+ - [DataGrid] Fix server-side filter demo not working (#12662) @MBilalShafi
112
+ - [DataGrid] Log error if `rowCount` is used with client-side pagination (#12448) @michelengelen
113
+ - [DataGrid] Remove `GridFormatterParams` completely (#12660) @romgrk
114
+ - [DataGrid] Restore main slot (#12657) @romgrk
115
+ - [l10n] Improve Persian (fa-IR) locale (#12630) @amirhosseinzf
116
+ - [l10n] Improve Portuguese (pt-BR) locale (#12618) @hugoalkimim
117
+ - [l10n] Improve Spanish (es-ES) locale (#12606) @aitor40
118
+
119
+ #### `@mui/x-data-grid-pro@7.1.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
120
+
121
+ Same changes as in `@mui/x-data-grid@7.1.1`.
122
+
123
+ #### `@mui/x-data-grid-premium@7.1.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
124
+
125
+ Same changes as in `@mui/x-data-grid-pro@7.1.1`.
126
+
127
+ ### Date and Time Pickers
128
+
129
+ #### `@mui/x-date-pickers@7.1.1`
130
+
131
+ - [fields] Fix `readOnly` behavior (#12609) @LukasTy
132
+ - [l10n] Improve Persian (fa-IR) locale (#12632) @misafari
133
+ - [l10n] Improve Portuguese (pt-BR) locale (#12613) @cnHealth
134
+ - [l10n] Improve Ukrainian (uk-UA) locale (#12627) @alexkobylansky
135
+
136
+ #### `@mui/x-date-pickers-pro@7.1.1` [![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-date-pickers@7.1.1`, plus:
139
+
140
+ - [DateTimeRangePicker] Fix selection on same day (#12604) @LukasTy
141
+
142
+ ### Charts
143
+
144
+ #### `@mui/x-charts@7.1.1`
145
+
146
+ - [charts] Fix `tickInterval` usage for y-axis (#12592) @alexfauquette
147
+ - [charts] Fix Scatter series highlight when `id` is a `number` (#12677) @JCQuintas
148
+ - [charts] Fix TS error when using `sx` property on `ChartsTooltip` (#12659) @JCQuintas
149
+
150
+ ### Tree View
151
+
152
+ #### `@mui/x-tree-view@7.1.1`
153
+
154
+ - [TreeView] Add JSDoc to all `publicAPI` methods (#12649) @flaviendelangle
155
+ - [TreeView] Create `RichTreeViewPro` component (not released yet) (#12610) @flaviendelangle
156
+ - [TreeView] Create pro package (not released yet) (#12240) @flaviendelangle
157
+ - [TreeView] Fix typo in errors (#12623) @alissa-tung
158
+ - [TreeView] New API method: `setItemExpansion` (#12595) @flaviendelangle
159
+
160
+ ### Docs
161
+
162
+ - [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12646) @michelengelen
163
+ - [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12670) @michelengelen
164
+ - [docs] Fix formatting and typo on migration guide @oliviertassinari
165
+ - [docs] Fix formatting in changelog @oliviertassinari
166
+ - [docs] Fix grammar in TreeView migration doc (#12615) @joshkel
167
+ - [docs] Fix missing closing props in `PieShapeNoSnap` demo (#12636) @alp-ex
168
+ - [docs] Fix type arguments in Custom Field page (#12619) @Juneezee
169
+ - [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
170
+ - [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
171
+ - [docs] Match IE 11 spacing with Material UI @oliviertassinari
172
+ - [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
173
+ - [docs] Remove ` around @default values (#12158) @alexfauquette
174
+ - [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
175
+ - [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
176
+
177
+ ### Core
178
+
179
+ - [core] Add cherry-pick `master` to `v6` action (#12648) @LukasTy
180
+ - [core] Fix typo in `@mui/x-tree-view-pro/themeAugmentation` (#12674) @flaviendelangle
181
+ - [core] Introduce `describeTreeView` to run test on `SimpleTreeView` and `RichTreeView`, using `TreeItem` and `TreeItem2` + migrate expansion tests (#12428) @flaviendelangle
182
+ - [core] Limit `test-types` CI step allowed memory (#12651) @LukasTy
183
+ - [core] Remove explicit `express` package (#12602) @LukasTy
184
+ - [core] Update to new embedded translations in the docs package (#12232) @Janpot
185
+ - [core] Use PR labels to identify the package a `l10n` PR belongs to (#12639) @LukasTy
186
+ - [core] Use `describeTreeView` for selection tests (#12647) @flaviendelangle
187
+ - [docs-infra] Adjust the links to search for issues (#11995) @michelengelen
188
+ - [infra] Polish support survey experience (#12624) @oliviertassinari
189
+ - [support-infra] Replace author association with a permission check in survey action (#12068) @michelengelen
190
+ - [support-infra] Fix user permission check (#12669) @michelengelen
191
+ - [test] Fix Tree View test import (#12668) @LukasTy
192
+
6
193
  ## 7.1.0
7
194
 
8
195
  _Mar 28, 2024_
@@ -74,7 +261,7 @@ Same changes as in `@mui/x-date-pickers@7.1.0`, plus:
74
261
  - [core] Include `DateTimeRangePicker` tag in `releaseChangelog` (#12526) @LukasTy
75
262
  - [core] Upgrade monorepo (#12536) @cherniavskii
76
263
 
77
- ## v7.0.0
264
+ ## 7.0.0
78
265
 
79
266
  _Mar 22, 2024_
80
267
 
@@ -530,13 +717,13 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
530
717
 
531
718
  - 🎁 Introduce a new DOM structure for the field components that provides a better accessibility
532
719
  - 🚀 Simplify Data Grid DOM structure for improved performance (#12013) @romgrk
533
- - 🕥 The support for IE11 has been removed (#12151) @flaviendelangle
720
+ - 🕥 The support for IE 11 has been removed (#12151) @flaviendelangle
534
721
  - 🐞 Bugfixes
535
722
  - 📚 Documentation improvements
536
723
 
537
724
  ### Breaking changes
538
725
 
539
- - The support for IE11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE11 is no longer included.
726
+ - The support for IE 11 has been removed from all MUI X packages. The `legacy` bundle that used to support old browsers like IE 11 is no longer included.
540
727
 
541
728
  ### Data Grid
542
729
 
@@ -641,7 +828,7 @@ These components are no longer exported from `@mui/x-charts`:
641
828
 
642
829
  ### Tree View / `@mui/x-tree-view@7.0.0-beta.4`
643
830
 
644
- - [TreeView] Stop using custom `findIndex` to support IE11 (#12129) @flaviendelangle
831
+ - [TreeView] Stop using custom `findIndex` to support IE 11 (#12129) @flaviendelangle
645
832
 
646
833
  ### Docs
647
834
 
@@ -2871,6 +3058,76 @@ Here is an example of the renaming for the `<ChartsTooltip />` component.
2871
3058
  - [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
2872
3059
  - [license] Correctly throw errors (#10924) @oliviertassinari
2873
3060
 
3061
+ ## 6.19.9
3062
+
3063
+ _Apr 5, 2024_
3064
+
3065
+ We'd like to offer a big thanks to the 3 contributors who made this release possible. Here are some highlights ✨:
3066
+
3067
+ - 🐞 Bugfixes
3068
+ - 📚 Documentation improvements
3069
+
3070
+ ### Data Grid
3071
+
3072
+ #### `@mui/x-data-grid@6.19.9`
3073
+
3074
+ - [DataGrid] Remove legacy editing API event: `rowEditCommit` (#12087) @MBilalShafi
3075
+
3076
+ #### `@mui/x-data-grid-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3077
+
3078
+ Same changes as in `@mui/x-data-grid@6.19.9`.
3079
+
3080
+ #### `@mui/x-data-grid-premium@6.19.9` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3081
+
3082
+ Same changes as in `@mui/x-data-grid-pro@6.19.9`.
3083
+
3084
+ ### Date Pickers
3085
+
3086
+ #### `@mui/x-date-pickers@6.19.9`
3087
+
3088
+ No changes.
3089
+
3090
+ #### `@mui/x-date-pickers-pro@6.19.9` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3091
+
3092
+ - [DateRangePicker] Fix selection behavior with single input field when `readOnly` (#12605) @LukasTy
3093
+
3094
+ ### Docs
3095
+
3096
+ - [docs] Add a recipe for the `checkboxSelectionVisibleOnly` prop (#12667) @michelengelen
3097
+ - [docs] Explain the use of `_action: 'delete'` in `processRowUpdate` (#12673) @michelengelen
3098
+
3099
+ ### Core
3100
+
3101
+ - [core] Use Circle CI context (#12607) @cherniavskii
3102
+
3103
+ ## 6.19.8
3104
+
3105
+ _Mar 20, 2024_
3106
+
3107
+ We'd like to offer a big thanks to the 3 contributors who made this release possible.
3108
+
3109
+ ### Data Grid
3110
+
3111
+ #### `@mui/x-data-grid@6.19.8`
3112
+
3113
+ - [DataGrid] Fix `ElementType` usage (#12505) @cherniavskii
3114
+ - [DataGrid] Fix cell value formatting on copy (#12483) @sai6855
3115
+ - [DataGrid] Fix checkbox selection when filtering (#12485) @g1mishra
3116
+
3117
+ #### `@mui/x-data-grid-pro@6.19.8` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
3118
+
3119
+ Same changes as in `@mui/x-data-grid@6.19.8`.
3120
+
3121
+ #### `@mui/x-data-grid-premium@6.19.8` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
3122
+
3123
+ Same changes as in `@mui/x-data-grid-pro@6.19.8`, plus:
3124
+
3125
+ - [DataGridPremium] Add support for confirmation before clipboard paste (#12466) @cherniavskii
3126
+
3127
+ ### Docs
3128
+
3129
+ - [docs] Update links to v7 (#12495) @cherniavskii
3130
+
2874
3131
  ## 6.19.7
2875
3132
 
2876
3133
  _Mar 14, 2024_
@@ -363,7 +363,7 @@ process.env.NODE_ENV !== "production" ? DateCalendar.propTypes = {
363
363
  * Formats the day of week displayed in the calendar header.
364
364
  * @param {TDate} date The date of the day of week provided by the adapter.
365
365
  * @returns {string} The name to display.
366
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
366
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
367
367
  */
368
368
  dayOfWeekFormatter: PropTypes.func,
369
369
  /**
@@ -38,7 +38,7 @@ export interface ExportedDayCalendarProps<TDate extends PickerValidDate> extends
38
38
  * Formats the day of week displayed in the calendar header.
39
39
  * @param {TDate} date The date of the day of week provided by the adapter.
40
40
  * @returns {string} The name to display.
41
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
41
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
42
42
  */
43
43
  dayOfWeekFormatter?: (date: TDate) => string;
44
44
  /**
@@ -274,7 +274,7 @@ process.env.NODE_ENV !== "production" ? DateField.propTypes = {
274
274
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
275
275
  * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
276
276
  *
277
- * @default `false`
277
+ * @default false
278
278
  */
279
279
  shouldRespectLeadingZeros: PropTypes.bool,
280
280
  /**
@@ -65,7 +65,7 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes = {
65
65
  * Formats the day of week displayed in the calendar header.
66
66
  * @param {TDate} date The date of the day of week provided by the adapter.
67
67
  * @returns {string} The name to display.
68
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
68
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
69
69
  */
70
70
  dayOfWeekFormatter: PropTypes.func,
71
71
  /**
@@ -64,7 +64,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * 12h/24h view for hour selection clock.
67
- * @default `utils.is12HourCycleInCurrentLocale()`
67
+ * @default utils.is12HourCycleInCurrentLocale()
68
68
  */
69
69
  ampm: PropTypes.bool,
70
70
  /**
@@ -315,7 +315,7 @@ process.env.NODE_ENV !== "production" ? DateTimeField.propTypes = {
315
315
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
316
316
  * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
317
317
  *
318
- * @default `false`
318
+ * @default false
319
319
  */
320
320
  shouldRespectLeadingZeros: PropTypes.bool,
321
321
  /**
@@ -9,7 +9,7 @@ import { ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFie
9
9
  export interface UseDateTimeFieldProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<TDate | null, TDate, FieldSection, TEnableAccessibleFieldDOMStructure, DateTimeValidationError>, 'format'>, DayValidationProps<TDate>, MonthValidationProps<TDate>, YearValidationProps<TDate>, BaseDateValidationProps<TDate>, TimeValidationProps<TDate>, BaseTimeValidationProps, DateTimeValidationProps<TDate>, ExportedUseClearableFieldProps {
10
10
  /**
11
11
  * 12h/24h view for hour selection clock.
12
- * @default `utils.is12HourCycleInCurrentLocale()`
12
+ * @default utils.is12HourCycleInCurrentLocale()
13
13
  */
14
14
  ampm?: boolean;
15
15
  }
@@ -50,7 +50,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
50
50
  // ----------------------------------------------------------------------
51
51
  /**
52
52
  * 12h/24h view for hour selection clock.
53
- * @default `utils.is12HourCycleInCurrentLocale()`
53
+ * @default utils.is12HourCycleInCurrentLocale()
54
54
  */
55
55
  ampm: PropTypes.bool,
56
56
  /**
@@ -75,7 +75,7 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes = {
75
75
  * Formats the day of week displayed in the calendar header.
76
76
  * @param {TDate} date The date of the day of week provided by the adapter.
77
77
  * @returns {string} The name to display.
78
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
78
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
79
79
  */
80
80
  dayOfWeekFormatter: PropTypes.func,
81
81
  /**
@@ -86,7 +86,7 @@ DesktopDatePicker.propTypes = {
86
86
  * Formats the day of week displayed in the calendar header.
87
87
  * @param {TDate} date The date of the day of week provided by the adapter.
88
88
  * @returns {string} The name to display.
89
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
89
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
90
90
  */
91
91
  dayOfWeekFormatter: PropTypes.func,
92
92
  /**
@@ -46,15 +46,24 @@ const rendererInterceptor = function rendererInterceptor(inViewRenderers, popper
46
46
  children: [inViewRenderers[!isTimeViewActive ? popperView : 'day']?.(_extends({}, rendererProps, {
47
47
  view: !isTimeViewActive ? popperView : 'day',
48
48
  focusedView: focusedView && isDatePickerView(focusedView) ? focusedView : null,
49
- views: rendererProps.views.filter(isDatePickerView)
49
+ views: rendererProps.views.filter(isDatePickerView),
50
+ sx: [{
51
+ gridColumn: 1
52
+ }, ...finalProps.sx]
50
53
  })), timeViewsCount > 0 && /*#__PURE__*/_jsxs(React.Fragment, {
51
54
  children: [/*#__PURE__*/_jsx(Divider, {
52
- orientation: "vertical"
55
+ orientation: "vertical",
56
+ sx: {
57
+ gridColumn: 2
58
+ }
53
59
  }), inViewRenderers[isTimeViewActive ? popperView : 'hours']?.(_extends({}, finalProps, {
54
60
  view: isTimeViewActive ? popperView : 'hours',
55
61
  focusedView: focusedView && isInternalTimeView(focusedView) ? focusedView : null,
56
62
  openTo: isInternalTimeView(openTo) ? openTo : 'hours',
57
- views: rendererProps.views.filter(isInternalTimeView)
63
+ views: rendererProps.views.filter(isInternalTimeView),
64
+ sx: [{
65
+ gridColumn: 3
66
+ }, ...finalProps.sx]
58
67
  }))]
59
68
  })]
60
69
  });
@@ -148,7 +157,7 @@ DesktopDateTimePicker.propTypes = {
148
157
  // ----------------------------------------------------------------------
149
158
  /**
150
159
  * 12h/24h view for hour selection clock.
151
- * @default `utils.is12HourCycleInCurrentLocale()`
160
+ * @default utils.is12HourCycleInCurrentLocale()
152
161
  */
153
162
  ampm: PropTypes.bool,
154
163
  /**
@@ -173,7 +182,7 @@ DesktopDateTimePicker.propTypes = {
173
182
  * Formats the day of week displayed in the calendar header.
174
183
  * @param {TDate} date The date of the day of week provided by the adapter.
175
184
  * @returns {string} The name to display.
176
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
185
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
177
186
  */
178
187
  dayOfWeekFormatter: PropTypes.func,
179
188
  /**
@@ -92,7 +92,7 @@ DesktopTimePicker.propTypes = {
92
92
  // ----------------------------------------------------------------------
93
93
  /**
94
94
  * 12h/24h view for hour selection clock.
95
- * @default `utils.is12HourCycleInCurrentLocale()`
95
+ * @default utils.is12HourCycleInCurrentLocale()
96
96
  */
97
97
  ampm: PropTypes.bool,
98
98
  /**
@@ -274,7 +274,7 @@ process.env.NODE_ENV !== "production" ? DigitalClock.propTypes = {
274
274
  // ----------------------------------------------------------------------
275
275
  /**
276
276
  * 12h/24h view for hour selection clock.
277
- * @default `utils.is12HourCycleInCurrentLocale()`
277
+ * @default utils.is12HourCycleInCurrentLocale()
278
278
  */
279
279
  ampm: PropTypes.bool,
280
280
  /**
@@ -83,7 +83,7 @@ MobileDatePicker.propTypes = {
83
83
  * Formats the day of week displayed in the calendar header.
84
84
  * @param {TDate} date The date of the day of week provided by the adapter.
85
85
  * @returns {string} The name to display.
86
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
86
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
87
87
  */
88
88
  dayOfWeekFormatter: PropTypes.func,
89
89
  /**
@@ -78,7 +78,7 @@ MobileDateTimePicker.propTypes = {
78
78
  // ----------------------------------------------------------------------
79
79
  /**
80
80
  * 12h/24h view for hour selection clock.
81
- * @default `utils.is12HourCycleInCurrentLocale()`
81
+ * @default utils.is12HourCycleInCurrentLocale()
82
82
  */
83
83
  ampm: PropTypes.bool,
84
84
  /**
@@ -103,7 +103,7 @@ MobileDateTimePicker.propTypes = {
103
103
  * Formats the day of week displayed in the calendar header.
104
104
  * @param {TDate} date The date of the day of week provided by the adapter.
105
105
  * @returns {string} The name to display.
106
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
106
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
107
107
  */
108
108
  dayOfWeekFormatter: PropTypes.func,
109
109
  /**
@@ -71,7 +71,7 @@ MobileTimePicker.propTypes = {
71
71
  // ----------------------------------------------------------------------
72
72
  /**
73
73
  * 12h/24h view for hour selection clock.
74
- * @default `utils.is12HourCycleInCurrentLocale()`
74
+ * @default utils.is12HourCycleInCurrentLocale()
75
75
  */
76
76
  ampm: PropTypes.bool,
77
77
  /**
@@ -331,7 +331,7 @@ process.env.NODE_ENV !== "production" ? MultiSectionDigitalClock.propTypes = {
331
331
  // ----------------------------------------------------------------------
332
332
  /**
333
333
  * 12h/24h view for hour selection clock.
334
- * @default `utils.is12HourCycleInCurrentLocale()`
334
+ * @default utils.is12HourCycleInCurrentLocale()
335
335
  */
336
336
  ampm: PropTypes.bool,
337
337
  /**
@@ -13,7 +13,7 @@ export interface ExportedPickersShortcutProps<TValue> extends Omit<ListProps, 'o
13
13
  /**
14
14
  * Ordered array of shortcuts to display.
15
15
  * If empty, does not display the shortcuts.
16
- * @default `[]`
16
+ * @default []
17
17
  */
18
18
  items?: PickersShortcutsItem<TValue>[];
19
19
  /**
@@ -91,7 +91,7 @@ process.env.NODE_ENV !== "production" ? PickersShortcuts.propTypes = {
91
91
  /**
92
92
  * Ordered array of shortcuts to display.
93
93
  * If empty, does not display the shortcuts.
94
- * @default `[]`
94
+ * @default []
95
95
  */
96
96
  items: PropTypes.arrayOf(PropTypes.shape({
97
97
  getValue: PropTypes.func.isRequired,
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # MUI X Date Pickers
2
2
 
3
- This package is the community edition of the date and time picker components.
3
+ This package is the Community plan edition of the Date and Time Picker components.
4
4
  It's part of [MUI X](https://mui.com/x/), an open-core extension of MUI Core, with advanced components.
5
5
 
6
6
  ## Installation
@@ -64,7 +64,7 @@ StaticDatePicker.propTypes = {
64
64
  * Formats the day of week displayed in the calendar header.
65
65
  * @param {TDate} date The date of the day of week provided by the adapter.
66
66
  * @returns {string} The name to display.
67
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
67
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
68
68
  */
69
69
  dayOfWeekFormatter: PropTypes.func,
70
70
  /**
@@ -64,7 +64,7 @@ StaticDateTimePicker.propTypes = {
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * 12h/24h view for hour selection clock.
67
- * @default `utils.is12HourCycleInCurrentLocale()`
67
+ * @default utils.is12HourCycleInCurrentLocale()
68
68
  */
69
69
  ampm: PropTypes.bool,
70
70
  /**
@@ -84,7 +84,7 @@ StaticDateTimePicker.propTypes = {
84
84
  * Formats the day of week displayed in the calendar header.
85
85
  * @param {TDate} date The date of the day of week provided by the adapter.
86
86
  * @returns {string} The name to display.
87
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
87
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
88
88
  */
89
89
  dayOfWeekFormatter: PropTypes.func,
90
90
  /**
@@ -56,7 +56,7 @@ StaticTimePicker.propTypes = {
56
56
  // ----------------------------------------------------------------------
57
57
  /**
58
58
  * 12h/24h view for hour selection clock.
59
- * @default `utils.is12HourCycleInCurrentLocale()`
59
+ * @default utils.is12HourCycleInCurrentLocale()
60
60
  */
61
61
  ampm: PropTypes.bool,
62
62
  /**
@@ -317,7 +317,7 @@ process.env.NODE_ENV !== "production" ? TimeClock.propTypes = {
317
317
  // ----------------------------------------------------------------------
318
318
  /**
319
319
  * 12h/24h view for hour selection clock.
320
- * @default `utils.is12HourCycleInCurrentLocale()`
320
+ * @default utils.is12HourCycleInCurrentLocale()
321
321
  */
322
322
  ampm: PropTypes.bool,
323
323
  /**
@@ -64,7 +64,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
64
64
  // ----------------------------------------------------------------------
65
65
  /**
66
66
  * 12h/24h view for hour selection clock.
67
- * @default `utils.is12HourCycleInCurrentLocale()`
67
+ * @default utils.is12HourCycleInCurrentLocale()
68
68
  */
69
69
  ampm: PropTypes.bool,
70
70
  /**
@@ -275,7 +275,7 @@ process.env.NODE_ENV !== "production" ? TimeField.propTypes = {
275
275
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
276
276
  * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
277
277
  *
278
- * @default `false`
278
+ * @default false
279
279
  */
280
280
  shouldRespectLeadingZeros: PropTypes.bool,
281
281
  /**
@@ -9,7 +9,7 @@ import { ExportedUseClearableFieldProps, UseClearableFieldSlots, UseClearableFie
9
9
  export interface UseTimeFieldProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<UseFieldInternalProps<TDate | null, TDate, FieldSection, TEnableAccessibleFieldDOMStructure, TimeValidationError>, 'format'>, TimeValidationProps<TDate>, BaseTimeValidationProps, ExportedUseClearableFieldProps {
10
10
  /**
11
11
  * 12h/24h view for hour selection clock.
12
- * @default `utils.is12HourCycleInCurrentLocale()`
12
+ * @default utils.is12HourCycleInCurrentLocale()
13
13
  */
14
14
  ampm?: boolean;
15
15
  }
@@ -50,7 +50,7 @@ process.env.NODE_ENV !== "production" ? TimePicker.propTypes = {
50
50
  // ----------------------------------------------------------------------
51
51
  /**
52
52
  * 12h/24h view for hour selection clock.
53
- * @default `utils.is12HourCycleInCurrentLocale()`
53
+ * @default utils.is12HourCycleInCurrentLocale()
54
54
  */
55
55
  ampm: PropTypes.bool,
56
56
  /**
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers v7.1.0
2
+ * @mui/x-date-pickers v7.2.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -68,7 +68,7 @@ export interface UseFieldInternalProps<TValue, TDate extends PickerValidDate, TS
68
68
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
69
69
  * This mean that when using `shouldRespectLeadingZeros={false}`, if you retrieve the value directly from the input (not listening to `onChange`) and your format contains tokens without leading zeros, the value will not be parsed by your library.
70
70
  *
71
- * @default `false`
71
+ * @default false
72
72
  */
73
73
  shouldRespectLeadingZeros?: boolean;
74
74
  /**