@mui/lab 5.0.0-alpha.74 → 5.0.0-alpha.75
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/AdapterDateFns/index.d.ts +1 -1
- package/AdapterDayjs/index.d.ts +1 -1
- package/AdapterLuxon/index.d.ts +1 -1
- package/AdapterMoment/index.d.ts +1 -1
- package/CHANGELOG.md +98 -0
- package/CalendarPicker/CalendarPicker.d.ts +106 -106
- package/CalendarPicker/PickersCalendar.d.ts +47 -47
- package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
- package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
- package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
- package/CalendarPicker/index.d.ts +5 -5
- package/CalendarPicker/shared.d.ts +1 -1
- package/CalendarPicker/useCalendarState.d.ts +32 -32
- package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
- package/CalendarPickerSkeleton/index.d.ts +3 -3
- package/ClockPicker/Clock.d.ts +28 -28
- package/ClockPicker/ClockNumber.d.ts +19 -19
- package/ClockPicker/ClockNumbers.d.ts +24 -24
- package/ClockPicker/ClockPicker.d.ts +121 -121
- package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
- package/ClockPicker/ClockPointer.d.ts +23 -23
- package/ClockPicker/index.d.ts +5 -5
- package/ClockPicker/shared.d.ts +5 -5
- package/DatePicker/DatePicker.d.ts +27 -27
- package/DatePicker/DatePickerToolbar.d.ts +23 -23
- package/DatePicker/index.d.ts +2 -2
- package/DatePicker/shared.d.ts +45 -45
- package/DateRangePicker/DateRangePicker.d.ts +65 -65
- package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
- package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
- package/DateRangePicker/DateRangePickerView.d.ts +44 -44
- package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
- package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
- package/DateRangePicker/RangeTypes.d.ts +8 -8
- package/DateRangePicker/date-range-manager.d.ts +14 -14
- package/DateRangePicker/index.d.ts +3 -3
- package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
- package/DateRangePickerDay/index.d.ts +2 -2
- package/DateTimePicker/DateTimePicker.d.ts +27 -27
- package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
- package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
- package/DateTimePicker/index.d.ts +2 -2
- package/DateTimePicker/shared.d.ts +67 -67
- package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
- package/DesktopDatePicker/index.d.ts +2 -2
- package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
- package/DesktopDateRangePicker/index.d.ts +2 -2
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
- package/DesktopDateTimePicker/index.d.ts +2 -2
- package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
- package/DesktopTimePicker/index.d.ts +2 -2
- package/LoadingButton/loadingButtonClasses.d.ts +22 -22
- package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
- package/LocalizationProvider/index.d.ts +2 -2
- package/Masonry/masonryClasses.d.ts +8 -8
- package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
- package/MobileDatePicker/index.d.ts +2 -2
- package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
- package/MobileDateRangePicker/index.d.ts +2 -2
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
- package/MobileDateTimePicker/index.d.ts +2 -2
- package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
- package/MobileTimePicker/index.d.ts +2 -2
- package/MonthPicker/MonthPicker.d.ts +53 -53
- package/MonthPicker/PickersMonth.d.ts +15 -15
- package/MonthPicker/index.d.ts +3 -3
- package/PickersDay/PickersDay.d.ts +93 -93
- package/PickersDay/index.d.ts +4 -4
- package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
- package/StaticDatePicker/index.d.ts +2 -2
- package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
- package/StaticDateRangePicker/index.d.ts +2 -2
- package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
- package/StaticDateTimePicker/index.d.ts +2 -2
- package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
- package/StaticTimePicker/index.d.ts +2 -2
- package/TabPanel/tabPanelClasses.d.ts +8 -8
- package/TimePicker/TimePicker.d.ts +27 -27
- package/TimePicker/TimePickerToolbar.d.ts +23 -23
- package/TimePicker/index.d.ts +2 -2
- package/TimePicker/shared.d.ts +36 -36
- package/Timeline/Timeline.d.ts +59 -59
- package/Timeline/TimelineContext.d.ts +6 -6
- package/Timeline/index.d.ts +5 -5
- package/Timeline/timelineClasses.d.ts +3 -3
- package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
- package/TimelineContent/timelineContentClasses.d.ts +14 -14
- package/TimelineDot/timelineDotClasses.d.ts +24 -24
- package/TimelineItem/timelineItemClasses.d.ts +16 -16
- package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
- package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
- package/TreeItem/treeItemClasses.d.ts +24 -24
- package/TreeView/treeViewClasses.d.ts +8 -8
- package/YearPicker/PickersYear.d.ts +27 -27
- package/YearPicker/YearPicker.d.ts +44 -44
- package/YearPicker/index.d.ts +5 -5
- package/YearPicker/yearPickerClasses.d.ts +3 -3
- package/index.js +1 -1
- package/internal/pickers/KeyboardDateInput.d.ts +4 -4
- package/internal/pickers/Picker/Picker.d.ts +33 -33
- package/internal/pickers/Picker/PickerView.d.ts +3 -3
- package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
- package/internal/pickers/PickersModalDialog.d.ts +47 -47
- package/internal/pickers/PickersPopper.d.ts +44 -44
- package/internal/pickers/PickersToolbar.d.ts +14 -14
- package/internal/pickers/PickersToolbarButton.d.ts +13 -13
- package/internal/pickers/PickersToolbarText.d.ts +8 -8
- package/internal/pickers/PureDateInput.d.ts +80 -80
- package/internal/pickers/constants/dimensions.d.ts +4 -4
- package/internal/pickers/constants/prop-types.d.ts +1 -1
- package/internal/pickers/date-time-utils.d.ts +8 -8
- package/internal/pickers/date-utils.d.ts +52 -52
- package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
- package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
- package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
- package/internal/pickers/hooks/useOpenState.d.ts +10 -10
- package/internal/pickers/hooks/usePickerState.d.ts +38 -38
- package/internal/pickers/hooks/useUtils.d.ts +7 -7
- package/internal/pickers/hooks/useValidation.d.ts +23 -23
- package/internal/pickers/hooks/useViews.d.ts +19 -19
- package/internal/pickers/text-field-helper.d.ts +11 -11
- package/internal/pickers/time-utils.d.ts +33 -33
- package/internal/pickers/typings/BasePicker.d.ts +95 -95
- package/internal/pickers/typings/Views.d.ts +1 -1
- package/internal/pickers/typings/helpers.d.ts +9 -9
- package/internal/pickers/utils.d.ts +7 -7
- package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
- package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
- package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
- package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
- package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
- package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
- package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
- package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
- package/internal/svg-icons/ArrowLeft.d.ts +7 -7
- package/internal/svg-icons/ArrowRight.d.ts +7 -7
- package/internal/svg-icons/Calendar.d.ts +7 -7
- package/internal/svg-icons/Clock.d.ts +7 -7
- package/internal/svg-icons/DateRange.d.ts +7 -7
- package/internal/svg-icons/Pen.d.ts +7 -7
- package/internal/svg-icons/Time.d.ts +7 -7
- package/legacy/index.js +1 -1
- package/modern/index.js +1 -1
- package/node/index.js +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/date-fns';
|
|
1
|
+
export { default } from '@date-io/date-fns';
|
package/AdapterDayjs/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/dayjs';
|
|
1
|
+
export { default } from '@date-io/dayjs';
|
package/AdapterLuxon/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/luxon';
|
|
1
|
+
export { default } from '@date-io/luxon';
|
package/AdapterMoment/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from '@date-io/moment';
|
|
1
|
+
export { default } from '@date-io/moment';
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,103 @@
|
|
|
1
1
|
# [Versions](https://mui.com/versions/)
|
|
2
2
|
|
|
3
|
+
## 5.5.3
|
|
4
|
+
|
|
5
|
+
<!-- generated comparing v5.5.2..master -->
|
|
6
|
+
|
|
7
|
+
_Mar 28, 2022_
|
|
8
|
+
|
|
9
|
+
A big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
10
|
+
|
|
11
|
+
- ♿️ improved the a11y on some docs demos
|
|
12
|
+
- Several 🐛 bug fixes and 📚 documentation improvements
|
|
13
|
+
|
|
14
|
+
### `@mui/material@5.5.3`
|
|
15
|
+
|
|
16
|
+
- ​<!-- 32 -->[ButtonBase] Start ripple only after mount (#31950) @m4theushw
|
|
17
|
+
- ​<!-- 11 -->[FormControlLabel] Fix label prop type to be in-line with other label prop types (#31139) @jannes-io
|
|
18
|
+
- ​<!-- 10 -->[Grow] Add a workaround for Safari 15.4 CSS transition bug (#31975) @igordanchenko
|
|
19
|
+
|
|
20
|
+
### `@mui/codemod@5.5.3`
|
|
21
|
+
|
|
22
|
+
- ​<!-- 31 -->[codemod] Fix variant prop placement (#31990) @ryancogswell
|
|
23
|
+
|
|
24
|
+
### `@mui/utils@5.5.3`
|
|
25
|
+
|
|
26
|
+
- ​<!-- 02 -->[utils] Improve type inference of useForkRef (#31845) @eps1lon
|
|
27
|
+
|
|
28
|
+
### `@mui/base@5.0.0-alpha.74`
|
|
29
|
+
|
|
30
|
+
#### Breaking changes
|
|
31
|
+
|
|
32
|
+
- ​<!-- 34 -->[base] Remove `BackdropUnstyled` component (#31923) @mnajdova
|
|
33
|
+
|
|
34
|
+
The `BackdropUnstyled` component was removed from the `@mui/base` package, as it did not have any specific logic, except adding an `aria-hidden` attribute on the div it rendered. This is not enough to justify it's existence in the base package. Here is an example alternative component you can use:
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
const BackdropUnstyled = React.forwardRef<HTMLDivElement, { open?: boolean; className: string }>(
|
|
38
|
+
(props, ref) => {
|
|
39
|
+
const { open, className, ...other } = props;
|
|
40
|
+
return <div className={clsx({ 'MuiBackdrop-open': open }, className)} ref={ref} {...other} />;
|
|
41
|
+
},
|
|
42
|
+
);
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
- ​<!-- 03 -->[TrapFocus] Move docs to Base and drop the Unstyled prefix (#31954) @michaldudak
|
|
46
|
+
|
|
47
|
+
Removed the `Unstyled_` prefix from the Base export (it remains in the Material UI export, though).
|
|
48
|
+
|
|
49
|
+
```diff
|
|
50
|
+
-import { Unstyled_TrapFocus } from '@mui/base';
|
|
51
|
+
+import { TrapFocus } from '@mui/base';
|
|
52
|
+
|
|
53
|
+
// or
|
|
54
|
+
|
|
55
|
+
-import TrapFocus from '@mui/base/Unstyled_TrapFocus';
|
|
56
|
+
+import TrapFocus from '@mui/base/TrapFocus';
|
|
57
|
+
```
|
|
58
|
+
|
|
59
|
+
#### Changes
|
|
60
|
+
|
|
61
|
+
- ​<!-- 33 -->[base] Add @mui/types to dependencies (#31951) @bicstone
|
|
62
|
+
|
|
63
|
+
### `@mui/joy@5.0.0-alpha.21`
|
|
64
|
+
|
|
65
|
+
- ​<!-- 09 -->[Joy] Add `AvatarGroup` component (#31980) @siriwatknp
|
|
66
|
+
- ​<!-- 07 -->[Joy] Miscellaneous fixes (#31873) @siriwatknp
|
|
67
|
+
- ​<!-- 08 -->[Joy] Miscellaneous fixes 2 (#31971) @siriwatknp
|
|
68
|
+
|
|
69
|
+
### Docs
|
|
70
|
+
|
|
71
|
+
- ​<!-- 27 -->[docs] Improve the a11y on the hover rating demo (#31970) @mnajdova
|
|
72
|
+
- ​<!-- 26 -->[docs] Improve a11y on the `SplitButton` demo (#31969) @mnajdova
|
|
73
|
+
- ​<!-- 25 -->[docs] Improve the color description in the API pages (#30976) @mnajdova
|
|
74
|
+
- ​<!-- 24 -->[docs] Add docs page for unstyled Modal (#31417) @mnajdova
|
|
75
|
+
- ​<!-- 23 -->[docs] Add InputUnstyled docs (#31881) @mnajdova
|
|
76
|
+
- ​<!-- 22 -->[docs] Remove "Work in biotech" from the showcase (#31942) @oliviertassinari
|
|
77
|
+
- ​<!-- 21 -->[docs] Fix in-house ad for the design kits (#31965) @oliviertassinari
|
|
78
|
+
- ​<!-- 20 -->[docs] Fix the documentation for filterOptions in Autocomplete API page (#31416) @santhoshbala0178
|
|
79
|
+
- ​<!-- 19 -->[docs] Update href for 'TypeScript guide on theme customization' (#31880) @NickFoden
|
|
80
|
+
- ​<!-- 18 -->[docs] Fix the CSS modules example in the Interoperability page (#31935) @WilsonNet
|
|
81
|
+
- ​<!-- 17 -->[docs] Fix small typo in the `styled()` utility page (#31967) @jason1985
|
|
82
|
+
- ​<!-- 16 -->[docs] Update mui-x on material-ui navigation (#31810) @siriwatknp
|
|
83
|
+
- ​<!-- 15 -->[docs] Copy ClickAwayListener docs to Base (#31878) @michaldudak
|
|
84
|
+
- ​<!-- 14 -->[docs] Refine the redirects (#31939) @siriwatknp
|
|
85
|
+
- ​<!-- 13 -->[docs] Fix TOC layout for large screen (#31953) @siriwatknp
|
|
86
|
+
- ​<!-- 12 -->[examples] Update remix example to not use NODE_ENV guard for `LiveReload` (#31269) @eswarclynn
|
|
87
|
+
- ​<!-- 06 -->[NoSsr] Copy docs to the Base space (#31956) @michaldudak
|
|
88
|
+
- ​<!-- 05 -->[Portal] Copy Portal docs to the Base space (#31959) @michaldudak
|
|
89
|
+
- ​<!-- 01 -->[website] Remove X-Frame-Options @oliviertassinari
|
|
90
|
+
- ​<!-- 35 -->Revert "[website] Remove X-Frame-Options" @oliviertassinari
|
|
91
|
+
|
|
92
|
+
### Core
|
|
93
|
+
|
|
94
|
+
- ​<!-- 30 -->[core] Fixes error in changelog generator for item sorting/padding (#30088) @dimitropoulos
|
|
95
|
+
- ​<!-- 29 -->[core] Fix typo in issue template @oliviertassinari
|
|
96
|
+
- ​<!-- 28 -->[core] Replace deprecated String.prototype.substr() (#31806) @CommanderRoot
|
|
97
|
+
- ​<!-- 04 -->[test] Add tests for component using `StandardProps` and polymorphic components (#31945) @mnajdova
|
|
98
|
+
|
|
99
|
+
All contributors of this release in alphabetical order: @bicstone, @CommanderRoot, @dimitropoulos, @eps1lon, @eswarclynn, @igordanchenko, @jannes-io, @jason1985, @m4theushw, @michaldudak, @mnajdova, @NickFoden, @oliviertassinari, @ryancogswell, @santhoshbala0178, @siriwatknp, @WilsonNet
|
|
100
|
+
|
|
3
101
|
## 5.5.2
|
|
4
102
|
|
|
5
103
|
<!-- generated comparing v5.5.1..master -->
|
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ExportedCalendarProps } from './PickersCalendar';
|
|
3
|
-
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
-
import { ExportedCalendarHeaderProps } from './PickersCalendarHeader';
|
|
5
|
-
import { ExportedYearPickerProps } from '../YearPicker/YearPicker';
|
|
6
|
-
import { CalendarPickerView } from './shared';
|
|
7
|
-
export interface CalendarPickerClasses {
|
|
8
|
-
/** Styles applied to the root element. */
|
|
9
|
-
root: string;
|
|
10
|
-
/** Styles applied to the transition group element. */
|
|
11
|
-
viewTransitionContainer: string;
|
|
12
|
-
}
|
|
13
|
-
export declare type CalendarPickerClassKey = keyof CalendarPickerClasses;
|
|
14
|
-
export interface CalendarPickerProps<TDate> extends ExportedCalendarProps<TDate>, ExportedYearPickerProps<TDate>, ExportedCalendarHeaderProps<TDate> {
|
|
15
|
-
className?: string;
|
|
16
|
-
date: TDate | null;
|
|
17
|
-
/**
|
|
18
|
-
* Default calendar month displayed when `value={null}`.
|
|
19
|
-
*/
|
|
20
|
-
defaultCalendarMonth?: TDate;
|
|
21
|
-
/**
|
|
22
|
-
* If `true`, the picker and text field are disabled.
|
|
23
|
-
* @default false
|
|
24
|
-
*/
|
|
25
|
-
disabled?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* @default false
|
|
28
|
-
*/
|
|
29
|
-
disableFuture?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* @default false
|
|
32
|
-
*/
|
|
33
|
-
disablePast?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Max selectable date. @DateIOType
|
|
36
|
-
*/
|
|
37
|
-
maxDate?: TDate;
|
|
38
|
-
/**
|
|
39
|
-
* Min selectable date. @DateIOType
|
|
40
|
-
*/
|
|
41
|
-
minDate?: TDate;
|
|
42
|
-
/**
|
|
43
|
-
* Callback fired on view change.
|
|
44
|
-
*/
|
|
45
|
-
onViewChange?: (view: CalendarPickerView) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Callback fired on date change
|
|
48
|
-
*/
|
|
49
|
-
onChange: PickerOnChangeFn<TDate>;
|
|
50
|
-
/**
|
|
51
|
-
* Callback firing on month change. @DateIOType
|
|
52
|
-
*/
|
|
53
|
-
onMonthChange?: (date: TDate) => void;
|
|
54
|
-
/**
|
|
55
|
-
* Initially open view.
|
|
56
|
-
* @default 'day'
|
|
57
|
-
*/
|
|
58
|
-
openTo?: CalendarPickerView;
|
|
59
|
-
/**
|
|
60
|
-
* Make picker read only.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
readOnly?: boolean;
|
|
64
|
-
/**
|
|
65
|
-
* Disable heavy animations.
|
|
66
|
-
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
67
|
-
*/
|
|
68
|
-
reduceAnimations?: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Component displaying when passed `loading` true.
|
|
71
|
-
* @default () => <span data-mui-test="loading-progress">...</span>
|
|
72
|
-
*/
|
|
73
|
-
renderLoading?: () => React.ReactNode;
|
|
74
|
-
/**
|
|
75
|
-
* Disable specific date. @DateIOType
|
|
76
|
-
*/
|
|
77
|
-
shouldDisableDate?: (day: TDate) => boolean;
|
|
78
|
-
/**
|
|
79
|
-
* Controlled open view.
|
|
80
|
-
*/
|
|
81
|
-
view?: CalendarPickerView;
|
|
82
|
-
/**
|
|
83
|
-
* Views for calendar picker.
|
|
84
|
-
* @default ['year', 'day']
|
|
85
|
-
*/
|
|
86
|
-
views?: readonly CalendarPickerView[];
|
|
87
|
-
}
|
|
88
|
-
export declare type ExportedCalendarPickerProps<TDate> = Omit<CalendarPickerProps<TDate>, 'date' | 'view' | 'views' | 'openTo' | 'onChange' | 'changeView' | 'slideDirection' | 'currentMonth' | 'className'>;
|
|
89
|
-
interface CalendarPickerPropsWithClasses<TDate> extends CalendarPickerProps<TDate> {
|
|
90
|
-
classes?: Partial<CalendarPickerClasses>;
|
|
91
|
-
}
|
|
92
|
-
export declare function getCalendarPickerUtilityClass(slot: string): string;
|
|
93
|
-
export declare const calendarPickerClasses: CalendarPickerClasses;
|
|
94
|
-
export declare const defaultReduceAnimations: boolean;
|
|
95
|
-
declare const _default: <TDate>(props: CalendarPickerPropsWithClasses<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
|
|
96
|
-
/**
|
|
97
|
-
*
|
|
98
|
-
* Demos:
|
|
99
|
-
*
|
|
100
|
-
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
101
|
-
*
|
|
102
|
-
* API:
|
|
103
|
-
*
|
|
104
|
-
* - [CalendarPicker API](https://mui.com/api/calendar-picker/)
|
|
105
|
-
*/
|
|
106
|
-
export default _default;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ExportedCalendarProps } from './PickersCalendar';
|
|
3
|
+
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
+
import { ExportedCalendarHeaderProps } from './PickersCalendarHeader';
|
|
5
|
+
import { ExportedYearPickerProps } from '../YearPicker/YearPicker';
|
|
6
|
+
import { CalendarPickerView } from './shared';
|
|
7
|
+
export interface CalendarPickerClasses {
|
|
8
|
+
/** Styles applied to the root element. */
|
|
9
|
+
root: string;
|
|
10
|
+
/** Styles applied to the transition group element. */
|
|
11
|
+
viewTransitionContainer: string;
|
|
12
|
+
}
|
|
13
|
+
export declare type CalendarPickerClassKey = keyof CalendarPickerClasses;
|
|
14
|
+
export interface CalendarPickerProps<TDate> extends ExportedCalendarProps<TDate>, ExportedYearPickerProps<TDate>, ExportedCalendarHeaderProps<TDate> {
|
|
15
|
+
className?: string;
|
|
16
|
+
date: TDate | null;
|
|
17
|
+
/**
|
|
18
|
+
* Default calendar month displayed when `value={null}`.
|
|
19
|
+
*/
|
|
20
|
+
defaultCalendarMonth?: TDate;
|
|
21
|
+
/**
|
|
22
|
+
* If `true`, the picker and text field are disabled.
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
disableFuture?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
disablePast?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Max selectable date. @DateIOType
|
|
36
|
+
*/
|
|
37
|
+
maxDate?: TDate;
|
|
38
|
+
/**
|
|
39
|
+
* Min selectable date. @DateIOType
|
|
40
|
+
*/
|
|
41
|
+
minDate?: TDate;
|
|
42
|
+
/**
|
|
43
|
+
* Callback fired on view change.
|
|
44
|
+
*/
|
|
45
|
+
onViewChange?: (view: CalendarPickerView) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Callback fired on date change
|
|
48
|
+
*/
|
|
49
|
+
onChange: PickerOnChangeFn<TDate>;
|
|
50
|
+
/**
|
|
51
|
+
* Callback firing on month change. @DateIOType
|
|
52
|
+
*/
|
|
53
|
+
onMonthChange?: (date: TDate) => void;
|
|
54
|
+
/**
|
|
55
|
+
* Initially open view.
|
|
56
|
+
* @default 'day'
|
|
57
|
+
*/
|
|
58
|
+
openTo?: CalendarPickerView;
|
|
59
|
+
/**
|
|
60
|
+
* Make picker read only.
|
|
61
|
+
* @default false
|
|
62
|
+
*/
|
|
63
|
+
readOnly?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Disable heavy animations.
|
|
66
|
+
* @default typeof navigator !== 'undefined' && /(android)/i.test(navigator.userAgent)
|
|
67
|
+
*/
|
|
68
|
+
reduceAnimations?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Component displaying when passed `loading` true.
|
|
71
|
+
* @default () => <span data-mui-test="loading-progress">...</span>
|
|
72
|
+
*/
|
|
73
|
+
renderLoading?: () => React.ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* Disable specific date. @DateIOType
|
|
76
|
+
*/
|
|
77
|
+
shouldDisableDate?: (day: TDate) => boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Controlled open view.
|
|
80
|
+
*/
|
|
81
|
+
view?: CalendarPickerView;
|
|
82
|
+
/**
|
|
83
|
+
* Views for calendar picker.
|
|
84
|
+
* @default ['year', 'day']
|
|
85
|
+
*/
|
|
86
|
+
views?: readonly CalendarPickerView[];
|
|
87
|
+
}
|
|
88
|
+
export declare type ExportedCalendarPickerProps<TDate> = Omit<CalendarPickerProps<TDate>, 'date' | 'view' | 'views' | 'openTo' | 'onChange' | 'changeView' | 'slideDirection' | 'currentMonth' | 'className'>;
|
|
89
|
+
interface CalendarPickerPropsWithClasses<TDate> extends CalendarPickerProps<TDate> {
|
|
90
|
+
classes?: Partial<CalendarPickerClasses>;
|
|
91
|
+
}
|
|
92
|
+
export declare function getCalendarPickerUtilityClass(slot: string): string;
|
|
93
|
+
export declare const calendarPickerClasses: CalendarPickerClasses;
|
|
94
|
+
export declare const defaultReduceAnimations: boolean;
|
|
95
|
+
declare const _default: <TDate>(props: CalendarPickerPropsWithClasses<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
|
|
96
|
+
/**
|
|
97
|
+
*
|
|
98
|
+
* Demos:
|
|
99
|
+
*
|
|
100
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
101
|
+
*
|
|
102
|
+
* API:
|
|
103
|
+
*
|
|
104
|
+
* - [CalendarPicker API](https://mui.com/api/calendar-picker/)
|
|
105
|
+
*/
|
|
106
|
+
export default _default;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PickersDayProps } from '../PickersDay/PickersDay';
|
|
3
|
-
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
-
import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
|
|
5
|
-
export interface ExportedCalendarProps<TDate> extends Pick<PickersDayProps<TDate>, 'disableHighlightToday' | 'showDaysOutsideCurrentMonth' | 'allowSameDateSelection'> {
|
|
6
|
-
autoFocus?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* If `true` renders `LoadingComponent` in calendar instead of calendar view.
|
|
9
|
-
* Can be used to preload information and show it in calendar.
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
loading?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Calendar onChange.
|
|
15
|
-
*/
|
|
16
|
-
onChange: PickerOnChangeFn<TDate>;
|
|
17
|
-
/**
|
|
18
|
-
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
19
|
-
*/
|
|
20
|
-
renderDay?: (day: TDate, selectedDates: Array<TDate | null>, pickersDayProps: PickersDayProps<TDate>) => JSX.Element;
|
|
21
|
-
/**
|
|
22
|
-
* Component displaying when passed `loading` true.
|
|
23
|
-
* @default () => "..."
|
|
24
|
-
*/
|
|
25
|
-
renderLoading?: () => React.ReactNode;
|
|
26
|
-
}
|
|
27
|
-
export interface PickersCalendarProps<TDate> extends ExportedCalendarProps<TDate> {
|
|
28
|
-
autoFocus?: boolean;
|
|
29
|
-
className?: string;
|
|
30
|
-
currentMonth: TDate;
|
|
31
|
-
date: TDate | [TDate | null, TDate | null] | null;
|
|
32
|
-
disabled?: boolean;
|
|
33
|
-
focusedDay: TDate | null;
|
|
34
|
-
isDateDisabled: (day: TDate) => boolean;
|
|
35
|
-
isMonthSwitchingAnimating: boolean;
|
|
36
|
-
onFocusedDayChange: (newFocusedDay: TDate) => void;
|
|
37
|
-
onMonthSwitchingAnimationEnd: () => void;
|
|
38
|
-
readOnly?: boolean;
|
|
39
|
-
reduceAnimations: boolean;
|
|
40
|
-
slideDirection: SlideDirection;
|
|
41
|
-
TransitionProps?: Partial<SlideTransitionProps>;
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* @ignore - do not document.
|
|
45
|
-
*/
|
|
46
|
-
declare function PickersCalendar<TDate>(props: PickersCalendarProps<TDate>): JSX.Element;
|
|
47
|
-
export default PickersCalendar;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickersDayProps } from '../PickersDay/PickersDay';
|
|
3
|
+
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
4
|
+
import { SlideDirection, SlideTransitionProps } from './PickersSlideTransition';
|
|
5
|
+
export interface ExportedCalendarProps<TDate> extends Pick<PickersDayProps<TDate>, 'disableHighlightToday' | 'showDaysOutsideCurrentMonth' | 'allowSameDateSelection'> {
|
|
6
|
+
autoFocus?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* If `true` renders `LoadingComponent` in calendar instead of calendar view.
|
|
9
|
+
* Can be used to preload information and show it in calendar.
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
loading?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Calendar onChange.
|
|
15
|
+
*/
|
|
16
|
+
onChange: PickerOnChangeFn<TDate>;
|
|
17
|
+
/**
|
|
18
|
+
* Custom renderer for day. Check the [PickersDay](https://mui.com/api/pickers-day/) component.
|
|
19
|
+
*/
|
|
20
|
+
renderDay?: (day: TDate, selectedDates: Array<TDate | null>, pickersDayProps: PickersDayProps<TDate>) => JSX.Element;
|
|
21
|
+
/**
|
|
22
|
+
* Component displaying when passed `loading` true.
|
|
23
|
+
* @default () => "..."
|
|
24
|
+
*/
|
|
25
|
+
renderLoading?: () => React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
export interface PickersCalendarProps<TDate> extends ExportedCalendarProps<TDate> {
|
|
28
|
+
autoFocus?: boolean;
|
|
29
|
+
className?: string;
|
|
30
|
+
currentMonth: TDate;
|
|
31
|
+
date: TDate | [TDate | null, TDate | null] | null;
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
focusedDay: TDate | null;
|
|
34
|
+
isDateDisabled: (day: TDate) => boolean;
|
|
35
|
+
isMonthSwitchingAnimating: boolean;
|
|
36
|
+
onFocusedDayChange: (newFocusedDay: TDate) => void;
|
|
37
|
+
onMonthSwitchingAnimationEnd: () => void;
|
|
38
|
+
readOnly?: boolean;
|
|
39
|
+
reduceAnimations: boolean;
|
|
40
|
+
slideDirection: SlideDirection;
|
|
41
|
+
TransitionProps?: Partial<SlideTransitionProps>;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* @ignore - do not document.
|
|
45
|
+
*/
|
|
46
|
+
declare function PickersCalendar<TDate>(props: PickersCalendarProps<TDate>): JSX.Element;
|
|
47
|
+
export default PickersCalendar;
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import IconButton from '@mui/material/IconButton';
|
|
3
|
-
import { SlideDirection } from './PickersSlideTransition';
|
|
4
|
-
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
5
|
-
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
|
|
6
|
-
import { CalendarPickerView } from './shared';
|
|
7
|
-
export declare type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'components' | 'componentsProps' | 'getViewSwitchingButtonText' | 'leftArrowButtonText' | 'rightArrowButtonText'>;
|
|
8
|
-
export interface PickersCalendarHeaderComponentsPropsOverides {
|
|
9
|
-
}
|
|
10
|
-
export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcherProps, Omit<DateValidationProps<TDate>, 'shouldDisableDate'> {
|
|
11
|
-
/**
|
|
12
|
-
* The components used for each slot.
|
|
13
|
-
* Either a string to use a HTML element or a component.
|
|
14
|
-
* @default {}
|
|
15
|
-
*/
|
|
16
|
-
components?: ExportedArrowSwitcherProps['components'] & {
|
|
17
|
-
SwitchViewButton?: React.ElementType;
|
|
18
|
-
SwitchViewIcon?: React.ElementType;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* The props used for each slot inside.
|
|
22
|
-
* @default {}
|
|
23
|
-
*/
|
|
24
|
-
componentsProps?: ExportedArrowSwitcherProps['componentsProps'] & {
|
|
25
|
-
switchViewButton?: React.ComponentPropsWithRef<typeof IconButton> & PickersCalendarHeaderComponentsPropsOverides;
|
|
26
|
-
};
|
|
27
|
-
currentMonth: TDate;
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
views: readonly CalendarPickerView[];
|
|
30
|
-
/**
|
|
31
|
-
* Get aria-label text for switching between views button.
|
|
32
|
-
*/
|
|
33
|
-
getViewSwitchingButtonText?: (currentView: CalendarPickerView) => string;
|
|
34
|
-
onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
|
|
35
|
-
openView: CalendarPickerView;
|
|
36
|
-
reduceAnimations: boolean;
|
|
37
|
-
onViewChange?: (view: CalendarPickerView) => void;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* @ignore - do not document.
|
|
41
|
-
*/
|
|
42
|
-
declare function PickersCalendarHeader<TDate>(props: PickersCalendarHeaderProps<TDate>): JSX.Element | null;
|
|
43
|
-
export default PickersCalendarHeader;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import IconButton from '@mui/material/IconButton';
|
|
3
|
+
import { SlideDirection } from './PickersSlideTransition';
|
|
4
|
+
import { DateValidationProps } from '../internal/pickers/date-utils';
|
|
5
|
+
import { ExportedArrowSwitcherProps } from '../internal/pickers/PickersArrowSwitcher';
|
|
6
|
+
import { CalendarPickerView } from './shared';
|
|
7
|
+
export declare type ExportedCalendarHeaderProps<TDate> = Pick<PickersCalendarHeaderProps<TDate>, 'components' | 'componentsProps' | 'getViewSwitchingButtonText' | 'leftArrowButtonText' | 'rightArrowButtonText'>;
|
|
8
|
+
export interface PickersCalendarHeaderComponentsPropsOverides {
|
|
9
|
+
}
|
|
10
|
+
export interface PickersCalendarHeaderProps<TDate> extends ExportedArrowSwitcherProps, Omit<DateValidationProps<TDate>, 'shouldDisableDate'> {
|
|
11
|
+
/**
|
|
12
|
+
* The components used for each slot.
|
|
13
|
+
* Either a string to use a HTML element or a component.
|
|
14
|
+
* @default {}
|
|
15
|
+
*/
|
|
16
|
+
components?: ExportedArrowSwitcherProps['components'] & {
|
|
17
|
+
SwitchViewButton?: React.ElementType;
|
|
18
|
+
SwitchViewIcon?: React.ElementType;
|
|
19
|
+
};
|
|
20
|
+
/**
|
|
21
|
+
* The props used for each slot inside.
|
|
22
|
+
* @default {}
|
|
23
|
+
*/
|
|
24
|
+
componentsProps?: ExportedArrowSwitcherProps['componentsProps'] & {
|
|
25
|
+
switchViewButton?: React.ComponentPropsWithRef<typeof IconButton> & PickersCalendarHeaderComponentsPropsOverides;
|
|
26
|
+
};
|
|
27
|
+
currentMonth: TDate;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
views: readonly CalendarPickerView[];
|
|
30
|
+
/**
|
|
31
|
+
* Get aria-label text for switching between views button.
|
|
32
|
+
*/
|
|
33
|
+
getViewSwitchingButtonText?: (currentView: CalendarPickerView) => string;
|
|
34
|
+
onMonthChange: (date: TDate, slideDirection: SlideDirection) => void;
|
|
35
|
+
openView: CalendarPickerView;
|
|
36
|
+
reduceAnimations: boolean;
|
|
37
|
+
onViewChange?: (view: CalendarPickerView) => void;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* @ignore - do not document.
|
|
41
|
+
*/
|
|
42
|
+
declare function PickersCalendarHeader<TDate>(props: PickersCalendarHeaderProps<TDate>): JSX.Element | null;
|
|
43
|
+
export default PickersCalendarHeader;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface FadeTransitionProps {
|
|
3
|
-
children: React.ReactElement;
|
|
4
|
-
className?: string;
|
|
5
|
-
reduceAnimations: boolean;
|
|
6
|
-
transKey: React.Key;
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* @ignore - do not document.
|
|
10
|
-
*/
|
|
11
|
-
declare const PickersFadeTransitionGroup: ({ children, className, reduceAnimations, transKey, }: FadeTransitionProps) => JSX.Element;
|
|
12
|
-
export default PickersFadeTransitionGroup;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface FadeTransitionProps {
|
|
3
|
+
children: React.ReactElement;
|
|
4
|
+
className?: string;
|
|
5
|
+
reduceAnimations: boolean;
|
|
6
|
+
transKey: React.Key;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* @ignore - do not document.
|
|
10
|
+
*/
|
|
11
|
+
declare const PickersFadeTransitionGroup: ({ children, className, reduceAnimations, transKey, }: FadeTransitionProps) => JSX.Element;
|
|
12
|
+
export default PickersFadeTransitionGroup;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
|
|
3
|
-
export declare type SlideDirection = 'right' | 'left';
|
|
4
|
-
export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'> {
|
|
5
|
-
children: React.ReactElement;
|
|
6
|
-
className?: string;
|
|
7
|
-
reduceAnimations: boolean;
|
|
8
|
-
slideDirection: SlideDirection;
|
|
9
|
-
transKey: React.Key;
|
|
10
|
-
}
|
|
11
|
-
export declare const slideAnimationDuration = 350;
|
|
12
|
-
/**
|
|
13
|
-
* @ignore - do not document.
|
|
14
|
-
*/
|
|
15
|
-
declare const PickersSlideTransition: ({ children, className, reduceAnimations, slideDirection, transKey, ...other }: SlideTransitionProps) => JSX.Element;
|
|
16
|
-
export default PickersSlideTransition;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
|
|
3
|
+
export declare type SlideDirection = 'right' | 'left';
|
|
4
|
+
export interface SlideTransitionProps extends Omit<CSSTransitionProps, 'timeout'> {
|
|
5
|
+
children: React.ReactElement;
|
|
6
|
+
className?: string;
|
|
7
|
+
reduceAnimations: boolean;
|
|
8
|
+
slideDirection: SlideDirection;
|
|
9
|
+
transKey: React.Key;
|
|
10
|
+
}
|
|
11
|
+
export declare const slideAnimationDuration = 350;
|
|
12
|
+
/**
|
|
13
|
+
* @ignore - do not document.
|
|
14
|
+
*/
|
|
15
|
+
declare const PickersSlideTransition: ({ children, className, reduceAnimations, slideDirection, transKey, ...other }: SlideTransitionProps) => JSX.Element;
|
|
16
|
+
export default PickersSlideTransition;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default, calendarPickerClasses } from './CalendarPicker';
|
|
2
|
-
export declare type CalendarPickerClassKey = import('./CalendarPicker').CalendarPickerClassKey;
|
|
3
|
-
export declare type CalendarPickerClasses = import('./CalendarPicker').CalendarPickerClasses;
|
|
4
|
-
export declare type CalendarPickerProps<TDate> = import('./CalendarPicker').CalendarPickerProps<TDate>;
|
|
5
|
-
export declare type CalendarPickerView = NonNullable<CalendarPickerProps<unknown>['view']>;
|
|
1
|
+
export { default, calendarPickerClasses } from './CalendarPicker';
|
|
2
|
+
export declare type CalendarPickerClassKey = import('./CalendarPicker').CalendarPickerClassKey;
|
|
3
|
+
export declare type CalendarPickerClasses = import('./CalendarPicker').CalendarPickerClasses;
|
|
4
|
+
export declare type CalendarPickerProps<TDate> = import('./CalendarPicker').CalendarPickerProps<TDate>;
|
|
5
|
+
export declare type CalendarPickerView = NonNullable<CalendarPickerProps<unknown>['view']>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare type CalendarPickerView = 'year' | 'day' | 'month';
|
|
1
|
+
export declare type CalendarPickerView = 'year' | 'day' | 'month';
|