@mui/lab 5.0.0-alpha.64 → 5.0.0-alpha.65
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 +73 -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/Masonry.js +12 -34
- 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/README.md +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 +28 -28
- 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 +33 -33
- 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/PureDateInput.js +6 -4
- 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/Masonry/Masonry.js +12 -34
- package/legacy/index.js +1 -1
- package/legacy/internal/pickers/PureDateInput.js +6 -4
- package/legacy/internal/pickers/test-utils.js +2 -1
- package/modern/Masonry/Masonry.js +12 -30
- package/modern/index.js +1 -1
- package/modern/internal/pickers/PureDateInput.js +6 -4
- package/node/Masonry/Masonry.js +12 -34
- package/node/index.js +1 -1
- package/node/internal/pickers/PureDateInput.js +6 -4
- package/package.json +7 -7
- package/themeAugmentation/components.d.ts +99 -23
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import { Theme } from '@mui/material/styles';
|
|
4
|
-
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
5
|
-
export interface MonthPickerProps<TDate> {
|
|
6
|
-
/**
|
|
7
|
-
* className applied to the root element.
|
|
8
|
-
*/
|
|
9
|
-
className?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Override or extend the styles applied to the component.
|
|
12
|
-
*/
|
|
13
|
-
classes?: {
|
|
14
|
-
/** Styles applied to the root element. */
|
|
15
|
-
root?: string;
|
|
16
|
-
};
|
|
17
|
-
/** Date value for the MonthPicker */
|
|
18
|
-
date: TDate | null;
|
|
19
|
-
/** If `true` picker is disabled */
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
/** If `true` past days are disabled. */
|
|
22
|
-
disablePast?: boolean | null;
|
|
23
|
-
/** If `true` future days are disabled. */
|
|
24
|
-
disableFuture?: boolean | null;
|
|
25
|
-
/** Minimal selectable date. */
|
|
26
|
-
minDate: TDate;
|
|
27
|
-
/** Maximal selectable date. */
|
|
28
|
-
maxDate: TDate;
|
|
29
|
-
/** Callback fired on date change. */
|
|
30
|
-
onChange: PickerOnChangeFn<TDate>;
|
|
31
|
-
onMonthChange?: (date: TDate) => void | Promise<void>;
|
|
32
|
-
/** If `true` picker is readonly */
|
|
33
|
-
readOnly?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
36
|
-
*/
|
|
37
|
-
sx?: SxProps<Theme>;
|
|
38
|
-
}
|
|
39
|
-
export declare function getMonthPickerUtilityClass(slot: string): string;
|
|
40
|
-
export declare type MonthPickerClassKey = keyof NonNullable<MonthPickerProps<unknown>['classes']>;
|
|
41
|
-
export declare const monthPickerClasses: Record<"root", string>;
|
|
42
|
-
declare const _default: <TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
|
|
43
|
-
/**
|
|
44
|
-
*
|
|
45
|
-
* Demos:
|
|
46
|
-
*
|
|
47
|
-
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
48
|
-
*
|
|
49
|
-
* API:
|
|
50
|
-
*
|
|
51
|
-
* - [MonthPicker API](https://mui.com/api/month-picker/)
|
|
52
|
-
*/
|
|
53
|
-
export default _default;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import { Theme } from '@mui/material/styles';
|
|
4
|
+
import { PickerOnChangeFn } from '../internal/pickers/hooks/useViews';
|
|
5
|
+
export interface MonthPickerProps<TDate> {
|
|
6
|
+
/**
|
|
7
|
+
* className applied to the root element.
|
|
8
|
+
*/
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Override or extend the styles applied to the component.
|
|
12
|
+
*/
|
|
13
|
+
classes?: {
|
|
14
|
+
/** Styles applied to the root element. */
|
|
15
|
+
root?: string;
|
|
16
|
+
};
|
|
17
|
+
/** Date value for the MonthPicker */
|
|
18
|
+
date: TDate | null;
|
|
19
|
+
/** If `true` picker is disabled */
|
|
20
|
+
disabled?: boolean;
|
|
21
|
+
/** If `true` past days are disabled. */
|
|
22
|
+
disablePast?: boolean | null;
|
|
23
|
+
/** If `true` future days are disabled. */
|
|
24
|
+
disableFuture?: boolean | null;
|
|
25
|
+
/** Minimal selectable date. */
|
|
26
|
+
minDate: TDate;
|
|
27
|
+
/** Maximal selectable date. */
|
|
28
|
+
maxDate: TDate;
|
|
29
|
+
/** Callback fired on date change. */
|
|
30
|
+
onChange: PickerOnChangeFn<TDate>;
|
|
31
|
+
onMonthChange?: (date: TDate) => void | Promise<void>;
|
|
32
|
+
/** If `true` picker is readonly */
|
|
33
|
+
readOnly?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
36
|
+
*/
|
|
37
|
+
sx?: SxProps<Theme>;
|
|
38
|
+
}
|
|
39
|
+
export declare function getMonthPickerUtilityClass(slot: string): string;
|
|
40
|
+
export declare type MonthPickerClassKey = keyof NonNullable<MonthPickerProps<unknown>['classes']>;
|
|
41
|
+
export declare const monthPickerClasses: Record<"root", string>;
|
|
42
|
+
declare const _default: <TDate>(props: MonthPickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element;
|
|
43
|
+
/**
|
|
44
|
+
*
|
|
45
|
+
* Demos:
|
|
46
|
+
*
|
|
47
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
48
|
+
*
|
|
49
|
+
* API:
|
|
50
|
+
*
|
|
51
|
+
* - [MonthPicker API](https://mui.com/api/month-picker/)
|
|
52
|
+
*/
|
|
53
|
+
export default _default;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
declare const classes: Record<"root" | "selected", string>;
|
|
3
|
-
export interface MonthProps {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
onSelect: (value: any) => void;
|
|
7
|
-
selected?: boolean;
|
|
8
|
-
value: any;
|
|
9
|
-
}
|
|
10
|
-
export declare type PickersMonthClassKey = keyof typeof classes;
|
|
11
|
-
/**
|
|
12
|
-
* @ignore - do not document.
|
|
13
|
-
*/
|
|
14
|
-
declare const PickersMonth: React.FC<MonthProps>;
|
|
15
|
-
export default PickersMonth;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const classes: Record<"root" | "selected", string>;
|
|
3
|
+
export interface MonthProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onSelect: (value: any) => void;
|
|
7
|
+
selected?: boolean;
|
|
8
|
+
value: any;
|
|
9
|
+
}
|
|
10
|
+
export declare type PickersMonthClassKey = keyof typeof classes;
|
|
11
|
+
/**
|
|
12
|
+
* @ignore - do not document.
|
|
13
|
+
*/
|
|
14
|
+
declare const PickersMonth: React.FC<MonthProps>;
|
|
15
|
+
export default PickersMonth;
|
package/MonthPicker/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default, getMonthPickerUtilityClass, monthPickerClasses } from './MonthPicker';
|
|
2
|
-
export declare type MonthPickerClassKey = import('./MonthPicker').MonthPickerClassKey;
|
|
3
|
-
export declare type MonthPickerProps<TDate> = import('./MonthPicker').MonthPickerProps<TDate>;
|
|
1
|
+
export { default, getMonthPickerUtilityClass, monthPickerClasses } from './MonthPicker';
|
|
2
|
+
export declare type MonthPickerClassKey = import('./MonthPicker').MonthPickerClassKey;
|
|
3
|
+
export declare type MonthPickerProps<TDate> = import('./MonthPicker').MonthPickerProps<TDate>;
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { SxProps } from '@mui/system';
|
|
3
|
-
import { ButtonBaseProps } from '@mui/material/ButtonBase';
|
|
4
|
-
import { Theme } from '@mui/material/styles';
|
|
5
|
-
import { ExtendMui } from '../internal/pickers/typings/helpers';
|
|
6
|
-
import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
|
|
7
|
-
export interface PickersDayProps<TDate> extends ExtendMui<ButtonBaseProps> {
|
|
8
|
-
/**
|
|
9
|
-
* If `true`, `onChange` is fired on click even if the same date is selected.
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
allowSameDateSelection?: boolean;
|
|
13
|
-
/**
|
|
14
|
-
* Override or extend the styles applied to the component.
|
|
15
|
-
*/
|
|
16
|
-
classes?: {
|
|
17
|
-
/** Styles applied to the root element. */
|
|
18
|
-
root?: string;
|
|
19
|
-
/** Styles applied to the root element if `disableMargin=false`. */
|
|
20
|
-
dayWithMargin?: string;
|
|
21
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
22
|
-
dayOutsideMonth?: string;
|
|
23
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=false`. */
|
|
24
|
-
hiddenDaySpacingFiller?: string;
|
|
25
|
-
/** Styles applied to the root element if `disableHighlightToday=false` and `today=true`. */
|
|
26
|
-
today?: string;
|
|
27
|
-
/** State class applied to the root element if `selected=true`. */
|
|
28
|
-
selected?: string;
|
|
29
|
-
/** State class applied to the root element if `disabled=true`. */
|
|
30
|
-
disabled?: string;
|
|
31
|
-
};
|
|
32
|
-
/**
|
|
33
|
-
* The date to show.
|
|
34
|
-
*/
|
|
35
|
-
day: TDate;
|
|
36
|
-
/**
|
|
37
|
-
* If `true`, renders as disabled.
|
|
38
|
-
* @default false
|
|
39
|
-
*/
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/**
|
|
42
|
-
* If `true`, todays date is rendering without highlighting with circle.
|
|
43
|
-
* @default false
|
|
44
|
-
*/
|
|
45
|
-
disableHighlightToday?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
48
|
-
* @default false
|
|
49
|
-
*/
|
|
50
|
-
disableMargin?: boolean;
|
|
51
|
-
isAnimating?: boolean;
|
|
52
|
-
onDayFocus?: (day: TDate) => void;
|
|
53
|
-
onDaySelect: (day: TDate, isFinish: PickerSelectionState) => void;
|
|
54
|
-
/**
|
|
55
|
-
* If `true`, day is outside of month and will be hidden.
|
|
56
|
-
*/
|
|
57
|
-
outsideCurrentMonth: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* If `true`, renders as selected.
|
|
60
|
-
* @default false
|
|
61
|
-
*/
|
|
62
|
-
selected?: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* If `true`, days that have `outsideCurrentMonth={true}` are displayed.
|
|
65
|
-
* @default false
|
|
66
|
-
*/
|
|
67
|
-
showDaysOutsideCurrentMonth?: boolean;
|
|
68
|
-
/**
|
|
69
|
-
* If `true`, renders as today date.
|
|
70
|
-
* @default false
|
|
71
|
-
*/
|
|
72
|
-
today?: boolean;
|
|
73
|
-
/**
|
|
74
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
75
|
-
*/
|
|
76
|
-
sx?: SxProps<Theme>;
|
|
77
|
-
}
|
|
78
|
-
export declare type PickersDayClassKey = keyof NonNullable<PickersDayProps<unknown>['classes']>;
|
|
79
|
-
export declare function getPickersDayUtilityClass(slot: string): string;
|
|
80
|
-
export declare const pickersDayClasses: Record<"root" | "selected" | "disabled" | "dayWithMargin" | "dayOutsideMonth" | "hiddenDaySpacingFiller" | "today", string>;
|
|
81
|
-
export declare const areDayPropsEqual: (prevProps: PickersDayProps<any>, nextProps: PickersDayProps<any>) => boolean;
|
|
82
|
-
declare const _default: <TDate>(props: PickersDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
|
|
83
|
-
/**
|
|
84
|
-
*
|
|
85
|
-
* Demos:
|
|
86
|
-
*
|
|
87
|
-
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
88
|
-
*
|
|
89
|
-
* API:
|
|
90
|
-
*
|
|
91
|
-
* - [PickersDay API](https://mui.com/api/pickers-day/)
|
|
92
|
-
*/
|
|
93
|
-
export default _default;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { SxProps } from '@mui/system';
|
|
3
|
+
import { ButtonBaseProps } from '@mui/material/ButtonBase';
|
|
4
|
+
import { Theme } from '@mui/material/styles';
|
|
5
|
+
import { ExtendMui } from '../internal/pickers/typings/helpers';
|
|
6
|
+
import { PickerSelectionState } from '../internal/pickers/hooks/usePickerState';
|
|
7
|
+
export interface PickersDayProps<TDate> extends ExtendMui<ButtonBaseProps> {
|
|
8
|
+
/**
|
|
9
|
+
* If `true`, `onChange` is fired on click even if the same date is selected.
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
allowSameDateSelection?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Override or extend the styles applied to the component.
|
|
15
|
+
*/
|
|
16
|
+
classes?: {
|
|
17
|
+
/** Styles applied to the root element. */
|
|
18
|
+
root?: string;
|
|
19
|
+
/** Styles applied to the root element if `disableMargin=false`. */
|
|
20
|
+
dayWithMargin?: string;
|
|
21
|
+
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
22
|
+
dayOutsideMonth?: string;
|
|
23
|
+
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=false`. */
|
|
24
|
+
hiddenDaySpacingFiller?: string;
|
|
25
|
+
/** Styles applied to the root element if `disableHighlightToday=false` and `today=true`. */
|
|
26
|
+
today?: string;
|
|
27
|
+
/** State class applied to the root element if `selected=true`. */
|
|
28
|
+
selected?: string;
|
|
29
|
+
/** State class applied to the root element if `disabled=true`. */
|
|
30
|
+
disabled?: string;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* The date to show.
|
|
34
|
+
*/
|
|
35
|
+
day: TDate;
|
|
36
|
+
/**
|
|
37
|
+
* If `true`, renders as disabled.
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
40
|
+
disabled?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* If `true`, todays date is rendering without highlighting with circle.
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
disableHighlightToday?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
48
|
+
* @default false
|
|
49
|
+
*/
|
|
50
|
+
disableMargin?: boolean;
|
|
51
|
+
isAnimating?: boolean;
|
|
52
|
+
onDayFocus?: (day: TDate) => void;
|
|
53
|
+
onDaySelect: (day: TDate, isFinish: PickerSelectionState) => void;
|
|
54
|
+
/**
|
|
55
|
+
* If `true`, day is outside of month and will be hidden.
|
|
56
|
+
*/
|
|
57
|
+
outsideCurrentMonth: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* If `true`, renders as selected.
|
|
60
|
+
* @default false
|
|
61
|
+
*/
|
|
62
|
+
selected?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* If `true`, days that have `outsideCurrentMonth={true}` are displayed.
|
|
65
|
+
* @default false
|
|
66
|
+
*/
|
|
67
|
+
showDaysOutsideCurrentMonth?: boolean;
|
|
68
|
+
/**
|
|
69
|
+
* If `true`, renders as today date.
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
today?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
75
|
+
*/
|
|
76
|
+
sx?: SxProps<Theme>;
|
|
77
|
+
}
|
|
78
|
+
export declare type PickersDayClassKey = keyof NonNullable<PickersDayProps<unknown>['classes']>;
|
|
79
|
+
export declare function getPickersDayUtilityClass(slot: string): string;
|
|
80
|
+
export declare const pickersDayClasses: Record<"root" | "selected" | "disabled" | "dayWithMargin" | "dayOutsideMonth" | "hiddenDaySpacingFiller" | "today", string>;
|
|
81
|
+
export declare const areDayPropsEqual: (prevProps: PickersDayProps<any>, nextProps: PickersDayProps<any>) => boolean;
|
|
82
|
+
declare const _default: <TDate>(props: PickersDayProps<TDate> & React.RefAttributes<HTMLButtonElement>) => JSX.Element;
|
|
83
|
+
/**
|
|
84
|
+
*
|
|
85
|
+
* Demos:
|
|
86
|
+
*
|
|
87
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
88
|
+
*
|
|
89
|
+
* API:
|
|
90
|
+
*
|
|
91
|
+
* - [PickersDay API](https://mui.com/api/pickers-day/)
|
|
92
|
+
*/
|
|
93
|
+
export default _default;
|
package/PickersDay/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { default } from './PickersDay';
|
|
2
|
-
export { pickersDayClasses, getPickersDayUtilityClass } from './PickersDay';
|
|
3
|
-
export declare type PickersDayClassKey = import('./PickersDay').PickersDayClassKey;
|
|
4
|
-
export declare type PickersDayProps<TDate> = import('./PickersDay').PickersDayProps<TDate>;
|
|
1
|
+
export { default } from './PickersDay';
|
|
2
|
+
export { pickersDayClasses, getPickersDayUtilityClass } from './PickersDay';
|
|
3
|
+
export declare type PickersDayClassKey = import('./PickersDay').PickersDayClassKey;
|
|
4
|
+
export declare type PickersDayProps<TDate> = import('./PickersDay').PickersDayProps<TDate>;
|
package/README.md
CHANGED
|
@@ -16,17 +16,17 @@ npm install @mui/lab
|
|
|
16
16
|
yarn add @mui/lab
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
The lab has
|
|
20
|
-
If you are not already using
|
|
19
|
+
The lab has peer dependencies on the Material Design components and on the emotion library.
|
|
20
|
+
If you are not already using them in your project, you can install with:
|
|
21
21
|
|
|
22
22
|
<!-- #default-branch-switch -->
|
|
23
23
|
|
|
24
24
|
```sh
|
|
25
25
|
// with npm
|
|
26
|
-
npm install @mui/material
|
|
26
|
+
npm install @mui/material @emotion/react @emotion/styled
|
|
27
27
|
|
|
28
28
|
// with yarn
|
|
29
|
-
yarn add @mui/material
|
|
29
|
+
yarn add @mui/material @emotion/react @emotion/styled
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
## Documentation
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseDatePickerProps } from '../DatePicker/shared';
|
|
3
|
-
import { PickerStaticWrapperProps } from '../internal/pickers/wrappers/PickerStaticWrapper';
|
|
4
|
-
export interface StaticDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate> {
|
|
5
|
-
/**
|
|
6
|
-
* Force static wrapper inner components to be rendered in mobile or desktop mode.
|
|
7
|
-
* @default 'mobile'
|
|
8
|
-
*/
|
|
9
|
-
displayStaticWrapperAs?: PickerStaticWrapperProps['displayStaticWrapperAs'];
|
|
10
|
-
}
|
|
11
|
-
declare type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
12
|
-
propTypes?: any;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
*
|
|
16
|
-
* Demos:
|
|
17
|
-
*
|
|
18
|
-
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
19
|
-
*
|
|
20
|
-
* API:
|
|
21
|
-
*
|
|
22
|
-
* - [StaticDatePicker API](https://mui.com/api/static-date-picker/)
|
|
23
|
-
*/
|
|
24
|
-
declare const StaticDatePicker: StaticDatePickerComponent;
|
|
25
|
-
export default StaticDatePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseDatePickerProps } from '../DatePicker/shared';
|
|
3
|
+
import { PickerStaticWrapperProps } from '../internal/pickers/wrappers/PickerStaticWrapper';
|
|
4
|
+
export interface StaticDatePickerProps<TDate = unknown> extends BaseDatePickerProps<TDate> {
|
|
5
|
+
/**
|
|
6
|
+
* Force static wrapper inner components to be rendered in mobile or desktop mode.
|
|
7
|
+
* @default 'mobile'
|
|
8
|
+
*/
|
|
9
|
+
displayStaticWrapperAs?: PickerStaticWrapperProps['displayStaticWrapperAs'];
|
|
10
|
+
}
|
|
11
|
+
declare type StaticDatePickerComponent = (<TDate>(props: StaticDatePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
12
|
+
propTypes?: any;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
*
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [Date Picker](https://mui.com/components/date-picker/)
|
|
19
|
+
*
|
|
20
|
+
* API:
|
|
21
|
+
*
|
|
22
|
+
* - [StaticDatePicker API](https://mui.com/api/static-date-picker/)
|
|
23
|
+
*/
|
|
24
|
+
declare const StaticDatePicker: StaticDatePickerComponent;
|
|
25
|
+
export default StaticDatePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './StaticDatePicker';
|
|
2
|
-
export { default } from './StaticDatePicker';
|
|
1
|
+
export * from './StaticDatePicker';
|
|
2
|
+
export { default } from './StaticDatePicker';
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { PickerStaticWrapperProps } from '../internal/pickers/wrappers/PickerStaticWrapper';
|
|
3
|
-
import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
|
|
4
|
-
import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
|
|
5
|
-
import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
|
|
6
|
-
import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
|
|
7
|
-
interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
|
|
8
|
-
/**
|
|
9
|
-
* The components used for each slot.
|
|
10
|
-
* Either a string to use a HTML element or a component.
|
|
11
|
-
* @default {}
|
|
12
|
-
*/
|
|
13
|
-
components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
|
|
14
|
-
/**
|
|
15
|
-
* Text for end input label and toolbar placeholder.
|
|
16
|
-
* @default 'End'
|
|
17
|
-
*/
|
|
18
|
-
endText?: React.ReactNode;
|
|
19
|
-
/**
|
|
20
|
-
* Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
|
|
21
|
-
* @default '__/__/____'
|
|
22
|
-
*/
|
|
23
|
-
mask?: ExportedDateRangePickerInputProps['mask'];
|
|
24
|
-
/**
|
|
25
|
-
* Min selectable date. @DateIOType
|
|
26
|
-
*/
|
|
27
|
-
minDate?: TDate;
|
|
28
|
-
/**
|
|
29
|
-
* Max selectable date. @DateIOType
|
|
30
|
-
*/
|
|
31
|
-
maxDate?: TDate;
|
|
32
|
-
/**
|
|
33
|
-
* Callback fired when the value (the selected date range) changes @DateIOType.
|
|
34
|
-
*/
|
|
35
|
-
onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Text for start input label and toolbar placeholder.
|
|
38
|
-
* @default 'Start'
|
|
39
|
-
*/
|
|
40
|
-
startText?: React.ReactNode;
|
|
41
|
-
/**
|
|
42
|
-
* The value of the date range picker.
|
|
43
|
-
*/
|
|
44
|
-
value: RangeInput<TDate>;
|
|
45
|
-
}
|
|
46
|
-
export interface StaticDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate> {
|
|
47
|
-
/**
|
|
48
|
-
* Force static wrapper inner components to be rendered in mobile or desktop mode.
|
|
49
|
-
* @default 'mobile'
|
|
50
|
-
*/
|
|
51
|
-
displayStaticWrapperAs?: PickerStaticWrapperProps['displayStaticWrapperAs'];
|
|
52
|
-
}
|
|
53
|
-
declare type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
54
|
-
propTypes: unknown;
|
|
55
|
-
};
|
|
56
|
-
/**
|
|
57
|
-
*
|
|
58
|
-
* Demos:
|
|
59
|
-
*
|
|
60
|
-
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
61
|
-
*
|
|
62
|
-
* API:
|
|
63
|
-
*
|
|
64
|
-
* - [StaticDateRangePicker API](https://mui.com/api/static-date-range-picker/)
|
|
65
|
-
*/
|
|
66
|
-
declare const StaticDateRangePicker: StaticDateRangePickerComponent;
|
|
67
|
-
export default StaticDateRangePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { PickerStaticWrapperProps } from '../internal/pickers/wrappers/PickerStaticWrapper';
|
|
3
|
+
import { RangeInput, DateRange } from '../DateRangePicker/RangeTypes';
|
|
4
|
+
import { DateRangeValidationError, ValidationProps } from '../internal/pickers/hooks/useValidation';
|
|
5
|
+
import { ExportedDateRangePickerViewProps } from '../DateRangePicker/DateRangePickerView';
|
|
6
|
+
import { ExportedDateRangePickerInputProps } from '../DateRangePicker/DateRangePickerInput';
|
|
7
|
+
interface BaseDateRangePickerProps<TDate> extends ExportedDateRangePickerViewProps<TDate>, ValidationProps<DateRangeValidationError, RangeInput<TDate>>, ExportedDateRangePickerInputProps {
|
|
8
|
+
/**
|
|
9
|
+
* The components used for each slot.
|
|
10
|
+
* Either a string to use a HTML element or a component.
|
|
11
|
+
* @default {}
|
|
12
|
+
*/
|
|
13
|
+
components?: ExportedDateRangePickerViewProps<TDate>['components'] & ExportedDateRangePickerInputProps['components'];
|
|
14
|
+
/**
|
|
15
|
+
* Text for end input label and toolbar placeholder.
|
|
16
|
+
* @default 'End'
|
|
17
|
+
*/
|
|
18
|
+
endText?: React.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Custom mask. Can be used to override generate from format. (e.g. `__/__/____ __:__` or `__/__/____ __:__ _M`).
|
|
21
|
+
* @default '__/__/____'
|
|
22
|
+
*/
|
|
23
|
+
mask?: ExportedDateRangePickerInputProps['mask'];
|
|
24
|
+
/**
|
|
25
|
+
* Min selectable date. @DateIOType
|
|
26
|
+
*/
|
|
27
|
+
minDate?: TDate;
|
|
28
|
+
/**
|
|
29
|
+
* Max selectable date. @DateIOType
|
|
30
|
+
*/
|
|
31
|
+
maxDate?: TDate;
|
|
32
|
+
/**
|
|
33
|
+
* Callback fired when the value (the selected date range) changes @DateIOType.
|
|
34
|
+
*/
|
|
35
|
+
onChange: (date: DateRange<TDate>, keyboardInputValue?: string) => void;
|
|
36
|
+
/**
|
|
37
|
+
* Text for start input label and toolbar placeholder.
|
|
38
|
+
* @default 'Start'
|
|
39
|
+
*/
|
|
40
|
+
startText?: React.ReactNode;
|
|
41
|
+
/**
|
|
42
|
+
* The value of the date range picker.
|
|
43
|
+
*/
|
|
44
|
+
value: RangeInput<TDate>;
|
|
45
|
+
}
|
|
46
|
+
export interface StaticDateRangePickerProps<TDate = unknown> extends BaseDateRangePickerProps<TDate> {
|
|
47
|
+
/**
|
|
48
|
+
* Force static wrapper inner components to be rendered in mobile or desktop mode.
|
|
49
|
+
* @default 'mobile'
|
|
50
|
+
*/
|
|
51
|
+
displayStaticWrapperAs?: PickerStaticWrapperProps['displayStaticWrapperAs'];
|
|
52
|
+
}
|
|
53
|
+
declare type StaticDateRangePickerComponent = (<TDate>(props: StaticDateRangePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
54
|
+
propTypes: unknown;
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
*
|
|
58
|
+
* Demos:
|
|
59
|
+
*
|
|
60
|
+
* - [Date Range Picker](https://mui.com/components/date-range-picker/)
|
|
61
|
+
*
|
|
62
|
+
* API:
|
|
63
|
+
*
|
|
64
|
+
* - [StaticDateRangePicker API](https://mui.com/api/static-date-range-picker/)
|
|
65
|
+
*/
|
|
66
|
+
declare const StaticDateRangePicker: StaticDateRangePickerComponent;
|
|
67
|
+
export default StaticDateRangePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './StaticDateRangePicker';
|
|
2
|
-
export { default } from './StaticDateRangePicker';
|
|
1
|
+
export * from './StaticDateRangePicker';
|
|
2
|
+
export { default } from './StaticDateRangePicker';
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
|
|
3
|
-
import { PickerStaticWrapperProps } from '../internal/pickers/wrappers/PickerStaticWrapper';
|
|
4
|
-
export interface StaticDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate> {
|
|
5
|
-
/**
|
|
6
|
-
* Force static wrapper inner components to be rendered in mobile or desktop mode.
|
|
7
|
-
* @default 'mobile'
|
|
8
|
-
*/
|
|
9
|
-
displayStaticWrapperAs?: PickerStaticWrapperProps['displayStaticWrapperAs'];
|
|
10
|
-
}
|
|
11
|
-
declare type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
12
|
-
propTypes?: any;
|
|
13
|
-
};
|
|
14
|
-
/**
|
|
15
|
-
*
|
|
16
|
-
* Demos:
|
|
17
|
-
*
|
|
18
|
-
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
19
|
-
*
|
|
20
|
-
* API:
|
|
21
|
-
*
|
|
22
|
-
* - [StaticDateTimePicker API](https://mui.com/api/static-date-time-picker/)
|
|
23
|
-
*/
|
|
24
|
-
declare const StaticDateTimePicker: StaticDateTimePickerComponent;
|
|
25
|
-
export default StaticDateTimePicker;
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseDateTimePickerProps } from '../DateTimePicker/shared';
|
|
3
|
+
import { PickerStaticWrapperProps } from '../internal/pickers/wrappers/PickerStaticWrapper';
|
|
4
|
+
export interface StaticDateTimePickerProps<TDate = unknown> extends BaseDateTimePickerProps<TDate> {
|
|
5
|
+
/**
|
|
6
|
+
* Force static wrapper inner components to be rendered in mobile or desktop mode.
|
|
7
|
+
* @default 'mobile'
|
|
8
|
+
*/
|
|
9
|
+
displayStaticWrapperAs?: PickerStaticWrapperProps['displayStaticWrapperAs'];
|
|
10
|
+
}
|
|
11
|
+
declare type StaticDateTimePickerComponent = (<TDate>(props: StaticDateTimePickerProps<TDate> & React.RefAttributes<HTMLDivElement>) => JSX.Element) & {
|
|
12
|
+
propTypes?: any;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
*
|
|
16
|
+
* Demos:
|
|
17
|
+
*
|
|
18
|
+
* - [Date Time Picker](https://mui.com/components/date-time-picker/)
|
|
19
|
+
*
|
|
20
|
+
* API:
|
|
21
|
+
*
|
|
22
|
+
* - [StaticDateTimePicker API](https://mui.com/api/static-date-time-picker/)
|
|
23
|
+
*/
|
|
24
|
+
declare const StaticDateTimePicker: StaticDateTimePickerComponent;
|
|
25
|
+
export default StaticDateTimePicker;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './StaticDateTimePicker';
|
|
2
|
-
export { default } from './StaticDateTimePicker';
|
|
1
|
+
export * from './StaticDateTimePicker';
|
|
2
|
+
export { default } from './StaticDateTimePicker';
|