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

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 (145) 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 +57 -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/ClockPickerStandalone.d.ts +28 -28
  21. package/ClockPicker/ClockPointer.d.ts +23 -23
  22. package/ClockPicker/index.d.ts +5 -5
  23. package/ClockPicker/shared.d.ts +5 -5
  24. package/DatePicker/DatePicker.d.ts +27 -27
  25. package/DatePicker/DatePickerToolbar.d.ts +23 -23
  26. package/DatePicker/index.d.ts +2 -2
  27. package/DatePicker/shared.d.ts +45 -45
  28. package/DateRangePicker/DateRangePicker.d.ts +65 -65
  29. package/DateRangePicker/DateRangePickerInput.d.ts +35 -35
  30. package/DateRangePicker/DateRangePickerToolbar.d.ts +15 -15
  31. package/DateRangePicker/DateRangePickerView.d.ts +44 -44
  32. package/DateRangePicker/DateRangePickerViewDesktop.d.ts +29 -29
  33. package/DateRangePicker/DateRangePickerViewMobile.d.ts +17 -17
  34. package/DateRangePicker/RangeTypes.d.ts +8 -8
  35. package/DateRangePicker/date-range-manager.d.ts +14 -14
  36. package/DateRangePicker/index.d.ts +3 -3
  37. package/DateRangePickerDay/DateRangePickerDay.d.ts +79 -79
  38. package/DateRangePickerDay/index.d.ts +2 -2
  39. package/DateTimePicker/DateTimePicker.d.ts +27 -27
  40. package/DateTimePicker/DateTimePickerTabs.d.ts +13 -13
  41. package/DateTimePicker/DateTimePickerToolbar.d.ts +7 -7
  42. package/DateTimePicker/index.d.ts +2 -2
  43. package/DateTimePicker/shared.d.ts +67 -67
  44. package/DesktopDatePicker/DesktopDatePicker.d.ts +20 -20
  45. package/DesktopDatePicker/index.d.ts +2 -2
  46. package/DesktopDateRangePicker/DesktopDateRangePicker.d.ts +64 -64
  47. package/DesktopDateRangePicker/index.d.ts +2 -2
  48. package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +20 -20
  49. package/DesktopDateTimePicker/index.d.ts +2 -2
  50. package/DesktopTimePicker/DesktopTimePicker.d.ts +20 -20
  51. package/DesktopTimePicker/index.d.ts +2 -2
  52. package/LoadingButton/loadingButtonClasses.d.ts +22 -22
  53. package/LocalizationProvider/LocalizationProvider.d.ts +35 -35
  54. package/LocalizationProvider/index.d.ts +2 -2
  55. package/Masonry/masonryClasses.d.ts +8 -8
  56. package/MobileDatePicker/MobileDatePicker.d.ts +20 -20
  57. package/MobileDatePicker/index.d.ts +2 -2
  58. package/MobileDateRangePicker/MobileDateRangePicker.d.ts +64 -64
  59. package/MobileDateRangePicker/index.d.ts +2 -2
  60. package/MobileDateTimePicker/MobileDateTimePicker.d.ts +20 -20
  61. package/MobileDateTimePicker/index.d.ts +2 -2
  62. package/MobileTimePicker/MobileTimePicker.d.ts +20 -20
  63. package/MobileTimePicker/index.d.ts +2 -2
  64. package/MonthPicker/MonthPicker.d.ts +53 -53
  65. package/MonthPicker/PickersMonth.d.ts +15 -15
  66. package/MonthPicker/index.d.ts +3 -3
  67. package/PickersDay/PickersDay.d.ts +93 -93
  68. package/PickersDay/index.d.ts +4 -4
  69. package/StaticDatePicker/StaticDatePicker.d.ts +25 -25
  70. package/StaticDatePicker/index.d.ts +2 -2
  71. package/StaticDateRangePicker/StaticDateRangePicker.d.ts +67 -67
  72. package/StaticDateRangePicker/index.d.ts +2 -2
  73. package/StaticDateTimePicker/StaticDateTimePicker.d.ts +25 -25
  74. package/StaticDateTimePicker/index.d.ts +2 -2
  75. package/StaticTimePicker/StaticTimePicker.d.ts +25 -25
  76. package/StaticTimePicker/index.d.ts +2 -2
  77. package/TabPanel/tabPanelClasses.d.ts +8 -8
  78. package/TimePicker/TimePicker.d.ts +27 -27
  79. package/TimePicker/TimePickerToolbar.d.ts +23 -23
  80. package/TimePicker/index.d.ts +2 -2
  81. package/TimePicker/shared.d.ts +36 -36
  82. package/Timeline/Timeline.d.ts +59 -59
  83. package/Timeline/TimelineContext.d.ts +6 -6
  84. package/Timeline/index.d.ts +5 -5
  85. package/Timeline/timelineClasses.d.ts +3 -3
  86. package/TimelineConnector/timelineConnectorClasses.d.ts +8 -8
  87. package/TimelineContent/timelineContentClasses.d.ts +14 -14
  88. package/TimelineDot/timelineDotClasses.d.ts +24 -24
  89. package/TimelineItem/timelineItemClasses.d.ts +16 -16
  90. package/TimelineOppositeContent/timelineOppositeContentClasses.d.ts +14 -14
  91. package/TimelineSeparator/timelineSeparatorClasses.d.ts +8 -8
  92. package/TreeItem/treeItemClasses.d.ts +24 -24
  93. package/TreeView/treeViewClasses.d.ts +8 -8
  94. package/YearPicker/PickersYear.d.ts +28 -28
  95. package/YearPicker/YearPicker.d.ts +44 -44
  96. package/YearPicker/index.d.ts +5 -5
  97. package/YearPicker/yearPickerClasses.d.ts +3 -3
  98. package/index.js +1 -1
  99. package/internal/pickers/KeyboardDateInput.d.ts +4 -4
  100. package/internal/pickers/Picker/Picker.d.ts +33 -33
  101. package/internal/pickers/Picker/PickerView.d.ts +3 -3
  102. package/internal/pickers/PickersArrowSwitcher.d.ts +41 -41
  103. package/internal/pickers/PickersModalDialog.d.ts +47 -47
  104. package/internal/pickers/PickersPopper.d.ts +33 -33
  105. package/internal/pickers/PickersToolbar.d.ts +14 -14
  106. package/internal/pickers/PickersToolbarButton.d.ts +13 -13
  107. package/internal/pickers/PickersToolbarText.d.ts +8 -8
  108. package/internal/pickers/PureDateInput.d.ts +80 -80
  109. package/internal/pickers/constants/dimensions.d.ts +4 -4
  110. package/internal/pickers/constants/prop-types.d.ts +1 -1
  111. package/internal/pickers/date-time-utils.d.ts +8 -8
  112. package/internal/pickers/date-utils.d.ts +52 -52
  113. package/internal/pickers/hooks/date-helpers-hooks.d.ts +16 -16
  114. package/internal/pickers/hooks/useIsLandscape.d.ts +4 -4
  115. package/internal/pickers/hooks/useMaskedInput.d.ts +7 -7
  116. package/internal/pickers/hooks/useOpenState.d.ts +10 -10
  117. package/internal/pickers/hooks/usePickerState.d.ts +38 -38
  118. package/internal/pickers/hooks/useUtils.d.ts +7 -7
  119. package/internal/pickers/hooks/useValidation.d.ts +23 -23
  120. package/internal/pickers/hooks/useViews.d.ts +19 -19
  121. package/internal/pickers/text-field-helper.d.ts +11 -11
  122. package/internal/pickers/time-utils.d.ts +33 -33
  123. package/internal/pickers/typings/BasePicker.d.ts +95 -95
  124. package/internal/pickers/typings/Views.d.ts +1 -1
  125. package/internal/pickers/typings/helpers.d.ts +9 -9
  126. package/internal/pickers/utils.d.ts +7 -7
  127. package/internal/pickers/wrappers/DesktopTooltipWrapper.d.ts +4 -4
  128. package/internal/pickers/wrappers/DesktopWrapper.d.ts +16 -16
  129. package/internal/pickers/wrappers/MobileWrapper.d.ts +14 -14
  130. package/internal/pickers/wrappers/PickerStaticWrapper.d.ts +21 -21
  131. package/internal/pickers/wrappers/ResponsiveWrapper.d.ts +23 -23
  132. package/internal/pickers/wrappers/WrapperProps.d.ts +13 -13
  133. package/internal/pickers/wrappers/WrapperVariantContext.d.ts +11 -11
  134. package/internal/svg-icons/ArrowDropDown.d.ts +7 -7
  135. package/internal/svg-icons/ArrowLeft.d.ts +7 -7
  136. package/internal/svg-icons/ArrowRight.d.ts +7 -7
  137. package/internal/svg-icons/Calendar.d.ts +7 -7
  138. package/internal/svg-icons/Clock.d.ts +7 -7
  139. package/internal/svg-icons/DateRange.d.ts +7 -7
  140. package/internal/svg-icons/Pen.d.ts +7 -7
  141. package/internal/svg-icons/Time.d.ts +7 -7
  142. package/legacy/index.js +1 -1
  143. package/modern/index.js +1 -1
  144. package/node/index.js +1 -1
  145. 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,62 @@
