@@ -17,7 +17,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
17
17
- [ ` MultiInputDateRangeField ` / ` SingleInputDateRangeField ` ] ( https://next.mui.com/x/react-date-pickers/date-range-field/ ) to edit date range
18
18
- [ ` MultiInputTimeRangeField ` ] ( https://next.mui.com/x/react-date-pickers/time-range-field/ ) to edit time range with two inputs
19
19
- [ ` MultiInputDateTimeRangeField ` ] ( https://next.mui.com/x/react-date-pickers/date-time-range-field/ ) to edit date and time range with two inputs
20
-
20
+
21
21
⚠️ These components are unstable.
22
22
They might receive breaking changes on their props to have the best components possible by the time of the stable release.
23
23
@@ -71,7 +71,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
71
71
The ` DialogProps ` prop has been replaced by a ` dialog ` component props slot on responsive and mobile pickers:
72
72
73
73
``` diff
74
- // Same on MobileDatePicker, DateTimePicker, MobileDateTimePicker,
74
+ // Same on MobileDatePicker, DateTimePicker, MobileDateTimePicker,
75
75
// TimePicker, MobileTimePicker, DateRangePicker and MobileDateRangePicker.
76
76
<DatePicker
77
77
- DialogProps={{ backgroundColor: 'red' }}
@@ -82,7 +82,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
82
82
The ` PaperProps ` prop has been replaced by a ` desktopPaper ` component props slot on all responsive and desktop pickers:
83
83
84
84
``` diff
85
- // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
85
+ // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
86
86
// TimePicker, DesktopTimePicker, DateRangePicker and DesktopDateRangePicker.
87
87
<DatePicker
88
88
- PaperProps={{ backgroundColor: 'red' }}
@@ -93,7 +93,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
93
93
The ` PopperProps ` prop has been replaced by a ` popper ` component props slot on all responsive and desktop pickers:
94
94
95
95
``` diff
96
- // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
96
+ // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
97
97
// TimePicker, DesktopTimePicker, DateRangePicker and DesktopDateRangePicker.
98
98
<DatePicker
99
99
- PopperProps={{ onClick: handleClick }}
@@ -104,7 +104,7 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
104
104
The ` TransitionComponent ` prop has been replaced by a ` DesktopTransition ` component slot on all responsive and desktop pickers:
105
105
106
106
``` diff
107
- // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
107
+ // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
108
108
// TimePicker, DesktopTimePicker, DateRangePicker and DesktopDateRangePicker.
109
109
<DatePicker
110
110
- TransitionComponent={Fade}
@@ -115,14 +115,14 @@ We'd like to offer a big thanks to the 8 contributors who made this release poss
115
115
The ` TrapFocusProps ` prop has been replaced by a ` desktopTrapFocus ` component props slot on all responsive and desktop pickers:
116
116
117
117
``` diff
118
- // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
118
+ // Same on DesktopDatePicker, DateTimePicker, DesktopDateTimePicker,
119
119
// TimePicker, DesktopTimePicker, DateRangePicker and DesktopDateRangePicker.
120
120
<DatePicker
121
121
- TrapFocusProps={{ isEnabled: () => false }}
122
122
+ componentsProps={{ desktopTrapFocus: { isEnabled: () => false }}}
123
123
/>
124
124
```
125
-
125
+
126
126
- The view components allowing to pick a date or parts of a date without an input have been renamed to better fit their usage:
127
127
128
128
``` diff
@@ -506,9 +506,9 @@ You can find more information about the new api, including how to set those tran
506
506
- The deprecated ` locale ` prop of the ` LocalizationProvider ` component have been renamed ` adapterLocale ` :
507
507
508
508
``` diff
509
- <LocalizationProvider
509
+ <LocalizationProvider
510
510
dateAdapter={AdapterDayjs}
511
- - locale="fr"
511
+ - locale="fr"
512
512
+ adapterLocale="fr"
513
513
>
514
514
{children}
0 commit comments