@mui/x-date-pickers-pro 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 (62) hide show
  1. package/CHANGELOG.md +261 -4
  2. package/DateRangeCalendar/DateRangeCalendar.js +1 -1
  3. package/DateRangePicker/DateRangePicker.js +1 -1
  4. package/DateTimeRangePicker/DateTimeRangePicker.js +2 -2
  5. package/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -3
  6. package/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -1
  7. package/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +14 -5
  8. package/MobileDateRangePicker/MobileDateRangePicker.js +1 -1
  9. package/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +2 -2
  10. package/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  11. package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +2 -2
  12. package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +2 -2
  13. package/README.md +1 -1
  14. package/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  15. package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +2 -2
  16. package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +2 -2
  17. package/StaticDateRangePicker/StaticDateRangePicker.js +1 -1
  18. package/index.js +1 -1
  19. package/internals/hooks/useEnrichedRangePickerFieldProps.js +3 -3
  20. package/internals/models/dateTimeRange.d.ts +1 -1
  21. package/internals/models/timeRange.d.ts +1 -1
  22. package/internals/utils/date-range-manager.js +1 -1
  23. package/internals/utils/releaseInfo.js +1 -1
  24. package/modern/DateRangeCalendar/DateRangeCalendar.js +1 -1
  25. package/modern/DateRangePicker/DateRangePicker.js +1 -1
  26. package/modern/DateTimeRangePicker/DateTimeRangePicker.js +2 -2
  27. package/modern/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -3
  28. package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -1
  29. package/modern/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +14 -5
  30. package/modern/MobileDateRangePicker/MobileDateRangePicker.js +1 -1
  31. package/modern/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +2 -2
  32. package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  33. package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +2 -2
  34. package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +2 -2
  35. package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  36. package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +2 -2
  37. package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +2 -2
  38. package/modern/StaticDateRangePicker/StaticDateRangePicker.js +1 -1
  39. package/modern/index.js +1 -1
  40. package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js +3 -3
  41. package/modern/internals/utils/date-range-manager.js +1 -1
  42. package/modern/internals/utils/releaseInfo.js +1 -1
  43. package/node/DateRangeCalendar/DateRangeCalendar.js +1 -1
  44. package/node/DateRangePicker/DateRangePicker.js +1 -1
  45. package/node/DateTimeRangePicker/DateTimeRangePicker.js +2 -2
  46. package/node/DateTimeRangePicker/DateTimeRangePickerToolbar.js +1 -3
  47. package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +1 -1
  48. package/node/DesktopDateTimeRangePicker/DesktopDateTimeRangePicker.js +14 -5
  49. package/node/MobileDateRangePicker/MobileDateRangePicker.js +1 -1
  50. package/node/MobileDateTimeRangePicker/MobileDateTimeRangePicker.js +2 -2
  51. package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +1 -1
  52. package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +2 -2
  53. package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +2 -2
  54. package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +1 -1
  55. package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +2 -2
  56. package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +2 -2
  57. package/node/StaticDateRangePicker/StaticDateRangePicker.js +1 -1
  58. package/node/index.js +1 -1
  59. package/node/internals/hooks/useEnrichedRangePickerFieldProps.js +3 -3
  60. package/node/internals/utils/date-range-manager.js +1 -1
  61. package/node/internals/utils/releaseInfo.js +1 -1
  62. package/package.json +4 -4
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_
@@ -508,7 +508,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
508
508
  * Formats the day of week displayed in the calendar header.
509
509
  * @param {TDate} date The date of the day of week provided by the adapter.
510
510
  * @returns {string} The name to display.
511
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
511
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
512
512
  */
513
513
  dayOfWeekFormatter: PropTypes.func,
514
514
  /**
@@ -74,7 +74,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
74
74
  * Formats the day of week displayed in the calendar header.
75
75
  * @param {TDate} date The date of the day of week provided by the adapter.
76
76
  * @returns {string} The name to display.
77
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
77
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
78
78
  */
79
79
  dayOfWeekFormatter: PropTypes.func,
80
80
  /**
@@ -49,7 +49,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
49
49
  // ----------------------------------------------------------------------
50
50
  /**
51
51
  * 12h/24h view for hour selection clock.
52
- * @default `utils.is12HourCycleInCurrentLocale()`
52
+ * @default utils.is12HourCycleInCurrentLocale()
53
53
  */
54
54
  ampm: PropTypes.bool,
