@mui/lab 5.0.0-alpha.60 → 5.0.0-alpha.61

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 (154) hide show
  1. package/AdapterDateFns/index.d.ts +1 -1
  2. package/AdapterDayjs/index.d.ts +1 -1
  3. package/AdapterLuxon/index.d.ts +1 -1
  4. package/AdapterMoment/index.d.ts +1 -1
  5. package/CHANGELOG.md +58 -0
  6. package/CalendarPicker/CalendarPicker.d.ts +106 -106
  7. package/CalendarPicker/PickersCalendar.d.ts +47 -47
  8. package/CalendarPicker/PickersCalendarHeader.d.ts +43 -43
  9. package/CalendarPicker/PickersFadeTransitionGroup.d.ts +12 -12
  10. package/CalendarPicker/PickersSlideTransition.d.ts +16 -16
  11. package/CalendarPicker/index.d.ts +5 -5
  12. package/CalendarPicker/shared.d.ts +1 -1
  13. package/CalendarPicker/useCalendarState.d.ts +32 -32
  14. package/CalendarPickerSkeleton/CalendarPickerSkeleton.d.ts +41 -41
  15. package/CalendarPickerSkeleton/index.d.ts +3 -3
  16. package/ClockPicker/Clock.d.ts +28 -28
  17. package/ClockPicker/ClockNumber.d.ts +19 -19
  18. package/ClockPicker/ClockNumbers.d.ts +24 -24
  19. package/ClockPicker/ClockPicker.d.ts +121 -121
  20. package/ClockPicker/ClockPicker.js +1 -1
  21. package/ClockPicker/ClockPickerStandalone.d.ts +28 -28
  22. package/ClockPicker/ClockPointer.d.ts +23 -23
  23. package/ClockPicker/index.d.ts +5 -5
  24. package/ClockPicker/shared.d.ts +5 -5
  25. package/DatePicker/DatePicker.d.ts +27 -27
  26. package/DatePicker/DatePickerToolbar.d.ts +23 -23
  27. package/DatePicker/index.d.ts +2 -2
  28. package/DatePicker/shared.d.ts +45 -45
  29. package/DateRangePicker/DateRangePicker.d.ts +65 -65
  30. package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
  31. package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
  32. package/DateRangePicker/DateRangePickerView.d.ts +44 -44
  33. package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
  34. package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
  35. package/DateRangePicker/RangeTypes.d.ts +8 -8
  36. package/DateRangePicker/date-range-manager.d.ts +14 -14
  37. package/DateRangePicker/index.d.ts +3 -3
  38. package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
  39. package/DateRangePickerDay/index.d.ts +2 -2
  40. package/DateTimePicker/DateTimePicker.d.ts +27 -27
  41. package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
  42. package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
  43. package/DateTimePicker/index.d.ts +2 -2
  44. package/DateTimePicker/shared.d.ts +67 -67
  45. package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
  46. package/DesktopDatePicker/index.d.ts +2 -2
  47. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
  48. package/DesktopDateRangePicker/index.d.ts +2 -2
  49. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
  50. package/DesktopDateTimePicker/index.d.ts +2 -2
  51. package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
  52. package/DesktopTimePicker/index.d.ts +2 -2
  53. package/LoadingButton/LoadingButton.d.ts +2 -0
  54. package/LoadingButton/LoadingButton.js +19 -9
  55. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  56. package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
  57. package/LocalizationProvider/index.d.ts +2 -2
  58. package/Masonry/masonryClasses.d.ts +8 -8
  59. package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
  60. package/MobileDatePicker/index.d.ts +2 -2
  61. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
  62. package/MobileDateRangePicker/index.d.ts +2 -2
  63. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
  64. package/MobileDateTimePicker/index.d.ts +2 -2
  65. package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
  66. package/MobileTimePicker/index.d.ts +2 -2
  67. package/MonthPicker/MonthPicker.d.ts +53 -53
  68. package/MonthPicker/PickersMonth.d.ts +15 -15
  69. package/MonthPicker/index.d.ts +3 -3
  70. package/PickersDay/PickersDay.d.ts +93 -93
  71. package/PickersDay/index.d.ts +4 -4
  72. package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
  73. package/StaticDatePicker/index.d.ts +2 -2
  74. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
  75. package/StaticDateRangePicker/index.d.ts +2 -2
  76. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
  77. package/StaticDateTimePicker/index.d.ts +2 -2
  78. package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
  79. package/StaticTimePicker/index.d.ts +2 -2
  80. package/TabPanel/tabPanelClasses.d.ts +8 -8
  81. package/TimePicker/TimePicker.d.ts +27 -27
  82. package/TimePicker/TimePickerToolbar.d.ts +23 -23
  83. package/TimePicker/index.d.ts +2 -2
  84. package/TimePicker/shared.d.ts +36 -36
  85. package/Timeline/Timeline.d.ts +59 -59
  86. package/Timeline/TimelineContext.d.ts +6 -6
  87. package/Timeline/index.d.ts +5 -5
  88. package/Timeline/timelineClasses.d.ts +3 -3
  89. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  90. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  91. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  92. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  93. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  94. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  95. package/TreeItem/treeItemClasses.d.ts +24 -24
  96. package/TreeView/treeViewClasses.d.ts +8 -8
  97. package/YearPicker/PickersYear.d.ts +28 -28
  98. package/YearPicker/YearPicker.d.ts +44 -44
  99. package/YearPicker/index.d.ts +5 -5
  100. package/YearPicker/yearPickerClasses.d.ts +3 -3
  101. package/index.js +1 -1
  102. package/internal/pickers/KeyboardDateInput.d.ts +4 -4
  103. package/internal/pickers/Picker/Picker.d.ts +33 -33
  104. package/internal/pickers/Picker/PickerView.d.ts +3 -3
  105. package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
  106. package/internal/pickers/PickersModalDialog.d.ts +47 -47
  107. package/internal/pickers/PickersPopper.d.ts +33 -33
  108. package/internal/pickers/PickersToolbar.d.ts +14 -14
  109. package/internal/pickers/PickersToolbarButton.d.ts +13 -13
  110. package/internal/pickers/PickersToolbarText.d.ts +8 -8
  111. package/internal/pickers/PureDateInput.d.ts +80 -80
  112. package/internal/pickers/constants/dimensions.d.ts +4 -4
  113. package/internal/pickers/constants/prop-types.d.ts +1 -1
  114. package/internal/pickers/date-time-utils.d.ts +8 -8
  115. package/internal/pickers/date-utils.d.ts +52 -52
  116. package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
  117. package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
  118. package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
  119. package/internal/pickers/hooks/useOpenState.d.ts +10 -10
  120. package/internal/pickers/hooks/usePickerState.d.ts +38 -38
  121. package/internal/pickers/hooks/useUtils.d.ts +7 -7
  122. package/internal/pickers/hooks/useValidation.d.ts +23 -23
  123. package/internal/pickers/hooks/useViews.d.ts +19 -19
  124. package/internal/pickers/text-field-helper.d.ts +11 -11
  125. package/internal/pickers/time-utils.d.ts +33 -33
  126. package/internal/pickers/typings/BasePicker.d.ts +95 -95
  127. package/internal/pickers/typings/Views.d.ts +1 -1
  128. package/internal/pickers/typings/helpers.d.ts +9 -9
  129. package/internal/pickers/utils.d.ts +7 -7
  130. package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
  131. package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
  132. package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
  133. package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
  134. package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
  135. package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
  136. package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
  137. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  138. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  139. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  140. package/internal/svg-icons/Calendar.d.ts +7 -7
  141. package/internal/svg-icons/Clock.d.ts +7 -7
  142. package/internal/svg-icons/DateRange.d.ts +7 -7
  143. package/internal/svg-icons/Pen.d.ts +7 -7
  144. package/internal/svg-icons/Time.d.ts +7 -7
  145. package/legacy/ClockPicker/ClockPicker.js +1 -1
  146. package/legacy/LoadingButton/LoadingButton.js +19 -10
  147. package/legacy/index.js +1 -1
  148. package/modern/ClockPicker/ClockPicker.js +1 -1
  149. package/modern/LoadingButton/LoadingButton.js +20 -9
  150. package/modern/index.js +1 -1
  151. package/node/ClockPicker/ClockPicker.js +1 -1
  152. package/node/LoadingButton/LoadingButton.js +17 -6
  153. package/node/index.js +1 -1
  154. package/package.json +3 -3