1
1
  ### [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.2.6
4
+
5
+ <!-- generated comparing v5.2.5..master -->
6
+
7
+ _Dec 27, 2021_
8
+
9
+ A big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 📓 The Norwegian Bokmål (nb-NO) locale was added (#27520) @wogsland
12
+ - 🛠 Introduced a new `useBadge` hook in the `@mui/base` package (#30246) @mnajdova
13
+ - And more 🐛 bug fixes and 📚 documentation improvements.
14
+
15
+ ### `@mui/material@5.2.6`
16
+
17
+ - &#8203;<!-- 24 -->[ButtonGroup] Fix typo in ButtonGroupContext's interface (#30376) @kealjones-wk
18
+ - &#8203;<!-- 03 -->[l10n] Add Norwegian Bokmål (nb-NO) locale (#27520) @wogsland
19
+
20
+ ### `@mui/base@5.0.0-alpha.62`
21
+
22
+ - &#8203;<!-- 26 -->[BadgeUnstyled] Add useBadge hook (#30246) @mnajdova
23
+
24
+ ### `@mui/joy@5.0.0-alpha.8`
25
+
26
+ - &#8203;<!-- 04 -->[Joy] Button API (#29962) @siriwatknp
27
+
28
+ ### Docs
29
+
30
+ - &#8203;<!-- 27 -->[docs] Fix color coercion (#30319) @Janpot
31
+ - &#8203;<!-- 25 -->[blog] Fix file import conflict resolution (#30391) @oliviertassinari
32
+ - &#8203;<!-- 21 -->[docs] Fix crash on Safari because of unsupported lookahead feature (#30345) @cherniavskii
33
+ - &#8203;<!-- 20 -->[docs] Update to new website domain (#30396) @ryota-murakami
34
+ - &#8203;<!-- 19 -->[docs] Fix text from material-ui to @mui to reflect v5 name changes (#30393) @pupudu
35
+ - &#8203;<!-- 18 -->[docs] Fix a11y in Menu demos (#30378) @ZeeshanTamboli
36
+ - &#8203;<!-- 17 -->[docs] Document how to unmount transition child (#30382) @oliviertassinari
37
+ - &#8203;<!-- 16 -->[docs] The current standard for quotes is QUOTATION MARK @oliviertassinari
38
+ - &#8203;<!-- 15 -->[docs] Fix 404 links (#30380) @oliviertassinari
39
+ - &#8203;<!-- 14 -->[docs] Fix Breadcrumb description (#30307) @jamesmelzer
40
+ - &#8203;<!-- 13 -->[docs] Modify injection order for Gatsby and SSR examples (#30358) @ShuPink
41
+ - &#8203;<!-- 12 -->[docs] Improve the translation experience (#30373) @oliviertassinari
42
+ - &#8203;<!-- 11 -->[docs] Sync translations with Crowdin (#30176) @l10nbot
43
+ - &#8203;<!-- 10 -->[docs] Fix link to /size-snapshot (#30363) @oliviertassinari
44
+ - &#8203;<!-- 09 -->[docs] Fix incorrect aria label in SpeedDial demo (#30354) @chwallen
45
+ - &#8203;<!-- 08 -->[docs] Fix incorrect number of breakpoint helpers (#30353) @chwallen
46
+ - &#8203;<!-- 07 -->[docs] Update outdated links (#30260) @oliviertassinari
47
+ - &#8203;<!-- 06 -->[docs] Support redirects from old urls to /material/\* (#30286) @siriwatknp
48
+ - &#8203;<!-- 05 -->[examples] Fix CSS modules integration (#30381) @oliviertassinari
49
+ - &#8203;<!-- 02 -->[website] Fix SEO issues (#30372) @oliviertassinari
50
+ - &#8203;<!-- 01 -->[website] Sync sponsors (#30259) @oliviertassinari
51
+
52
+ ### Core
53
+
54
+ - &#8203;<!-- 28 -->[core] Rename Material-UI to MUI (#30338) @ZeeshanTamboli
55
+ - &#8203;<!-- 23 -->[core] Fix warning in dev mode (#30368) @oliviertassinari
56
+ - &#8203;<!-- 22 -->[core] Update `buildApi` script to support new structure (#30245) @siriwatknp
57
+
58
+ All contributors of this release in alphabetical order: @cherniavskii, @chwallen, @jamesmelzer, @Janpot, @kealjones-wk, @l10nbot, @mnajdova, @oliviertassinari, @pupudu, @ryota-murakami, @ShuPink, @siriwatknp, @wogsland, @ZeeshanTamboli
59
+
3
60
  ## 5.2.5
4
61
 
5
62
  <!-- generated comparing v5.2.4..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 {};