55
55
  /**
@@ -79,7 +79,7 @@ process.env.NODE_ENV !== "production" ? DateTimeRangePicker.propTypes = {
79
79
  * Formats the day of week displayed in the calendar header.
80
80
  * @param {TDate} date The date of the day of week provided by the adapter.
81
81
  * @returns {string} The name to display.
82
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
82
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
83
83
  */
84
84
  dayOfWeekFormatter: PropTypes.func,
85
85
  /**
@@ -60,9 +60,7 @@ const DateTimeRangePickerToolbarEnd = styled(DateTimePickerToolbar, {
60
60
  })({
61
61
  variants: [{
62
62
  props: ({
63
- ownerState: {
64
- toolbarVariant
65
- }
63
+ toolbarVariant
66
64
  }) => toolbarVariant !== 'desktop',
67
65
  style: {
68
66
  padding: '12px 8px 12px 12px'
@@ -85,7 +85,7 @@ DesktopDateRangePicker.propTypes = {
85
85
  * Formats the day of week displayed in the calendar header.
86
86
  * @param {TDate} date The date of the day of week provided by the adapter.
87
87
  * @returns {string} The name to display.
88
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
88
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
89
89
  */
90
90
  dayOfWeekFormatter: PropTypes.func,
91
91
  /**
@@ -44,14 +44,23 @@ const rendererInterceptor = function rendererInterceptor(inViewRenderers, popper
44
44
  children: [inViewRenderers.day?.(_extends({}, rendererProps, {
45
45
  availableRangePositions: [rangePosition],
46
46
  view: !isTimeViewActive ? popperView : 'day',
47
- views: rendererProps.views.filter(isDatePickerView)
47
+ views: rendererProps.views.filter(isDatePickerView),
48
+ sx: [{
49
+ gridColumn: 1
50
+ }, ...finalProps.sx]
48
51
  })), /*#__PURE__*/_jsx(Divider, {
49
- orientation: "vertical"
52
+ orientation: "vertical",
53
+ sx: {
54
+ gridColumn: 2
55
+ }
50
56
  }), /*#__PURE__*/_jsx(DateTimeRangePickerTimeWrapper, _extends({}, finalProps, {
51
57
  view: isTimeViewActive ? popperView : 'hours',
52
58
  views: finalProps.views.filter(isInternalTimeView),
53
59
  openTo: isInternalTimeView(openTo) ? openTo : 'hours',
54
- viewRenderer: inViewRenderers[isTimeViewActive ? popperView : 'hours']
60
+ viewRenderer: inViewRenderers[isTimeViewActive ? popperView : 'hours'],
61
+ sx: [{
62
+ gridColumn: 3
63
+ }, ...finalProps.sx]
55
64
  }))]
56
65
  });
57
66
  };