@@ -1 +1 @@
1
- export { default } from '@date-io/date-fns';
1
+ export { default } from '@date-io/date-fns';
@@ -1 +1 @@
1
- export { default } from '@date-io/dayjs';
1
+ export { default } from '@date-io/dayjs';
@@ -1 +1 @@
1
- export { default } from '@date-io/luxon';
1
+ export { default } from '@date-io/luxon';
@@ -1 +1 @@
1
- export { default } from '@date-io/moment';
1
+ export { default } from '@date-io/moment';
package/CHANGELOG.md CHANGED
@@ -1,5 +1,63 @@
1
1
  ### [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.2.5
4
+
5
+ <!-- generated comparing v5.2.4..master -->
6
+
7
+ _Dec 20, 2021_
8
+
9
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🛠 This release mostly improves what's behind the scenes: infrastructure and tests
12
+ - 📓 Danish (da-DK) locale was added (#29485) @mikk5829
13
+ - 🖌 Polished the design of Base components (#30149) and the docs in general (#29994) @danilo-leal
14
+ - 📚 Many additions and improvements to the documentation were made
15
+
16
+ ### `@mui/material@5.2.5`
17
+
18
+ - [l10n] Add Danish (da-DK) locale (#29485) @mikk5829
19
+ - [LoadingButton] Label progressbar by the LoadingButton (#30002) @eps1lon
20
+ - [Tabs] Remove unnecessary `Partial<>` type around TabIndicatorProps type (#30254) @ZeeshanTamboli
21
+
22
+ ### `@mui/system@5.2.5`
23
+
24
+ - [system] Use `useEnhancedEffect` to prevent flicker (#30216) @hbjORbj
25
+
26
+ ### `@mui/lab@5.0.0-alpha.61`
27
+
28
+ - [pickers] Fix the wrong MuiClockPicker's ArrowSwitcher slot name (#30226) @rejetto
29
+
30
+ ### Docs
31
+
32
+ - [docs] Run JS compiler on markdown output (#29732) @Janpot
33
+ - [Badge] Add tests for `anchorOrigin` prop (#30147) @daniel-sachs
34
+ - [docs] Add cssmodule injection order comments to Nextjs example (#30213) @ShuPink
35
+ - [docs] Remove extra word in Select component code example comments (#30281) @KThompso
36
+ - [docs] Improve the description of the Accordion (#30253) @jamesmelzer
37
+ - [docs] Heading capitalization convention @oliviertassinari
38
+ - [docs] Rename remaining 'unstyled' references to 'base' (#30206) @michaldudak
39
+ - [docs] Add to migration doc about ref type specificity (#30114) @hbjORbj
40
+ - [docs] Add script to clone pages (#30107) @siriwatknp
41
+ - [docs] Correct colors in breakpoints documentation (#30219) @michaldudak
42
+ - [docs] Sync icon search UI state with the url (#30075) @Janpot
43
+ - [docs] Base components demos design polish (#30149) @danilo-leal
44
+ - [docs] General documentation polish (#29994) @danilo-leal
45
+ - [examples] Fix typo in the remix example's README (#30289) @lemol
46
+ - [website] Remove expired gold sponsor (#30222) @oliviertassinari
47
+ - [website] Remove broken showcase links (#30217) @mnajdova
48
+
49
+ ### Core
50
+
51
+ - [test] Reduce bundle size comparison memory consumption (#30195) @Janpot
52
+ - [core] make snapshot comparison more resilient (#30183) @Janpot
53
+ - [core] update formatted ts demo to support new structure (#30248) @siriwatknp
54
+ - [core] cache dependencies in github actions (#30211) @siriwatknp
55
+ - [core] fix root package version (#30204) @siriwatknp
56
+ - [core] Fail the build when the dangerjs script errors (#30186) @Janpot
57
+ - [test] Add E2E website tests (#30128) @siriwatknp
58
+
59
+ All contributors of this release in alphabetical order: @daniel-sachs, @danilo-leal, @eps1lon, @hbjORbj, @jamesmelzer, @Janpot, @KThompso, @lemol, @michaldudak, @mikk5829, @mnajdova, @oliviertassinari, @rejetto, @ShuPink, @siriwatknp, @ZeeshanTamboli
60
+
3
61
  ## 5.2.4
4
62
 
5
63
  <!-- generated comparing v5.2.3..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';
@@ -1,32 +1,32 @@
1
- import { SlideDirection } from './PickersSlideTransition';
2
- import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
- interface CalendarState<TDate> {
4
- currentMonth: TDate;
5
- focusedDay: TDate | null;
6
- isMonthSwitchingAnimating: boolean;
7
- slideDirection: SlideDirection;
8
- }
9
- declare type ReducerAction<TType, TAdditional = {}> = {
10
- type: TType;
11
- } & TAdditional;
12
- interface ChangeMonthPayload<TDate> {
13
- direction: SlideDirection;
14
- newMonth: TDate;
15
- }
16
- export declare const createCalendarStateReducer: <TDate extends unknown>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate>) => (state: CalendarState<TDate>, action: {
17
- type: "finishMonthSwitchingAnimation";
18
- } | ReducerAction<"changeMonth", ChangeMonthPayload<TDate>> | ReducerAction<"changeFocusedDay", {
19
- focusedDay: TDate;
20
- }>) => CalendarState<TDate>;
21
- declare type CalendarStateInput<TDate> = Pick<import('./CalendarPicker').CalendarPickerProps<TDate>, 'date' | 'defaultCalendarMonth' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'reduceAnimations' | 'shouldDisableDate'> & {
22
- disableSwitchToMonthOnDayFocus?: boolean;
23
- };
24
- export declare function useCalendarState<TDate>({ date, defaultCalendarMonth, disableFuture, disablePast, disableSwitchToMonthOnDayFocus, maxDate, minDate, onMonthChange, reduceAnimations, shouldDisableDate, }: CalendarStateInput<TDate>): {
25
- calendarState: CalendarState<TDate>;
26
- changeMonth: (newDate: TDate) => void;
27
- changeFocusedDay: (newFocusedDate: TDate) => void;
28
- isDateDisabled: (day: TDate | null) => boolean;
29
- onMonthSwitchingAnimationEnd: () => void;
30
- handleChangeMonth: (payload: ChangeMonthPayload<TDate>) => void;
31
- };
32
- export {};
1
+ import { SlideDirection } from './PickersSlideTransition';
2
+ import { MuiPickersAdapter } from '../internal/pickers/hooks/useUtils';
3
+ interface CalendarState<TDate> {
4
+ currentMonth: TDate;
5
+ focusedDay: TDate | null;
6
+ isMonthSwitchingAnimating: boolean;
7
+ slideDirection: SlideDirection;
8
+ }
9
+ declare type ReducerAction<TType, TAdditional = {}> = {
10
+ type: TType;
11
+ } & TAdditional;
12
+ interface ChangeMonthPayload<TDate> {
13
+ direction: SlideDirection;
14
+ newMonth: TDate;
15
+ }
16
+ export declare const createCalendarStateReducer: <TDate extends unknown>(reduceAnimations: boolean, disableSwitchToMonthOnDayFocus: boolean, utils: MuiPickersAdapter<TDate>) => (state: CalendarState<TDate>, action: {
17
+ type: "finishMonthSwitchingAnimation";
18
+ } | ReducerAction<"changeMonth", ChangeMonthPayload<TDate>> | ReducerAction<"changeFocusedDay", {
19
+ focusedDay: TDate;
20
+ }>) => CalendarState<TDate>;
21
+ declare type CalendarStateInput<TDate> = Pick<import('./CalendarPicker').CalendarPickerProps<TDate>, 'date' | 'defaultCalendarMonth' | 'disableFuture' | 'disablePast' | 'minDate' | 'maxDate' | 'onMonthChange' | 'reduceAnimations' | 'shouldDisableDate'> & {
22
+ disableSwitchToMonthOnDayFocus?: boolean;
23
+ };
24
+ export declare function useCalendarState<TDate>({ date, defaultCalendarMonth, disableFuture, disablePast, disableSwitchToMonthOnDayFocus, maxDate, minDate, onMonthChange, reduceAnimations, shouldDisableDate, }: CalendarStateInput<TDate>): {
25
+ calendarState: CalendarState<TDate>;
26
+ changeMonth: (newDate: TDate) => void;
27
+ changeFocusedDay: (newFocusedDate: TDate) => void;
28
+ isDateDisabled: (day: TDate | null) => boolean;
29
+ onMonthSwitchingAnimationEnd: () => void;
30
+ handleChangeMonth: (payload: ChangeMonthPayload<TDate>) => void;
31
+ };
32
+ export {};