@mui/x-date-pickers-pro 6.16.0 → 6.16.2
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 +165 -1
- package/DateRangePicker/DateRangePicker.d.ts +10 -0
- package/DateRangePicker/DateRangePicker.js +10 -0
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +10 -0
- package/DesktopDateRangePicker/DesktopDateRangePicker.js +10 -0
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +10 -0
- package/MobileDateRangePicker/MobileDateRangePicker.js +10 -0
- package/MultiInputDateRangeField/MultiInputDateRangeField.d.ts +10 -0
- package/MultiInputDateRangeField/MultiInputDateRangeField.js +10 -0
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.d.ts +10 -0
- package/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +10 -0
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.d.ts +10 -0
- package/MultiInputTimeRangeField/MultiInputTimeRangeField.js +10 -0
- package/SingleInputDateRangeField/SingleInputDateRangeField.d.ts +10 -0
- package/SingleInputDateRangeField/SingleInputDateRangeField.js +10 -0
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.d.ts +10 -0
- package/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +10 -0
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.d.ts +10 -0
- package/SingleInputTimeRangeField/SingleInputTimeRangeField.js +10 -0
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +10 -0
- package/StaticDateRangePicker/StaticDateRangePicker.js +10 -0
- package/index.js +1 -1
- package/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -0
- package/internals/models/fields.d.ts +2 -4
- package/internals/utils/releaseInfo.js +1 -1
- package/legacy/DateRangePicker/DateRangePicker.js +10 -0
- package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js +10 -0
- package/legacy/MobileDateRangePicker/MobileDateRangePicker.js +10 -0
- package/legacy/MultiInputDateRangeField/MultiInputDateRangeField.js +10 -0
- package/legacy/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +10 -0
- package/legacy/MultiInputTimeRangeField/MultiInputTimeRangeField.js +10 -0
- package/legacy/SingleInputDateRangeField/SingleInputDateRangeField.js +10 -0
- package/legacy/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +10 -0
- package/legacy/SingleInputTimeRangeField/SingleInputTimeRangeField.js +10 -0
- package/legacy/StaticDateRangePicker/StaticDateRangePicker.js +10 -0
- package/legacy/index.js +1 -1
- package/legacy/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -0
- package/legacy/internals/utils/releaseInfo.js +1 -1
- package/modern/DateRangePicker/DateRangePicker.js +10 -0
- package/modern/DesktopDateRangePicker/DesktopDateRangePicker.js +10 -0
- package/modern/MobileDateRangePicker/MobileDateRangePicker.js +10 -0
- package/modern/MultiInputDateRangeField/MultiInputDateRangeField.js +10 -0
- package/modern/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +10 -0
- package/modern/MultiInputTimeRangeField/MultiInputTimeRangeField.js +10 -0
- package/modern/SingleInputDateRangeField/SingleInputDateRangeField.js +10 -0
- package/modern/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +10 -0
- package/modern/SingleInputTimeRangeField/SingleInputTimeRangeField.js +10 -0
- package/modern/StaticDateRangePicker/StaticDateRangePicker.js +10 -0
- package/modern/index.js +1 -1
- package/modern/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -0
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/node/DateRangeCalendar/DateRangeCalendar.js +1 -2
- package/node/DateRangeCalendar/dateRangeCalendarClasses.js +1 -2
- package/node/DateRangePicker/DateRangePicker.js +11 -2
- package/node/DateRangePicker/DateRangePickerToolbar.js +1 -2
- package/node/DateRangePicker/dateRangePickerToolbarClasses.js +1 -2
- package/node/DateRangePickerDay/DateRangePickerDay.js +1 -2
- package/node/DateRangePickerDay/dateRangePickerDayClasses.js +1 -2
- package/node/DesktopDateRangePicker/DesktopDateRangePicker.js +11 -2
- package/node/MobileDateRangePicker/MobileDateRangePicker.js +11 -2
- package/node/MultiInputDateRangeField/MultiInputDateRangeField.js +12 -4
- package/node/MultiInputDateTimeRangeField/MultiInputDateTimeRangeField.js +12 -4
- package/node/MultiInputTimeRangeField/MultiInputTimeRangeField.js +12 -4
- package/node/SingleInputDateRangeField/SingleInputDateRangeField.js +11 -2
- package/node/SingleInputDateTimeRangeField/SingleInputDateTimeRangeField.js +11 -2
- package/node/SingleInputTimeRangeField/SingleInputTimeRangeField.js +11 -2
- package/node/StaticDateRangePicker/StaticDateRangePicker.js +11 -2
- package/node/index.js +1 -1
- package/node/internals/hooks/useEnrichedRangePickerFieldProps.js +1 -0
- package/node/internals/utils/releaseInfo.js +1 -1
- package/node/internals/utils/valueManagers.js +3 -5
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,170 @@
|
|
|
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.16.2
|
|
7
|
+
|
|
8
|
+
_Oct 12, 2023_
|
|
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
|
+
- 📊 Chart's legend text management has been reworked and contains breaking changes (#10138) @alexfauquette
|
|
13
|
+
- 📝 Add [Bulk editing](https://mui.com/x/react-data-grid/recipes-editing/#bulk-editing) demo (#10333) @cherniavskii
|
|
14
|
+
- 🚀 Column grouping now works smoothly with column pinning (#10518) @MBilalShafi
|
|
15
|
+
- 🌍 Improve Arabic (ar-SD) and Spanish (es-ES) locales
|
|
16
|
+
- 🐞 Bugfixes
|
|
17
|
+
- 📚 Documentation improvements
|
|
18
|
+
|
|
19
|
+
### Data Grid
|
|
20
|
+
|
|
21
|
+
#### `@mui/x-data-grid@6.16.2`
|
|
22
|
+
|
|
23
|
+
- [DataGrid] Fix `LazyLoading` demo crash (#10621) @MBilalShafi
|
|
24
|
+
- [DataGrid] Fix cells overlapping the scrollbar in iOS Safari (#10633) @cherniavskii
|
|
25
|
+
- [DataGrid] Fix `getRowId is not defined` error (#10613) @romgrk
|
|
26
|
+
- [DataGrid] Get quick filter to work OOTB with `date` and `dateTime` fields (#10636) @MBilalShafi
|
|
27
|
+
- [DataGrid] Make cursor for selectable cells to be `default` unless editable (#9997) @gitstart
|
|
28
|
+
- [DataGrid] Remove unnecessary syntax in JSDoc (#10567) @Lev-Shapiro
|
|
29
|
+
- [DataGrid] Update row hover behavior to match native hover (#10623) @cherniavskii
|
|
30
|
+
- [l10n] Improve Arabic (ar-SD) locale (#10625) @alabenyahia
|
|
31
|
+
|
|
32
|
+
#### `@mui/x-data-grid-pro@6.16.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
33
|
+
|
|
34
|
+
Same changes as in `@mui/x-data-grid@6.16.2`, plus:
|
|
35
|
+
|
|
36
|
+
- [DataGridPro] Improve column grouping and column pinning friendship (#10518) @MBilalShafi
|
|
37
|
+
|
|
38
|
+
#### `@mui/x-data-grid-premium@6.16.2` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
39
|
+
|
|
40
|
+
Same changes as in `@mui/x-data-grid-pro@6.16.2`.
|
|
41
|
+
|
|
42
|
+
### Date Pickers
|
|
43
|
+
|
|
44
|
+
#### `@mui/x-date-pickers@6.16.2`
|
|
45
|
+
|
|
46
|
+
- [DateTimePicker] Add support for `DigitalClock` view renderer (#10624) @LukasTy
|
|
47
|
+
- [fields] Bootstrap the multi-HTML input component (#10638) @flaviendelangle
|
|
48
|
+
- [pickers] Fix timezone `UTC` false positive (#10586) @alexfauquette
|
|
49
|
+
- [l10n] Improve Spanish (es-ES) locale (#10588) @eduardodallmann
|
|
50
|
+
|
|
51
|
+
#### `@mui/x-date-pickers-pro@6.16.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
52
|
+
|
|
53
|
+
Same changes as in `@mui/x-date-pickers@6.16.2`.
|
|
54
|
+
|
|
55
|
+
### Charts / `@mui/x-charts@6.0.0-alpha.15`
|
|
56
|
+
|
|
57
|
+
#### Breaking changes
|
|
58
|
+
|
|
59
|
+
The charts have a new text display mechanism.
|
|
60
|
+
It adds line break support and avoids overlapping text in the legend.
|
|
61
|
+
This comes with some breaking changes.
|
|
62
|
+
|
|
63
|
+
- The DOM structure is modified. An intermediary `<tspan />` element has been added. This can impact how your style is applied.
|
|
64
|
+
```diff
|
|
65
|
+
- <text>The label</text>
|
|
66
|
+
+ <text><tspan>The label</tspan></text>
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
- The top margin has been reduced from 100 to 50 to benefit from the denser legend.
|
|
70
|
+
|
|
71
|
+
- To accurately compute the text size and then place it, styling should be provided as a JS object. For example, to set the legend font size, you should do:
|
|
72
|
+
```jsx
|
|
73
|
+
<PieChart
|
|
74
|
+
{/** ... */}
|
|
75
|
+
slotProps={{
|
|
76
|
+
legend: {
|
|
77
|
+
labelStyle: {
|
|
78
|
+
fontSize: 16,
|
|
79
|
+
},
|
|
80
|
+
},
|
|
81
|
+
}}
|
|
82
|
+
/>
|
|
83
|
+
```
|
|
84
|
+
Support for other text elements (axis labels and tick labels) will be implemented in follow-up PR.
|
|
85
|
+
|
|
86
|
+
#### Changes
|
|
87
|
+
|
|
88
|
+
- [charts] Fix typo between internal/external variable (#10640) @alexfauquette
|
|
89
|
+
- [charts] Improve the management of the text (#10138) @alexfauquette
|
|
90
|
+
|
|
91
|
+
### Docs
|
|
92
|
+
|
|
93
|
+
- [docs] Add bulk editing demo (#10333) @cherniavskii
|
|
94
|
+
- [docs] Add reference links to DateRangePicker components (#10629) @michelengelen
|
|
95
|
+
- [docs] Add reference links to DateTimePicker components (#10628) @michelengelen
|
|
96
|
+
- [docs] Add reference links to picker field components (#10631) @michelengelen
|
|
97
|
+
- [docs] Added reference links to TimePicker components (#10627) @michelengelen
|
|
98
|
+
- [docs] Avoid Pickers playground error due to empty views (#10654) @LukasTy
|
|
99
|
+
- [docs] Fix DataGrid[Pro/Premium] reference links (#10620) @michelengelen
|
|
100
|
+
|
|
101
|
+
### Core
|
|
102
|
+
|
|
103
|
+
- [core] Bump monorepo (#10619) @alexfauquette
|
|
104
|
+
- [core] Update `no-response` workflow (#10491) @MBilalShafi
|
|
105
|
+
- [core] Update the issue templates to reflect the new support workflow (#10651) @MBilalShafi
|
|
106
|
+
- [test] Fix `testEval` not invoking test assertions (#10587) @cherniavskii
|
|
107
|
+
- [test] Fix dev mode warning (#10610) @oliviertassinari
|
|
108
|
+
- [test] Set UUID chance seed in visual tests (#10609) @oliviertassinari
|
|
109
|
+
|
|
110
|
+
## 6.16.1
|
|
111
|
+
|
|
112
|
+
_Oct 6, 2023_
|
|
113
|
+
|
|
114
|
+
We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
|
|
115
|
+
|
|
116
|
+
- 🥧 Support interaction with pie chart
|
|
117
|
+
- 🐞 Bugfixes
|
|
118
|
+
- 📚 Documentation improvements
|
|
119
|
+
|
|
120
|
+
### Data Grid
|
|
121
|
+
|
|
122
|
+
#### `@mui/x-data-grid@6.16.1`
|
|
123
|
+
|
|
124
|
+
- [DataGrid] Add a new demo with sparklines (#9228) @flaviendelangle
|
|
125
|
+
- [DataGrid] Fix autosize missing a few pixels (#10471) @romgrk
|
|
126
|
+
- [DataGrid] Make `disableColumnSelector` demo idempotent (#10548) @MBilalShafi
|
|
127
|
+
|
|
128
|
+
#### `@mui/x-data-grid-pro@6.16.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
129
|
+
|
|
130
|
+
Same changes as in `@mui/x-data-grid@6.16.1`.
|
|
131
|
+
|
|
132
|
+
#### `@mui/x-data-grid-premium@6.16.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
133
|
+
|
|
134
|
+
Same changes as in `@mui/x-data-grid-pro@6.16.1`.
|
|
135
|
+
|
|
136
|
+
### Date Pickers
|
|
137
|
+
|
|
138
|
+
#### `@mui/x-date-pickers@6.16.1`
|
|
139
|
+
|
|
140
|
+
- [pickers] Avoid calendar layout shifting when changing views (#10541) @LukasTy
|
|
141
|
+
- [pickers] Fix clearable behavior when disabled (#10542) @noraleonte
|
|
142
|
+
- [pickers] Improve customization playground examples (#10544) @noraleonte
|
|
143
|
+
|
|
144
|
+
#### `@mui/x-date-pickers-pro@6.16.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
145
|
+
|
|
146
|
+
Same changes as in `@mui/x-date-pickers@6.16.1`, plus:
|
|
147
|
+
|
|
148
|
+
- [DateRangePicker] Fix `InputProps` propagation in multi input (#10564) @alexfauquette
|
|
149
|
+
|
|
150
|
+
### Charts / `@mui/x-charts@6.0.0-alpha.14`
|
|
151
|
+
|
|
152
|
+
- [charts] Display cursor pointer for pie chart only if `onClick` is provided (#10551) @giladappsforce
|
|
153
|
+
- [charts] Add `onClick` prop to PieChart (#10506) @giladappsforce
|
|
154
|
+
- [charts] Support `slots`/`slotProps` for the tooltip (#10515) @alexfauquette
|
|
155
|
+
|
|
156
|
+
### Docs
|
|
157
|
+
|
|
158
|
+
- [docs] Add `DateRangePicker` example with a `Button` trigger (#10485) @LukasTy
|
|
159
|
+
- [docs] Add section about disabling columns panel (#10328) @MBilalShafi
|
|
160
|
+
- [docs] Add section about overriding slots to base concepts (#10421) @noraleonte
|
|
161
|
+
- [docs] Add "What's new" page listing all release announcements (#9727) @joserodolfofreitas
|
|
162
|
+
- [docs] Update RTL Support section of the grid localization docs (#10561) @MBilalShafi
|
|
163
|
+
|
|
164
|
+
### Core
|
|
165
|
+
|
|
166
|
+
- [core] Fix casing consistency with legal and marketing content @oliviertassinari
|
|
167
|
+
- [core] Revert the link in the priority support ticket description (#10517) @michelengelen
|
|
168
|
+
- [CHANGELOG] Polish image @oliviertassinari
|
|
169
|
+
|
|
6
170
|
## 6.16.0
|
|
7
171
|
|
|
8
172
|
_Sep 29, 2023_
|
|
@@ -13,7 +177,7 @@ We'd like to offer a big thanks to the 9 contributors who made this release poss
|
|
|
13
177
|
|
|
14
178
|
The pickers and fields now have an out-of-the box implementation for clearing the field value. You can see the documentation for this behavior on the [Date Picker documentation](https://mui.com/x/react-date-pickers/date-picker/#clearing-the-value).
|
|
15
179
|
|
|
16
|
-
<img width="
|
|
180
|
+
<img width="337" height="139" alt="Clearable behavior" src="https://github.com/mui/mui-x/assets/3165635/a5407cb6-0b8a-443c-b4b9-1f81ceb4d087">
|
|
17
181
|
|
|
18
182
|
- 💫 Add Date Picker customization playground (#9581) @noraleonte
|
|
19
183
|
|
|
@@ -3,5 +3,15 @@ import { DateRangePickerProps } from './DateRangePicker.types';
|
|
|
3
3
|
type DatePickerComponent = (<TDate>(props: DateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [DateRangePicker API](https://mui.com/x/api/date-pickers/date-range-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const DateRangePicker: DatePickerComponent;
|
|
7
17
|
export { DateRangePicker };
|
|
@@ -9,6 +9,16 @@ import { refType } from '@mui/utils';
|
|
|
9
9
|
import { DesktopDateRangePicker } from '../DesktopDateRangePicker';
|
|
10
10
|
import { MobileDateRangePicker } from '../MobileDateRangePicker';
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
/**
|
|
13
|
+
* Demos:
|
|
14
|
+
*
|
|
15
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
16
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
17
|
+
*
|
|
18
|
+
* API:
|
|
19
|
+
*
|
|
20
|
+
* - [DateRangePicker API](https://mui.com/x/api/date-pickers/date-range-picker/)
|
|
21
|
+
*/
|
|
12
22
|
const DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
|
|
13
23
|
const props = useThemeProps({
|
|
14
24
|
props: inProps,
|
|
@@ -3,5 +3,15 @@ import { DesktopDateRangePickerProps } from './DesktopDateRangePicker.types';
|
|
|
3
3
|
type DesktopDateRangePickerComponent = (<TDate>(props: DesktopDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [DesktopDateRangePicker API](https://mui.com/x/api/date-pickers/desktop-date-range-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const DesktopDateRangePicker: DesktopDateRangePickerComponent;
|
|
7
17
|
export { DesktopDateRangePicker };
|
|
@@ -10,6 +10,16 @@ import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
|
10
10
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
11
11
|
import { useDesktopRangePicker } from '../internals/hooks/useDesktopRangePicker';
|
|
12
12
|
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
13
|
+
/**
|
|
14
|
+
* Demos:
|
|
15
|
+
*
|
|
16
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
17
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
18
|
+
*
|
|
19
|
+
* API:
|
|
20
|
+
*
|
|
21
|
+
* - [DesktopDateRangePicker API](https://mui.com/x/api/date-pickers/desktop-date-range-picker/)
|
|
22
|
+
*/
|
|
13
23
|
const DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
|
|
14
24
|
var _defaultizedProps$cal, _defaultizedProps$slo2;
|
|
15
25
|
// Props with the default values common to all date time pickers
|
|
@@ -3,5 +3,15 @@ import { MobileDateRangePickerProps } from './MobileDateRangePicker.types';
|
|
|
3
3
|
type MobileDateRangePickerComponent = (<TDate>(props: MobileDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [MobileDateRangePicker API](https://mui.com/x/api/date-pickers/mobile-date-range-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const MobileDateRangePicker: MobileDateRangePickerComponent;
|
|
7
17
|
export { MobileDateRangePicker };
|
|
@@ -10,6 +10,16 @@ import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
|
10
10
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
11
11
|
import { useMobileRangePicker } from '../internals/hooks/useMobileRangePicker';
|
|
12
12
|
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
13
|
+
/**
|
|
14
|
+
* Demos:
|
|
15
|
+
*
|
|
16
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
17
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
18
|
+
*
|
|
19
|
+
* API:
|
|
20
|
+
*
|
|
21
|
+
* - [MobileDateRangePicker API](https://mui.com/x/api/date-pickers/mobile-date-range-picker/)
|
|
22
|
+
*/
|
|
13
23
|
const MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
|
|
14
24
|
var _defaultizedProps$slo2;
|
|
15
25
|
// Props with the default values common to all date time pickers
|
|
@@ -6,5 +6,15 @@ export declare const getMultiInputDateRangeFieldUtilityClass: (slot: string) =>
|
|
|
6
6
|
type MultiInputDateRangeFieldComponent = (<TDate>(props: MultiInputDateRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
7
7
|
propTypes?: any;
|
|
8
8
|
};
|
|
9
|
+
/**
|
|
10
|
+
* Demos:
|
|
11
|
+
*
|
|
12
|
+
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
13
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [MultiInputDateRangeField API](https://mui.com/x/api/multi-input-date-range-field/)
|
|
18
|
+
*/
|
|
9
19
|
declare const MultiInputDateRangeField: MultiInputDateRangeFieldComponent;
|
|
10
20
|
export { MultiInputDateRangeField };
|
|
@@ -48,6 +48,16 @@ const MultiInputDateRangeFieldSeparator = styled(props => {
|
|
|
48
48
|
slot: 'Separator',
|
|
49
49
|
overridesResolver: (props, styles) => styles.separator
|
|
50
50
|
})({});
|
|
51
|
+
/**
|
|
52
|
+
* Demos:
|
|
53
|
+
*
|
|
54
|
+
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
55
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
56
|
+
*
|
|
57
|
+
* API:
|
|
58
|
+
*
|
|
59
|
+
* - [MultiInputDateRangeField API](https://mui.com/x/api/multi-input-date-range-field/)
|
|
60
|
+
*/
|
|
51
61
|
const MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateRangeField(inProps, ref) {
|
|
52
62
|
var _slots$root, _slots$textField, _slots$separator, _slotProps$separator;
|
|
53
63
|
const themeProps = useThemeProps({
|
|
@@ -6,5 +6,15 @@ export declare const getMultiInputDateTimeRangeFieldUtilityClass: (slot: string)
|
|
|
6
6
|
type MultiInputDateTimeRangeFieldComponent = (<TDate>(props: MultiInputDateTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
7
7
|
propTypes?: any;
|
|
8
8
|
};
|
|
9
|
+
/**
|
|
10
|
+
* Demos:
|
|
11
|
+
*
|
|
12
|
+
* - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
|
|
13
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [MultiInputDateTimeRangeField API](https://mui.com/x/api/multi-input-date-time-range-field/)
|
|
18
|
+
*/
|
|
9
19
|
declare const MultiInputDateTimeRangeField: MultiInputDateTimeRangeFieldComponent;
|
|
10
20
|
export { MultiInputDateTimeRangeField };
|
|
@@ -48,6 +48,16 @@ const MultiInputDateTimeRangeFieldSeparator = styled(props => {
|
|
|
48
48
|
slot: 'Separator',
|
|
49
49
|
overridesResolver: (props, styles) => styles.separator
|
|
50
50
|
})({});
|
|
51
|
+
/**
|
|
52
|
+
* Demos:
|
|
53
|
+
*
|
|
54
|
+
* - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
|
|
55
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
56
|
+
*
|
|
57
|
+
* API:
|
|
58
|
+
*
|
|
59
|
+
* - [MultiInputDateTimeRangeField API](https://mui.com/x/api/multi-input-date-time-range-field/)
|
|
60
|
+
*/
|
|
51
61
|
const MultiInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateTimeRangeField(inProps, ref) {
|
|
52
62
|
var _slots$root, _slots$textField, _slots$separator;
|
|
53
63
|
const themeProps = useThemeProps({
|
|
@@ -6,5 +6,15 @@ export declare const getMultiInputTimeRangeFieldUtilityClass: (slot: string) =>
|
|
|
6
6
|
type MultiInputTimeRangeFieldComponent = (<TDate>(props: MultiInputTimeRangeFieldProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
7
7
|
propTypes?: any;
|
|
8
8
|
};
|
|
9
|
+
/**
|
|
10
|
+
* Demos:
|
|
11
|
+
*
|
|
12
|
+
* - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
|
|
13
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [MultiInputTimeRangeField API](https://mui.com/x/api/multi-input-time-range-field/)
|
|
18
|
+
*/
|
|
9
19
|
declare const MultiInputTimeRangeField: MultiInputTimeRangeFieldComponent;
|
|
10
20
|
export { MultiInputTimeRangeField };
|
|
@@ -48,6 +48,16 @@ const MultiInputTimeRangeFieldSeparator = styled(props => {
|
|
|
48
48
|
slot: 'Separator',
|
|
49
49
|
overridesResolver: (props, styles) => styles.separator
|
|
50
50
|
})({});
|
|
51
|
+
/**
|
|
52
|
+
* Demos:
|
|
53
|
+
*
|
|
54
|
+
* - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
|
|
55
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
56
|
+
*
|
|
57
|
+
* API:
|
|
58
|
+
*
|
|
59
|
+
* - [MultiInputTimeRangeField API](https://mui.com/x/api/multi-input-time-range-field/)
|
|
60
|
+
*/
|
|
51
61
|
const MultiInputTimeRangeField = /*#__PURE__*/React.forwardRef(function MultiInputTimeRangeField(inProps, ref) {
|
|
52
62
|
var _slots$root, _slots$textField, _slots$separator;
|
|
53
63
|
const themeProps = useThemeProps({
|
|
@@ -4,5 +4,15 @@ type DateRangeFieldComponent = (<TDate>(props: SingleInputDateRangeFieldProps<TD
|
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
fieldType?: string;
|
|
6
6
|
};
|
|
7
|
+
/**
|
|
8
|
+
* Demos:
|
|
9
|
+
*
|
|
10
|
+
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
11
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
12
|
+
*
|
|
13
|
+
* API:
|
|
14
|
+
*
|
|
15
|
+
* - [SingleInputDateRangeField API](https://mui.com/x/api/single-input-date-range-field/)
|
|
16
|
+
*/
|
|
7
17
|
declare const SingleInputDateRangeField: DateRangeFieldComponent;
|
|
8
18
|
export { SingleInputDateRangeField };
|
|
@@ -12,6 +12,16 @@ import { useClearableField } from '@mui/x-date-pickers/hooks';
|
|
|
12
12
|
import { refType } from '@mui/utils';
|
|
13
13
|
import { useSingleInputDateRangeField } from './useSingleInputDateRangeField';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
/**
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
19
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
20
|
+
*
|
|
21
|
+
* API:
|
|
22
|
+
*
|
|
23
|
+
* - [SingleInputDateRangeField API](https://mui.com/x/api/single-input-date-range-field/)
|
|
24
|
+
*/
|
|
15
25
|
const SingleInputDateRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateRangeField(inProps, ref) {
|
|
16
26
|
var _ref, _slots$textField, _slotProps$textField;
|
|
17
27
|
const themeProps = useThemeProps({
|
|
@@ -4,5 +4,15 @@ type DateRangeFieldComponent = (<TDate>(props: SingleInputDateTimeRangeFieldProp
|
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
fieldType?: string;
|
|
6
6
|
};
|
|
7
|
+
/**
|
|
8
|
+
* Demos:
|
|
9
|
+
*
|
|
10
|
+
* - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
|
|
11
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
12
|
+
*
|
|
13
|
+
* API:
|
|
14
|
+
*
|
|
15
|
+
* - [SingleInputDateTimeRangeField API](https://mui.com/x/api/single-input-date-time-range-field/)
|
|
16
|
+
*/
|
|
7
17
|
declare const SingleInputDateTimeRangeField: DateRangeFieldComponent;
|
|
8
18
|
export { SingleInputDateTimeRangeField };
|
|
@@ -12,6 +12,16 @@ import { useClearableField } from '@mui/x-date-pickers/hooks';
|
|
|
12
12
|
import { refType } from '@mui/utils';
|
|
13
13
|
import { useSingleInputDateTimeRangeField } from './useSingleInputDateTimeRangeField';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
/**
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [DateTimeRangeField](http://mui.com/x/react-date-pickers/date-time-range-field/)
|
|
19
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
20
|
+
*
|
|
21
|
+
* API:
|
|
22
|
+
*
|
|
23
|
+
* - [SingleInputDateTimeRangeField API](https://mui.com/x/api/single-input-date-time-range-field/)
|
|
24
|
+
*/
|
|
15
25
|
const SingleInputDateTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputDateTimeRangeField(inProps, ref) {
|
|
16
26
|
var _ref, _slots$textField, _slotProps$textField;
|
|
17
27
|
const themeProps = useThemeProps({
|
|
@@ -4,5 +4,15 @@ type DateRangeFieldComponent = (<TDate>(props: SingleInputTimeRangeFieldProps<TD
|
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
fieldType?: string;
|
|
6
6
|
};
|
|
7
|
+
/**
|
|
8
|
+
* Demos:
|
|
9
|
+
*
|
|
10
|
+
* - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
|
|
11
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
12
|
+
*
|
|
13
|
+
* API:
|
|
14
|
+
*
|
|
15
|
+
* - [SingleInputTimeRangeField API](https://mui.com/x/api/single-input-time-range-field/)
|
|
16
|
+
*/
|
|
7
17
|
declare const SingleInputTimeRangeField: DateRangeFieldComponent;
|
|
8
18
|
export { SingleInputTimeRangeField };
|
|
@@ -12,6 +12,16 @@ import { useSlotProps } from '@mui/base/utils';
|
|
|
12
12
|
import { refType } from '@mui/utils';
|
|
13
13
|
import { useSingleInputTimeRangeField } from './useSingleInputTimeRangeField';
|
|
14
14
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
/**
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [TimeRangeField](http://mui.com/x/react-date-pickers/time-range-field/)
|
|
19
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
20
|
+
*
|
|
21
|
+
* API:
|
|
22
|
+
*
|
|
23
|
+
* - [SingleInputTimeRangeField API](https://mui.com/x/api/single-input-time-range-field/)
|
|
24
|
+
*/
|
|
15
25
|
const SingleInputTimeRangeField = /*#__PURE__*/React.forwardRef(function SingleInputTimeRangeField(inProps, ref) {
|
|
16
26
|
var _ref, _slots$textField, _slotProps$textField;
|
|
17
27
|
const themeProps = useThemeProps({
|
|
@@ -3,5 +3,15 @@ import { StaticDateRangePickerProps } from './StaticDateRangePicker.types';
|
|
|
3
3
|
type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element) & {
|
|
4
4
|
propTypes?: any;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Demos:
|
|
8
|
+
*
|
|
9
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
10
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
11
|
+
*
|
|
12
|
+
* API:
|
|
13
|
+
*
|
|
14
|
+
* - [StaticDateRangePicker API](https://mui.com/x/api/date-pickers/static-date-range-picker/)
|
|
15
|
+
*/
|
|
6
16
|
declare const StaticDateRangePicker: StaticDateRangePickerComponent;
|
|
7
17
|
export { StaticDateRangePicker };
|
|
@@ -6,6 +6,16 @@ import { useDateRangePickerDefaultizedProps } from '../DateRangePicker/shared';
|
|
|
6
6
|
import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
7
7
|
import { rangeValueManager } from '../internals/utils/valueManagers';
|
|
8
8
|
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
9
|
+
/**
|
|
10
|
+
* Demos:
|
|
11
|
+
*
|
|
12
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
13
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
14
|
+
*
|
|
15
|
+
* API:
|
|
16
|
+
*
|
|
17
|
+
* - [StaticDateRangePicker API](https://mui.com/x/api/date-pickers/static-date-range-picker/)
|
|
18
|
+
*/
|
|
9
19
|
const StaticDateRangePicker = /*#__PURE__*/React.forwardRef(function StaticDateRangePicker(inProps, ref) {
|
|
10
20
|
var _defaultizedProps$dis, _defaultizedProps$cal, _defaultizedProps$slo;
|
|
11
21
|
const defaultizedProps = useDateRangePickerDefaultizedProps(inProps, 'MuiStaticDateRangePicker');
|
package/index.js
CHANGED
|
@@ -102,6 +102,7 @@ const useMultiInputFieldSlotProps = ({
|
|
|
102
102
|
}, wrapperVariant === 'mobile' && {
|
|
103
103
|
readOnly: true
|
|
104
104
|
});
|
|
105
|
+
InputProps = resolvedComponentProps == null ? void 0 : resolvedComponentProps.InputProps;
|
|
105
106
|
}
|
|
106
107
|
return _extends({}, labelId != null && {
|
|
107
108
|
id: `${labelId}-${ownerState.position}`
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { SlotComponentProps } from '@mui/base/utils';
|
|
3
|
-
import { BaseFieldProps } from '@mui/x-date-pickers/internals';
|
|
3
|
+
import { BaseFieldProps, FieldsTextFieldProps } from '@mui/x-date-pickers/internals';
|
|
4
4
|
import { FieldSection } from '@mui/x-date-pickers/models';
|
|
5
5
|
export interface RangeFieldSection extends FieldSection {
|
|
6
6
|
dateName: 'start' | 'end';
|
|
@@ -17,9 +17,7 @@ export interface MultiInputFieldSlotTextFieldProps {
|
|
|
17
17
|
onKeyDown?: React.KeyboardEventHandler;
|
|
18
18
|
onFocus?: React.FocusEventHandler;
|
|
19
19
|
focused?: boolean;
|
|
20
|
-
InputProps?:
|
|
21
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
22
|
-
};
|
|
20
|
+
InputProps?: Partial<FieldsTextFieldProps['InputProps']>;
|
|
23
21
|
}
|
|
24
22
|
/**
|
|
25
23
|
* Props the `root` slot of the multi input field can receive when used inside a picker.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ponyfillGlobal } from '@mui/utils';
|
|
2
2
|
export const getReleaseInfo = () => {
|
|
3
|
-
const releaseInfo = "
|
|
3
|
+
const releaseInfo = "MTY5NzA1MDgwMDAwMA==";
|
|
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
|
|
@@ -9,6 +9,16 @@ import { refType } from '@mui/utils';
|
|
|
9
9
|
import { DesktopDateRangePicker } from '../DesktopDateRangePicker';
|
|
10
10
|
import { MobileDateRangePicker } from '../MobileDateRangePicker';
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
+
/**
|
|
13
|
+
* Demos:
|
|
14
|
+
*
|
|
15
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
16
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
17
|
+
*
|
|
18
|
+
* API:
|
|
19
|
+
*
|
|
20
|
+
* - [DateRangePicker API](https://mui.com/x/api/date-pickers/date-range-picker/)
|
|
21
|
+
*/
|
|
12
22
|
var DateRangePicker = /*#__PURE__*/React.forwardRef(function DateRangePicker(inProps, ref) {
|
|
13
23
|
var props = useThemeProps({
|
|
14
24
|
props: inProps,
|
|
@@ -10,6 +10,16 @@ import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
|
10
10
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
11
11
|
import { useDesktopRangePicker } from '../internals/hooks/useDesktopRangePicker';
|
|
12
12
|
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
13
|
+
/**
|
|
14
|
+
* Demos:
|
|
15
|
+
*
|
|
16
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
17
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
18
|
+
*
|
|
19
|
+
* API:
|
|
20
|
+
*
|
|
21
|
+
* - [DesktopDateRangePicker API](https://mui.com/x/api/date-pickers/desktop-date-range-picker/)
|
|
22
|
+
*/
|
|
13
23
|
var DesktopDateRangePicker = /*#__PURE__*/React.forwardRef(function DesktopDateRangePicker(inProps, ref) {
|
|
14
24
|
var _defaultizedProps$cal, _defaultizedProps$slo2;
|
|
15
25
|
// Props with the default values common to all date time pickers
|
|
@@ -10,6 +10,16 @@ import { renderDateRangeViewCalendar } from '../dateRangeViewRenderers';
|
|
|
10
10
|
import { MultiInputDateRangeField } from '../MultiInputDateRangeField';
|
|
11
11
|
import { useMobileRangePicker } from '../internals/hooks/useMobileRangePicker';
|
|
12
12
|
import { validateDateRange } from '../internals/utils/validation/validateDateRange';
|
|
13
|
+
/**
|
|
14
|
+
* Demos:
|
|
15
|
+
*
|
|
16
|
+
* - [DateRangePicker](https://mui.com/x/react-date-pickers/date-range-picker/)
|
|
17
|
+
* - [Validation](https://mui.com/x/react-date-pickers/validation/)
|
|
18
|
+
*
|
|
19
|
+
* API:
|
|
20
|
+
*
|
|
21
|
+
* - [MobileDateRangePicker API](https://mui.com/x/api/date-pickers/mobile-date-range-picker/)
|
|
22
|
+
*/
|
|
13
23
|
var MobileDateRangePicker = /*#__PURE__*/React.forwardRef(function MobileDateRangePicker(inProps, ref) {
|
|
14
24
|
var _defaultizedProps$slo2;
|
|
15
25
|
// Props with the default values common to all date time pickers
|
|
@@ -54,6 +54,16 @@ var MultiInputDateRangeFieldSeparator = styled(function (props) {
|
|
|
54
54
|
return styles.separator;
|
|
55
55
|
}
|
|
56
56
|
})({});
|
|
57
|
+
/**
|
|
58
|
+
* Demos:
|
|
59
|
+
*
|
|
60
|
+
* - [DateRangeField](http://mui.com/x/react-date-pickers/date-range-field/)
|
|
61
|
+
* - [Fields](https://mui.com/x/react-date-pickers/fields/)
|
|
62
|
+
*
|
|
63
|
+
* API:
|
|
64
|
+
*
|
|
65
|
+
* - [MultiInputDateRangeField API](https://mui.com/x/api/multi-input-date-range-field/)
|
|
66
|
+
*/
|
|
57
67
|
var MultiInputDateRangeField = /*#__PURE__*/React.forwardRef(function MultiInputDateRangeField(inProps, ref) {
|
|
58
68
|
var _slots$root, _slots$textField, _slots$separator, _slotProps$separator;
|
|
59
69
|
var themeProps = useThemeProps({
|