@@ -125,7 +134,7 @@ DesktopDateTimeRangePicker.propTypes = {
125
134
  // ----------------------------------------------------------------------
126
135
  /**
127
136
  * 12h/24h view for hour selection clock.
128
- * @default `utils.is12HourCycleInCurrentLocale()`
137
+ * @default utils.is12HourCycleInCurrentLocale()
129
138
  */
130
139
  ampm: PropTypes.bool,
131
140
  /**
@@ -155,7 +164,7 @@ DesktopDateTimeRangePicker.propTypes = {
155
164
  * Formats the day of week displayed in the calendar header.
156
165
  * @param {TDate} date The date of the day of week provided by the adapter.
157
166
  * @returns {string} The name to display.
158
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
167
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
159
168
  */
160
169
  dayOfWeekFormatter: PropTypes.func,
161
170
  /**
@@ -81,7 +81,7 @@ MobileDateRangePicker.propTypes = {
81
81
  * Formats the day of week displayed in the calendar header.
82
82
  * @param {TDate} date The date of the day of week provided by the adapter.
83
83
  * @returns {string} The name to display.
84
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
84
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
85
85
  */
86
86
  dayOfWeekFormatter: PropTypes.func,
87
87
  /**
@@ -132,7 +132,7 @@ MobileDateTimeRangePicker.propTypes = {
132
132
  // ----------------------------------------------------------------------
133
133
  /**
134
134
  * 12h/24h view for hour selection clock.
135
- * @default `utils.is12HourCycleInCurrentLocale()`
135
+ * @default utils.is12HourCycleInCurrentLocale()
136
136
  */
137
137
  ampm: PropTypes.bool,
138
138
  /**
@@ -157,7 +157,7 @@ MobileDateTimeRangePicker.propTypes = {
157
157
  * Formats the day of week displayed in the calendar header.
158
158
  * @param {TDate} date The date of the day of week provided by the adapter.
159
159
  * @returns {string} The name to display.
160
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
160
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
161
161
  */
162
162
  dayOfWeekFormatter: PropTypes.func,
163
163
  /**
@@ -263,7 +263,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateRangeField.propTypes = {
263
263
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
264
264
  * 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.
265
265
  *
266
- * @default `false`
266
+ * @default false
267
267
  */
268
268
  shouldRespectLeadingZeros: PropTypes.bool,
269
269
  /**
@@ -133,7 +133,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
133
133
  // ----------------------------------------------------------------------
134
134
  /**
135
135
  * 12h/24h view for hour selection clock.
136
- * @default `utils.is12HourCycleInCurrentLocale()`
136
+ * @default utils.is12HourCycleInCurrentLocale()
137
137
  */
138
138
  ampm: PropTypes.bool,
139
139
  /**
@@ -304,7 +304,7 @@ process.env.NODE_ENV !== "production" ? MultiInputDateTimeRangeField.propTypes =
304
304
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
305
305
  * 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.
306
306
  *
307
- * @default `false`
307
+ * @default false
308
308
  */
309
309
  shouldRespectLeadingZeros: PropTypes.bool,
310
310
  /**
@@ -133,7 +133,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
133
133
  // ----------------------------------------------------------------------
134
134
  /**
135
135
  * 12h/24h view for hour selection clock.
136
- * @default `utils.is12HourCycleInCurrentLocale()`
136
+ * @default utils.is12HourCycleInCurrentLocale()
137
137
  */
138
138
  ampm: PropTypes.bool,
139
139
  /**
@@ -277,7 +277,7 @@ process.env.NODE_ENV !== "production" ? MultiInputTimeRangeField.propTypes = {
277
277
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
278
278
  * 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.
279
279
  *
280
- * @default `false`
280
+ * @default false
281
281
  */
282
282
  shouldRespectLeadingZeros: PropTypes.bool,
283
283
  /**
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # MUIĀ X Date Pickers Pro
2
2
 
3
- This package is the commercial edition of the date and time picker components.
3
+ This package is the Pro 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
@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateRangeField.propTypes = {
267
267
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
268
268
  * 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.
269
269
  *
270
- * @default `false`
270
+ * @default false
271
271
  */
272
272
  shouldRespectLeadingZeros: PropTypes.bool,
273
273
  /**
@@ -65,7 +65,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
65
65
  // ----------------------------------------------------------------------
66
66
  /**
67
67
  * 12h/24h view for hour selection clock.
68
- * @default `utils.is12HourCycleInCurrentLocale()`
68
+ * @default utils.is12HourCycleInCurrentLocale()
69
69
  */
70
70
  ampm: PropTypes.bool,
71
71
  /**
@@ -308,7 +308,7 @@ process.env.NODE_ENV !== "production" ? SingleInputDateTimeRangeField.propTypes
308
308
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
309
309
  * 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.
310
310
  *
311
- * @default `false`
311
+ * @default false
312
312
  */
313
313
  shouldRespectLeadingZeros: PropTypes.bool,
314
314
  /**
@@ -65,7 +65,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
65
65
  // ----------------------------------------------------------------------
66
66
  /**
67
67
  * 12h/24h view for hour selection clock.
68
- * @default `utils.is12HourCycleInCurrentLocale()`
68
+ * @default utils.is12HourCycleInCurrentLocale()
69
69
  */
70
70
  ampm: PropTypes.bool,
71
71
  /**
@@ -281,7 +281,7 @@ process.env.NODE_ENV !== "production" ? SingleInputTimeRangeField.propTypes = {
281
281
  * Warning n°3: When used in strict mode, dayjs and moment require to respect the leading zeros.
282
282
  * 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.
283
283
  *
284
- * @default `false`
284
+ * @default false
285
285
  */
286
286
  shouldRespectLeadingZeros: PropTypes.bool,
287
287
  /**
@@ -74,7 +74,7 @@ StaticDateRangePicker.propTypes = {
74
74
  * Formats the day of week displayed in the calendar header.
75
75
  * @param {TDate} date The date of the day of week provided by the adapter.
76
76
  * @returns {string} The name to display.
77
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
77
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
78
78
  */
79
79
  dayOfWeekFormatter: PropTypes.func,
80
80
  /**
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-date-pickers-pro v7.1.0
2
+ * @mui/x-date-pickers-pro v7.2.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
@@ -53,14 +53,14 @@ const useMultiInputFieldSlotProps = ({
53
53
  event.stopPropagation();
54
54
  onRangePositionChange('start');
55
55
  if (!readOnly && !disableOpenPicker) {
56
- actions.onOpen();
56
+ actions.onOpen(event);
57
57
  }
58
58
  };
59
59
  const openRangeEndSelection = event => {
60
60
  event.stopPropagation();
61
61
  onRangePositionChange('end');
62
62
  if (!readOnly && !disableOpenPicker) {
63
- actions.onOpen();
63
+ actions.onOpen(event);
64
64
  }
65
65
  };
66
66
  const handleFocusStart = () => {
@@ -197,7 +197,7 @@ const useSingleInputFieldSlotProps = ({
197
197
  const openPicker = event => {
198
198
  event.stopPropagation();
199
199
  if (!readOnly && !disableOpenPicker) {
200
- actions.onOpen();
200
+ actions.onOpen(event);
201
201
  }
202
202
  };
203
203
  const slots = _extends({}, fieldProps.slots, {
@@ -5,7 +5,7 @@ import { DateTimeRangeValidationError, RangeFieldSection, DateRange, RangeFieldS
5
5
  export interface UseDateTimeRangeFieldProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<Omit<UseFieldInternalProps<DateRange<TDate>, TDate, RangeFieldSection, TEnableAccessibleFieldDOMStructure, DateTimeRangeValidationError>, 'unstableFieldRef'>, 'format'>, RangeFieldSeparatorProps, DayRangeValidationProps<TDate>, TimeValidationProps<TDate>, BaseDateValidationProps<TDate>, DateTimeValidationProps<TDate> {
6
6
  /**
7
7
  * 12h/24h view for hour selection clock.
8
- * @default `utils.is12HourCycleInCurrentLocale()`
8
+ * @default utils.is12HourCycleInCurrentLocale()
9
9
  */
10
10
  ampm?: boolean;
11
11
  }
@@ -4,7 +4,7 @@ import { TimeRangeValidationError, RangeFieldSection, DateRange, RangeFieldSepar
4
4
  export interface UseTimeRangeFieldProps<TDate extends PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean> extends MakeOptional<Omit<UseFieldInternalProps<DateRange<TDate>, TDate, RangeFieldSection, TEnableAccessibleFieldDOMStructure, TimeRangeValidationError>, 'unstableFieldRef'>, 'format'>, RangeFieldSeparatorProps, TimeValidationProps<TDate>, BaseTimeValidationProps {
5
5
  /**
6
6
  * 12h/24h view for hour selection clock.
7
- * @default `utils.is12HourCycleInCurrentLocale()`
7
+ * @default utils.is12HourCycleInCurrentLocale()
8
8
  */
9
9
  ampm?: boolean;
10
10
  }
@@ -37,7 +37,7 @@ export function calculateRangeChange({
37
37
  nextSelection: 'end',
38
38
  newRange: [selectedDate, null]
39
39
  };
40
- return Boolean(start) && utils.isBefore(selectedDate, start) ? truthyResult : {
40
+ return Boolean(start) && utils.isBeforeDay(selectedDate, start) ? truthyResult : {
41
41
  nextSelection: 'start',
42
42
  newRange: [start, selectedDate]
43
43
  };
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcxMTU4MDQwMDAwMA==";
3
+ const releaseInfo = "MTcxMjg2OTIwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat
@@ -508,7 +508,7 @@ process.env.NODE_ENV !== "production" ? DateRangeCalendar.propTypes = {
508
508
  * Formats the day of week displayed in the calendar header.
509
509
  * @param {TDate} date The date of the day of week provided by the adapter.
510
510
  * @returns {string} The name to display.
511
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
511
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
512
512
  */
513
513
  dayOfWeekFormatter: PropTypes.func,
514
514
  /**
@@ -74,7 +74,7 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes = {
74
74
  * Formats the day of week displayed in the calendar header.
75
75
  * @param {TDate} date The date of the day of week provided by the adapter.
76
76
  * @returns {string} The name to display.
77
- * @default (_day: string, date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
77
+ * @default (date: TDate) => adapter.format(date, 'weekdayShort').charAt(0).toUpperCase()
78
78
  */
79
79
  dayOfWeekFormatter: PropTypes.func,
80
80
  /**