@mui/x-date-pickers 6.18.1 → 7.0.0-alpha.1
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/AdapterDateFns.d.ts +4 -15
- package/AdapterDateFns/AdapterDateFns.js +8 -90
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.d.ts +4 -15
- package/AdapterDateFnsJalali/AdapterDateFnsJalali.js +8 -90
- package/AdapterDayjs/AdapterDayjs.d.ts +5 -17
- package/AdapterDayjs/AdapterDayjs.js +11 -60
- package/AdapterLuxon/AdapterLuxon.d.ts +4 -15
- package/AdapterLuxon/AdapterLuxon.js +16 -76
- package/AdapterMoment/AdapterMoment.d.ts +4 -20
- package/AdapterMoment/AdapterMoment.js +9 -66
- package/AdapterMomentHijri/AdapterMomentHijri.d.ts +1 -7
- package/AdapterMomentHijri/AdapterMomentHijri.js +1 -30
- package/AdapterMomentJalaali/AdapterMomentJalaali.d.ts +1 -9
- package/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -40
- package/CHANGELOG.md +558 -1
- package/DateCalendar/DateCalendar.js +4 -21
- package/DateCalendar/DateCalendar.types.d.ts +12 -3
- package/DateCalendar/DayCalendar.d.ts +13 -5
- package/DateCalendar/DayCalendar.js +12 -21
- package/DateCalendar/index.d.ts +0 -1
- package/DateCalendar/index.js +1 -3
- package/DateCalendar/useCalendarState.js +2 -3
- package/DateField/DateField.js +5 -21
- package/DateField/DateField.types.d.ts +12 -3
- package/DatePicker/DatePicker.js +0 -13
- package/DatePicker/DatePicker.types.d.ts +1 -14
- package/DatePicker/shared.d.ts +4 -16
- package/DatePicker/shared.js +2 -5
- package/DateTimeField/DateTimeField.js +5 -21
- package/DateTimeField/DateTimeField.types.d.ts +2 -15
- package/DateTimePicker/DateTimePicker.js +0 -13
- package/DateTimePicker/DateTimePicker.types.d.ts +1 -14
- package/DateTimePicker/shared.d.ts +4 -17
- package/DateTimePicker/shared.js +4 -7
- package/DesktopDatePicker/DesktopDatePicker.js +0 -13
- package/DesktopDatePicker/DesktopDatePicker.types.d.ts +2 -15
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -13
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +2 -15
- package/DesktopTimePicker/DesktopTimePicker.js +0 -12
- package/DesktopTimePicker/DesktopTimePicker.types.d.ts +2 -15
- package/DigitalClock/DigitalClock.js +18 -26
- package/DigitalClock/DigitalClock.types.d.ts +2 -15
- package/LocalizationProvider/LocalizationProvider.js +0 -6
- package/MobileDatePicker/MobileDatePicker.js +0 -13
- package/MobileDatePicker/MobileDatePicker.types.d.ts +2 -15
- package/MobileDateTimePicker/MobileDateTimePicker.js +0 -13
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts +2 -15
- package/MobileTimePicker/MobileTimePicker.js +0 -12
- package/MobileTimePicker/MobileTimePicker.types.d.ts +2 -15
- package/MonthCalendar/MonthCalendar.js +3 -7
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.js +7 -18
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.types.d.ts +3 -15
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.d.ts +2 -1
- package/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.d.ts +1 -2
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +13 -10
- package/PickersCalendarHeader/PickersCalendarHeader.js +14 -20
- package/PickersCalendarHeader/PickersCalendarHeader.types.d.ts +3 -16
- package/PickersLayout/PickersLayout.js +0 -12
- package/PickersLayout/PickersLayout.types.d.ts +6 -19
- package/PickersLayout/usePickerLayout.js +2 -7
- package/StaticDatePicker/StaticDatePicker.js +0 -13
- package/StaticDatePicker/StaticDatePicker.types.d.ts +2 -14
- package/StaticDateTimePicker/StaticDateTimePicker.js +0 -13
- package/StaticDateTimePicker/StaticDateTimePicker.types.d.ts +2 -14
- package/StaticTimePicker/StaticTimePicker.js +0 -12
- package/StaticTimePicker/StaticTimePicker.types.d.ts +2 -14
- package/TimeClock/TimeClock.js +3 -20
- package/TimeClock/TimeClock.types.d.ts +1 -14
- package/TimeField/TimeField.js +5 -21
- package/TimeField/TimeField.types.d.ts +2 -15
- package/TimePicker/TimePicker.js +0 -12
- package/TimePicker/TimePicker.types.d.ts +1 -14
- package/TimePicker/shared.d.ts +3 -16
- package/TimePicker/shared.js +4 -7
- package/YearCalendar/YearCalendar.js +4 -8
- package/dateTimeViewRenderers/dateTimeViewRenderers.d.ts +2 -2
- package/dateTimeViewRenderers/dateTimeViewRenderers.js +2 -8
- package/dateViewRenderers/dateViewRenderers.d.ts +1 -1
- package/dateViewRenderers/dateViewRenderers.js +0 -4
- package/hooks/useClearableField.d.ts +1 -3
- package/hooks/useClearableField.js +6 -8
- package/index.d.ts +1 -0
- package/index.js +4 -1
- package/internals/components/PickersArrowSwitcher/PickersArrowSwitcher.types.d.ts +10 -6
- package/internals/components/PickersModalDialog.d.ts +4 -5
- package/internals/components/PickersPopper.d.ts +5 -6
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +7 -8
- package/internals/hooks/useField/useField.types.d.ts +2 -2
- package/internals/hooks/useField/useField.utils.js +0 -1
- package/internals/hooks/useField/useFieldState.js +1 -1
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +3 -4
- package/internals/hooks/useStaticPicker/useStaticPicker.types.d.ts +1 -14
- package/internals/index.d.ts +0 -2
- package/internals/index.js +0 -1
- package/internals/utils/getDefaultReferenceDate.d.ts +1 -2
- package/internals/utils/getDefaultReferenceDate.js +0 -4
- package/legacy/AdapterDateFns/AdapterDateFns.js +11 -92
- package/legacy/AdapterDateFnsJalali/AdapterDateFnsJalali.js +11 -92
- package/legacy/AdapterDayjs/AdapterDayjs.js +15 -63
- package/legacy/AdapterLuxon/AdapterLuxon.js +19 -78
- package/legacy/AdapterMoment/AdapterMoment.js +12 -70
- package/legacy/AdapterMomentHijri/AdapterMomentHijri.js +5 -30
- package/legacy/AdapterMomentJalaali/AdapterMomentJalaali.js +5 -40
- package/legacy/DateCalendar/DateCalendar.js +4 -21
- package/legacy/DateCalendar/DayCalendar.js +10 -16
- package/legacy/DateCalendar/index.js +1 -3
- package/legacy/DateCalendar/useCalendarState.js +2 -3
- package/legacy/DateField/DateField.js +6 -22
- package/legacy/DatePicker/DatePicker.js +0 -13
- package/legacy/DatePicker/shared.js +2 -5
- package/legacy/DateTimeField/DateTimeField.js +6 -22
- package/legacy/DateTimePicker/DateTimePicker.js +0 -13
- package/legacy/DateTimePicker/shared.js +4 -7
- package/legacy/DesktopDatePicker/DesktopDatePicker.js +0 -13
- package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -13
- package/legacy/DesktopTimePicker/DesktopTimePicker.js +0 -12
- package/legacy/DigitalClock/DigitalClock.js +20 -26
- package/legacy/LocalizationProvider/LocalizationProvider.js +0 -6
- package/legacy/MobileDatePicker/MobileDatePicker.js +0 -13
- package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +0 -13
- package/legacy/MobileTimePicker/MobileTimePicker.js +0 -12
- package/legacy/MonthCalendar/MonthCalendar.js +3 -6
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.js +11 -18
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
- package/legacy/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +15 -10
- package/legacy/PickersCalendarHeader/PickersCalendarHeader.js +14 -20
- package/legacy/PickersLayout/PickersLayout.js +0 -12
- package/legacy/PickersLayout/usePickerLayout.js +2 -7
- package/legacy/StaticDatePicker/StaticDatePicker.js +0 -13
- package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +0 -13
- package/legacy/StaticTimePicker/StaticTimePicker.js +0 -12
- package/legacy/TimeClock/TimeClock.js +3 -20
- package/legacy/TimeField/TimeField.js +5 -21
- package/legacy/TimePicker/TimePicker.js +0 -12
- package/legacy/TimePicker/shared.js +4 -7
- package/legacy/YearCalendar/YearCalendar.js +4 -7
- package/legacy/dateTimeViewRenderers/dateTimeViewRenderers.js +2 -8
- package/legacy/dateViewRenderers/dateViewRenderers.js +0 -4
- package/legacy/hooks/useClearableField.js +6 -8
- package/legacy/index.js +4 -1
- package/legacy/internals/hooks/useField/useField.utils.js +0 -1
- package/legacy/internals/hooks/useField/useFieldState.js +1 -1
- package/legacy/internals/index.js +0 -1
- package/legacy/internals/utils/getDefaultReferenceDate.js +0 -6
- package/legacy/locales/esES.js +6 -7
- package/legacy/locales/eu.js +94 -0
- package/legacy/locales/index.js +1 -0
- package/legacy/timeViewRenderers/timeViewRenderers.js +0 -12
- package/locales/esES.js +6 -7
- package/locales/eu.d.ts +54 -0
- package/locales/eu.js +58 -0
- package/locales/index.d.ts +1 -0
- package/locales/index.js +1 -0
- package/models/adapters.d.ts +10 -135
- package/models/fields.d.ts +0 -6
- package/modern/AdapterDateFns/AdapterDateFns.js +8 -90
- package/modern/AdapterDateFnsJalali/AdapterDateFnsJalali.js +8 -90
- package/modern/AdapterDayjs/AdapterDayjs.js +11 -59
- package/modern/AdapterLuxon/AdapterLuxon.js +16 -76
- package/modern/AdapterMoment/AdapterMoment.js +9 -65
- package/modern/AdapterMomentHijri/AdapterMomentHijri.js +1 -30
- package/modern/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -40
- package/modern/DateCalendar/DateCalendar.js +3 -20
- package/modern/DateCalendar/DayCalendar.js +11 -19
- package/modern/DateCalendar/index.js +1 -3
- package/modern/DateCalendar/useCalendarState.js +2 -3
- package/modern/DateField/DateField.js +4 -20
- package/modern/DatePicker/DatePicker.js +0 -13
- package/modern/DatePicker/shared.js +1 -4
- package/modern/DateTimeField/DateTimeField.js +4 -20
- package/modern/DateTimePicker/DateTimePicker.js +0 -13
- package/modern/DateTimePicker/shared.js +3 -6
- package/modern/DesktopDatePicker/DesktopDatePicker.js +0 -13
- package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -13
- package/modern/DesktopTimePicker/DesktopTimePicker.js +0 -12
- package/modern/DigitalClock/DigitalClock.js +17 -25
- package/modern/LocalizationProvider/LocalizationProvider.js +0 -6
- package/modern/MobileDatePicker/MobileDatePicker.js +0 -13
- package/modern/MobileDateTimePicker/MobileDateTimePicker.js +0 -13
- package/modern/MobileTimePicker/MobileTimePicker.js +0 -12
- package/modern/MonthCalendar/MonthCalendar.js +3 -7
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.js +7 -18
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
- package/modern/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +13 -10
- package/modern/PickersCalendarHeader/PickersCalendarHeader.js +13 -19
- package/modern/PickersLayout/PickersLayout.js +0 -12
- package/modern/PickersLayout/usePickerLayout.js +2 -7
- package/modern/StaticDatePicker/StaticDatePicker.js +0 -13
- package/modern/StaticDateTimePicker/StaticDateTimePicker.js +0 -13
- package/modern/StaticTimePicker/StaticTimePicker.js +0 -12
- package/modern/TimeClock/TimeClock.js +3 -20
- package/modern/TimeField/TimeField.js +4 -20
- package/modern/TimePicker/TimePicker.js +0 -12
- package/modern/TimePicker/shared.js +3 -6
- package/modern/YearCalendar/YearCalendar.js +4 -8
- package/modern/dateTimeViewRenderers/dateTimeViewRenderers.js +1 -7
- package/modern/dateViewRenderers/dateViewRenderers.js +0 -4
- package/modern/hooks/useClearableField.js +5 -7
- package/modern/index.js +4 -1
- package/modern/internals/hooks/useField/useField.utils.js +0 -1
- package/modern/internals/hooks/useField/useFieldState.js +1 -1
- package/modern/internals/index.js +0 -1
- package/modern/internals/utils/getDefaultReferenceDate.js +0 -1
- package/modern/locales/esES.js +6 -7
- package/modern/locales/eu.js +58 -0
- package/modern/locales/index.js +1 -0
- package/modern/timeViewRenderers/timeViewRenderers.js +0 -12
- package/node/AdapterDateFns/AdapterDateFns.js +8 -90
- package/node/AdapterDateFnsJalali/AdapterDateFnsJalali.js +8 -90
- package/node/AdapterDayjs/AdapterDayjs.js +11 -59
- package/node/AdapterLuxon/AdapterLuxon.js +16 -76
- package/node/AdapterMoment/AdapterMoment.js +9 -65
- package/node/AdapterMomentHijri/AdapterMomentHijri.js +1 -30
- package/node/AdapterMomentJalaali/AdapterMomentJalaali.js +1 -40
- package/node/DateCalendar/DateCalendar.js +3 -20
- package/node/DateCalendar/DayCalendar.js +11 -19
- package/node/DateCalendar/index.js +1 -21
- package/node/DateCalendar/useCalendarState.js +1 -2
- package/node/DateField/DateField.js +4 -20
- package/node/DatePicker/DatePicker.js +0 -13
- package/node/DatePicker/shared.js +1 -4
- package/node/DateTimeField/DateTimeField.js +4 -20
- package/node/DateTimePicker/DateTimePicker.js +0 -13
- package/node/DateTimePicker/shared.js +3 -6
- package/node/DesktopDatePicker/DesktopDatePicker.js +0 -13
- package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -13
- package/node/DesktopTimePicker/DesktopTimePicker.js +0 -12
- package/node/DigitalClock/DigitalClock.js +17 -25
- package/node/LocalizationProvider/LocalizationProvider.js +0 -6
- package/node/MobileDatePicker/MobileDatePicker.js +0 -13
- package/node/MobileDateTimePicker/MobileDateTimePicker.js +0 -13
- package/node/MobileTimePicker/MobileTimePicker.js +0 -12
- package/node/MonthCalendar/MonthCalendar.js +3 -7
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.js +7 -18
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClock.utils.js +16 -6
- package/node/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +13 -10
- package/node/PickersCalendarHeader/PickersCalendarHeader.js +13 -19
- package/node/PickersLayout/PickersLayout.js +0 -12
- package/node/PickersLayout/usePickerLayout.js +2 -7
- package/node/StaticDatePicker/StaticDatePicker.js +0 -13
- package/node/StaticDateTimePicker/StaticDateTimePicker.js +0 -13
- package/node/StaticTimePicker/StaticTimePicker.js +0 -12
- package/node/TimeClock/TimeClock.js +3 -20
- package/node/TimeField/TimeField.js +4 -20
- package/node/TimePicker/TimePicker.js +0 -12
- package/node/TimePicker/shared.js +3 -6
- package/node/YearCalendar/YearCalendar.js +4 -8
- package/node/dateTimeViewRenderers/dateTimeViewRenderers.js +1 -7
- package/node/dateViewRenderers/dateViewRenderers.js +0 -4
- package/node/hooks/useClearableField.js +5 -7
- package/node/index.js +13 -1
- package/node/internals/hooks/useField/useField.utils.js +0 -1
- package/node/internals/hooks/useField/useFieldState.js +1 -1
- package/node/internals/index.js +0 -7
- package/node/internals/utils/getDefaultReferenceDate.js +1 -3
- package/node/locales/esES.js +6 -7
- package/node/locales/eu.js +64 -0
- package/node/locales/index.js +11 -0
- package/node/timeViewRenderers/timeViewRenderers.js +0 -12
- package/package.json +1 -1
- package/themeAugmentation/overrides.d.ts +1 -1
- package/timeViewRenderers/timeViewRenderers.d.ts +3 -3
- package/timeViewRenderers/timeViewRenderers.js +0 -12
- package/internals/utils/slots-migration.d.ts +0 -36
- package/internals/utils/slots-migration.js +0 -13
- package/legacy/internals/utils/slots-migration.js +0 -14
- package/modern/internals/utils/slots-migration.js +0 -13
- package/node/internals/utils/slots-migration.js +0 -21
|
@@ -2,24 +2,23 @@ import * as React from 'react';
|
|
|
2
2
|
import { DialogProps as MuiDialogProps } from '@mui/material/Dialog';
|
|
3
3
|
import { PaperProps as MuiPaperProps } from '@mui/material/Paper/Paper';
|
|
4
4
|
import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions/transition';
|
|
5
|
-
import { UncapitalizeObjectKeys } from '../utils/slots-migration';
|
|
6
5
|
import { UsePickerValueActions } from '../hooks/usePicker/usePickerValue.types';
|
|
7
6
|
export interface PickersModalDialogSlotsComponent {
|
|
8
7
|
/**
|
|
9
8
|
* Custom component for the dialog inside which the views are rendered on mobile.
|
|
10
9
|
* @default PickersModalDialogRoot
|
|
11
10
|
*/
|
|
12
|
-
|
|
11
|
+
dialog?: React.ElementType<MuiDialogProps>;
|
|
13
12
|
/**
|
|
14
13
|
* Custom component for the paper rendered inside the mobile picker's Dialog.
|
|
15
14
|
* @default Paper from '@mui/material'.
|
|
16
15
|
*/
|
|
17
|
-
|
|
16
|
+
mobilePaper?: React.JSXElementConstructor<MuiPaperProps>;
|
|
18
17
|
/**
|
|
19
18
|
* Custom component for the mobile dialog [Transition](https://mui.com/material-ui/transitions/).
|
|
20
19
|
* @default Fade from '@mui/material'.
|
|
21
20
|
*/
|
|
22
|
-
|
|
21
|
+
mobileTransition?: React.JSXElementConstructor<MuiTransitionProps>;
|
|
23
22
|
}
|
|
24
23
|
export interface PickersModalDialogSlotsComponentsProps {
|
|
25
24
|
/**
|
|
@@ -40,7 +39,7 @@ export interface PickersModalDialogProps extends UsePickerValueActions {
|
|
|
40
39
|
* Overridable component slots.
|
|
41
40
|
* @default {}
|
|
42
41
|
*/
|
|
43
|
-
slots?:
|
|
42
|
+
slots?: PickersModalDialogSlotsComponent;
|
|
44
43
|
/**
|
|
45
44
|
* The props used for each component slot.
|
|
46
45
|
* @default {}
|
|
@@ -5,7 +5,6 @@ import MuiPopper, { PopperProps as MuiPopperProps, PopperPlacementType } from '@
|
|
|
5
5
|
import { TrapFocusProps as MuiTrapFocusProps } from '@mui/material/Unstable_TrapFocus';
|
|
6
6
|
import { TransitionProps as MuiTransitionProps } from '@mui/material/transitions';
|
|
7
7
|
import { PickersPopperClasses } from './pickersPopperClasses';
|
|
8
|
-
import { UncapitalizeObjectKeys } from '../utils/slots-migration';
|
|
9
8
|
import { UsePickerValueActions } from '../hooks/usePicker/usePickerValue.types';
|
|
10
9
|
interface PickersPopperOwnerState extends PickerPopperProps {
|
|
11
10
|
placement: PopperPlacementType;
|
|
@@ -15,22 +14,22 @@ export interface PickersPopperSlotsComponent {
|
|
|
15
14
|
* Custom component for the paper rendered inside the desktop picker's Popper.
|
|
16
15
|
* @default PickersPopperPaper
|
|
17
16
|
*/
|
|
18
|
-
|
|
17
|
+
desktopPaper?: React.JSXElementConstructor<MuiPaperProps>;
|
|
19
18
|
/**
|
|
20
19
|
* Custom component for the desktop popper [Transition](https://mui.com/material-ui/transitions/).
|
|
21
20
|
* @default Grow or Fade from '@mui/material' when `reduceAnimations` is `true`.
|
|
22
21
|
*/
|
|
23
|
-
|
|
22
|
+
desktopTransition?: React.JSXElementConstructor<MuiTransitionProps>;
|
|
24
23
|
/**
|
|
25
24
|
* Custom component for trapping the focus inside the views on desktop.
|
|
26
25
|
* @default FocusTrap from '@mui/base'.
|
|
27
26
|
*/
|
|
28
|
-
|
|
27
|
+
desktopTrapFocus?: React.JSXElementConstructor<MuiTrapFocusProps>;
|
|
29
28
|
/**
|
|
30
29
|
* Custom component for the popper inside which the views are rendered on desktop.
|
|
31
30
|
* @default Popper from '@mui/material'.
|
|
32
31
|
*/
|
|
33
|
-
|
|
32
|
+
popper?: React.ElementType<MuiPopperProps>;
|
|
34
33
|
}
|
|
35
34
|
export interface PickersPopperSlotsComponentsProps {
|
|
36
35
|
/**
|
|
@@ -58,7 +57,7 @@ export interface PickerPopperProps extends UsePickerValueActions {
|
|
|
58
57
|
containerRef?: React.Ref<HTMLDivElement>;
|
|
59
58
|
children?: React.ReactNode;
|
|
60
59
|
onBlur?: () => void;
|
|
61
|
-
slots?:
|
|
60
|
+
slots?: PickersPopperSlotsComponent;
|
|
62
61
|
slotProps?: PickersPopperSlotsComponentsProps;
|
|
63
62
|
classes?: Partial<PickersPopperClasses>;
|
|
64
63
|
shouldRestoreFocus?: () => boolean;
|
|
@@ -10,34 +10,33 @@ import { BaseSingleInputFieldProps, FieldSection, MuiPickersAdapter } from '../.
|
|
|
10
10
|
import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps, PickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
|
|
11
11
|
import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
|
|
12
12
|
import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';
|
|
13
|
-
import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
|
|
14
13
|
import { DateOrTimeViewWithMeridiem } from '../../models';
|
|
15
14
|
import { FieldSlotsComponents, FieldSlotsComponentsProps } from '../useField';
|
|
16
|
-
export interface UseDesktopPickerSlotsComponent<TDate, TView extends DateOrTimeViewWithMeridiem> extends Pick<PickersPopperSlotsComponent, '
|
|
15
|
+
export interface UseDesktopPickerSlotsComponent<TDate, TView extends DateOrTimeViewWithMeridiem> extends Pick<PickersPopperSlotsComponent, 'desktopPaper' | 'desktopTransition' | 'desktopTrapFocus' | 'popper'>, ExportedPickersLayoutSlotsComponent<TDate | null, TDate, TView>, FieldSlotsComponents {
|
|
17
16
|
/**
|
|
18
17
|
* Component used to enter the date with the keyboard.
|
|
19
18
|
*/
|
|
20
|
-
|
|
19
|
+
field: React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, any>>;
|
|
21
20
|
/**
|
|
22
21
|
* Form control with an input to render the value inside the default field.
|
|
23
22
|
* Receives the same props as `@mui/material/TextField`.
|
|
24
23
|
* @default TextField from '@mui/material'
|
|
25
24
|
*/
|
|
26
|
-
|
|
25
|
+
textField?: React.ElementType<TextFieldProps>;
|
|
27
26
|
/**
|
|
28
27
|
* Component displayed on the start or end input adornment used to open the picker on desktop.
|
|
29
28
|
* @default InputAdornment
|
|
30
29
|
*/
|
|
31
|
-
|
|
30
|
+
inputAdornment?: React.ElementType<InputAdornmentProps>;
|
|
32
31
|
/**
|
|
33
32
|
* Button to open the picker on desktop.
|
|
34
33
|
* @default IconButton
|
|
35
34
|
*/
|
|
36
|
-
|
|
35
|
+
openPickerButton?: React.ElementType<IconButtonProps>;
|
|
37
36
|
/**
|
|
38
37
|
* Icon displayed in the open picker button on desktop.
|
|
39
38
|
*/
|
|
40
|
-
|
|
39
|
+
openPickerIcon: React.ElementType;
|
|
41
40
|
}
|
|
42
41
|
export interface UseDesktopPickerSlotsComponentsProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends ExportedUseDesktopPickerSlotsComponentsProps<TDate, TView>, Pick<PickersLayoutSlotsComponentsProps<TDate | null, TDate, TView>, 'toolbar'> {
|
|
43
42
|
}
|
|
@@ -59,7 +58,7 @@ export interface UseDesktopPickerProps<TDate, TView extends DateOrTimeViewWithMe
|
|
|
59
58
|
* Overridable component slots.
|
|
60
59
|
* @default {}
|
|
61
60
|
*/
|
|
62
|
-
slots:
|
|
61
|
+
slots: UseDesktopPickerSlotsComponent<TDate, TView>;
|
|
63
62
|
/**
|
|
64
63
|
* The props used for each component slot.
|
|
65
64
|
* @default {}
|
|
@@ -323,12 +323,12 @@ export interface FieldSlotsComponents {
|
|
|
323
323
|
* Icon to display inside the clear button.
|
|
324
324
|
* @default ClearIcon
|
|
325
325
|
*/
|
|
326
|
-
|
|
326
|
+
clearIcon?: React.ElementType;
|
|
327
327
|
/**
|
|
328
328
|
* Button to clear the value.
|
|
329
329
|
* @default IconButton
|
|
330
330
|
*/
|
|
331
|
-
|
|
331
|
+
clearButton?: React.ElementType;
|
|
332
332
|
}
|
|
333
333
|
export interface FieldSlotsComponentsProps {
|
|
334
334
|
clearIcon?: SlotComponentProps<typeof ClearIcon, {}, {}>;
|
|
@@ -357,7 +357,6 @@ export const splitFormatIntoSections = (utils, timezone, localeText, format, dat
|
|
|
357
357
|
maxLength,
|
|
358
358
|
value: sectionValue,
|
|
359
359
|
placeholder: getSectionPlaceholder(utils, timezone, localeText, sectionConfig, token),
|
|
360
|
-
hasLeadingZeros: hasLeadingZerosInFormat,
|
|
361
360
|
hasLeadingZerosInFormat,
|
|
362
361
|
hasLeadingZerosInInput,
|
|
363
362
|
startSeparator: sections.length === 0 ? startSeparator : '',
|
|
@@ -249,7 +249,7 @@ export const useFieldState = params => {
|
|
|
249
249
|
}, [format, utils.locale]); // eslint-disable-line react-hooks/exhaustive-deps
|
|
250
250
|
|
|
251
251
|
React.useEffect(() => {
|
|
252
|
-
let shouldUpdate
|
|
252
|
+
let shouldUpdate;
|
|
253
253
|
if (!valueManager.areValuesEqual(utils, state.value, valueFromTheOutside)) {
|
|
254
254
|
shouldUpdate = true;
|
|
255
255
|
} else {
|
|
@@ -8,19 +8,18 @@ import { BaseSingleInputFieldProps, FieldSection, MuiPickersAdapter } from '../.
|
|
|
8
8
|
import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps, PickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
|
|
9
9
|
import { UsePickerValueNonStaticProps } from '../usePicker/usePickerValue.types';
|
|
10
10
|
import { UsePickerViewsNonStaticProps, UsePickerViewsProps } from '../usePicker/usePickerViews';
|
|
11
|
-
import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
|
|
12
11
|
import { DateOrTimeViewWithMeridiem } from '../../models';
|
|
13
12
|
export interface UseMobilePickerSlotsComponent<TDate, TView extends DateOrTimeViewWithMeridiem> extends PickersModalDialogSlotsComponent, ExportedPickersLayoutSlotsComponent<TDate | null, TDate, TView> {
|
|
14
13
|
/**
|
|
15
14
|
* Component used to enter the date with the keyboard.
|
|
16
15
|
*/
|
|
17
|
-
|
|
16
|
+
field: React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, any>>;
|
|
18
17
|
/**
|
|
19
18
|
* Form control with an input to render the value inside the default field.
|
|
20
19
|
* Receives the same props as `@mui/material/TextField`.
|
|
21
20
|
* @default TextField from '@mui/material'
|
|
22
21
|
*/
|
|
23
|
-
|
|
22
|
+
textField?: React.ElementType<TextFieldProps>;
|
|
24
23
|
}
|
|
25
24
|
export interface ExportedUseMobilePickerSlotsComponentsProps<TDate, TView extends DateOrTimeViewWithMeridiem> extends PickersModalDialogSlotsComponentsProps, ExportedPickersLayoutSlotsComponentsProps<TDate | null, TDate, TView> {
|
|
26
25
|
field?: SlotComponentProps<React.ElementType<BaseSingleInputFieldProps<TDate | null, TDate, FieldSection, unknown>>, {}, UsePickerProps<TDate | null, TDate, any, FieldSection, any, any, any>>;
|
|
@@ -35,7 +34,7 @@ export interface UseMobilePickerProps<TDate, TView extends DateOrTimeViewWithMer
|
|
|
35
34
|
* Overridable component slots.
|
|
36
35
|
* @default {}
|
|
37
36
|
*/
|
|
38
|
-
slots:
|
|
37
|
+
slots: UseMobilePickerSlotsComponent<TDate, TView>;
|
|
39
38
|
/**
|
|
40
39
|
* The props used for each component slot.
|
|
41
40
|
* @default {}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ExportedPickersLayoutSlotsComponent, ExportedPickersLayoutSlotsComponentsProps } from '../../../PickersLayout/PickersLayout.types';
|
|
3
3
|
import { BasePickerProps } from '../../models/props/basePickerProps';
|
|
4
|
-
import { UncapitalizeObjectKeys } from '../../utils/slots-migration';
|
|
5
4
|
import { UsePickerParams } from '../usePicker';
|
|
6
5
|
import { UsePickerViewsProps } from '../usePicker/usePickerViews';
|
|
7
6
|
import { FieldSection } from '../../../models';
|
|
@@ -28,23 +27,11 @@ export interface StaticOnlyPickerProps {
|
|
|
28
27
|
onClose?: () => void;
|
|
29
28
|
}
|
|
30
29
|
export interface UseStaticPickerProps<TDate, TView extends DateOrTimeViewWithMeridiem, TError, TExternalProps extends UsePickerViewsProps<TDate | null, TDate, TView, any, any>> extends BasePickerProps<TDate | null, TDate, TView, TError, TExternalProps, {}>, StaticOnlyPickerProps {
|
|
31
|
-
/**
|
|
32
|
-
* Overridable components.
|
|
33
|
-
* @default {}
|
|
34
|
-
* @deprecated Please use `slots`.
|
|
35
|
-
*/
|
|
36
|
-
components?: UseStaticPickerSlotsComponent<TDate, TView>;
|
|
37
|
-
/**
|
|
38
|
-
* The props used for each component slot.
|
|
39
|
-
* @default {}
|
|
40
|
-
* @deprecated Please use `slotProps`.
|
|
41
|
-
*/
|
|
42
|
-
componentsProps?: UseStaticPickerSlotsComponentsProps<TDate, TView>;
|
|
43
30
|
/**
|
|
44
31
|
* Overridable component slots.
|
|
45
32
|
* @default {}
|
|
46
33
|
*/
|
|
47
|
-
slots?:
|
|
34
|
+
slots?: UseStaticPickerSlotsComponent<TDate | null, TView>;
|
|
48
35
|
/**
|
|
49
36
|
* The props used for each component slot.
|
|
50
37
|
* @default {}
|
package/internals/index.d.ts
CHANGED
|
@@ -53,8 +53,6 @@ export { validateDate } from './utils/validation/validateDate';
|
|
|
53
53
|
export { validateDateTime } from './utils/validation/validateDateTime';
|
|
54
54
|
export { validateTime } from './utils/validation/validateTime';
|
|
55
55
|
export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
|
|
56
|
-
export { uncapitalizeObjectKeys } from './utils/slots-migration';
|
|
57
|
-
export type { UncapitalizeObjectKeys, SlotsAndSlotProps } from './utils/slots-migration';
|
|
58
56
|
export { DayCalendar } from '../DateCalendar/DayCalendar';
|
|
59
57
|
export type { DayCalendarProps, DayCalendarSlotsComponent, DayCalendarSlotsComponentsProps, ExportedDayCalendarProps, } from '../DateCalendar/DayCalendar';
|
|
60
58
|
export type { ExportedDateCalendarProps } from '../DateCalendar/DateCalendar.types';
|
package/internals/index.js
CHANGED
|
@@ -26,6 +26,5 @@ export { validateDate } from './utils/validation/validateDate';
|
|
|
26
26
|
export { validateDateTime } from './utils/validation/validateDateTime';
|
|
27
27
|
export { validateTime } from './utils/validation/validateTime';
|
|
28
28
|
export { buildDeprecatedPropsWarning, buildWarning } from './utils/warning';
|
|
29
|
-
export { uncapitalizeObjectKeys } from './utils/slots-migration';
|
|
30
29
|
export { DayCalendar } from '../DateCalendar/DayCalendar';
|
|
31
30
|
export { useCalendarState } from '../DateCalendar/useCalendarState';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getTodayDate } from './date-utils';
|
|
2
|
-
import {
|
|
2
|
+
import { FieldSection, MuiPickersAdapter, PickersTimezone } from '../../models';
|
|
3
3
|
export interface GetDefaultReferenceDateProps<TDate> {
|
|
4
4
|
maxDate?: TDate;
|
|
5
5
|
minDate?: TDate;
|
|
@@ -17,7 +17,6 @@ export declare const SECTION_TYPE_GRANULARITY: {
|
|
|
17
17
|
milliseconds: number;
|
|
18
18
|
};
|
|
19
19
|
export declare const getSectionTypeGranularity: (sections: FieldSection[]) => number;
|
|
20
|
-
export declare const getViewsGranularity: (views: readonly DateOrTimeView[]) => number;
|
|
21
20
|
export declare const getDefaultReferenceDate: <TDate>({ props, utils, granularity, timezone, getTodayDate: inGetTodayDate, }: {
|
|
22
21
|
props: GetDefaultReferenceDateProps<TDate>;
|
|
23
22
|
utils: MuiPickersAdapter<TDate, any>;
|
|
@@ -13,10 +13,6 @@ export const getSectionTypeGranularity = sections => Math.max(...sections.map(se
|
|
|
13
13
|
var _SECTION_TYPE_GRANULA;
|
|
14
14
|
return (_SECTION_TYPE_GRANULA = SECTION_TYPE_GRANULARITY[section.type]) != null ? _SECTION_TYPE_GRANULA : 1;
|
|
15
15
|
}));
|
|
16
|
-
export const getViewsGranularity = views => Math.max(...views.map(view => {
|
|
17
|
-
var _SECTION_TYPE_GRANULA2;
|
|
18
|
-
return (_SECTION_TYPE_GRANULA2 = SECTION_TYPE_GRANULARITY[view]) != null ? _SECTION_TYPE_GRANULA2 : 1;
|
|
19
|
-
}));
|
|
20
16
|
const roundDate = (utils, granularity, date) => {
|
|
21
17
|
if (granularity === SECTION_TYPE_GRANULARITY.year) {
|
|
22
18
|
return utils.startOfYear(date);
|
|
@@ -10,16 +10,6 @@ import addHours from 'date-fns/addHours';
|
|
|
10
10
|
import addWeeks from 'date-fns/addWeeks';
|
|
11
11
|
import addMonths from 'date-fns/addMonths';
|
|
12
12
|
import addYears from 'date-fns/addYears';
|
|
13
|
-
import differenceInYears from 'date-fns/differenceInYears';
|
|
14
|
-
import differenceInQuarters from 'date-fns/differenceInQuarters';
|
|
15
|
-
import differenceInMonths from 'date-fns/differenceInMonths';
|
|
16
|
-
import differenceInWeeks from 'date-fns/differenceInWeeks';
|
|
17
|
-
import differenceInDays from 'date-fns/differenceInDays';
|
|
18
|
-
import differenceInHours from 'date-fns/differenceInHours';
|
|
19
|
-
import differenceInMinutes from 'date-fns/differenceInMinutes';
|
|
20
|
-
import differenceInSeconds from 'date-fns/differenceInSeconds';
|
|
21
|
-
import differenceInMilliseconds from 'date-fns/differenceInMilliseconds';
|
|
22
|
-
import eachDayOfInterval from 'date-fns/eachDayOfInterval';
|
|
23
13
|
import endOfDay from 'date-fns/endOfDay';
|
|
24
14
|
import endOfWeek from 'date-fns/endOfWeek';
|
|
25
15
|
import endOfYear from 'date-fns/endOfYear';
|
|
@@ -54,8 +44,6 @@ import startOfMonth from 'date-fns/startOfMonth';
|
|
|
54
44
|
import endOfMonth from 'date-fns/endOfMonth';
|
|
55
45
|
import startOfWeek from 'date-fns/startOfWeek';
|
|
56
46
|
import startOfYear from 'date-fns/startOfYear';
|
|
57
|
-
import parseISO from 'date-fns/parseISO';
|
|
58
|
-
import formatISO from 'date-fns/formatISO';
|
|
59
47
|
import isWithinInterval from 'date-fns/isWithinInterval';
|
|
60
48
|
import defaultLocale from 'date-fns/locale/en-US';
|
|
61
49
|
// @ts-ignore
|
|
@@ -238,19 +226,13 @@ var defaultFormats = {
|
|
|
238
226
|
minutes: 'mm',
|
|
239
227
|
seconds: 'ss',
|
|
240
228
|
fullDate: 'PP',
|
|
241
|
-
fullDateWithWeekday: 'PPPP',
|
|
242
229
|
keyboardDate: 'P',
|
|
243
230
|
shortDate: 'MMM d',
|
|
244
231
|
normalDate: 'd MMMM',
|
|
245
232
|
normalDateWithWeekday: 'EEE, MMM d',
|
|
246
|
-
monthAndYear: 'LLLL yyyy',
|
|
247
|
-
monthAndDate: 'MMMM d',
|
|
248
233
|
fullTime: 'p',
|
|
249
234
|
fullTime12h: 'hh:mm aa',
|
|
250
235
|
fullTime24h: 'HH:mm',
|
|
251
|
-
fullDateTime: 'PP p',
|
|
252
|
-
fullDateTime12h: 'PP hh:mm aa',
|
|
253
|
-
fullDateTime24h: 'PP HH:mm',
|
|
254
236
|
keyboardDateTime: 'P p',
|
|
255
237
|
keyboardDateTime12h: 'P hh:mm aa',
|
|
256
238
|
keyboardDateTime24h: 'P HH:mm'
|
|
@@ -318,14 +300,6 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
318
300
|
this.toJsDate = function (value) {
|
|
319
301
|
return value;
|
|
320
302
|
};
|
|
321
|
-
this.parseISO = function (isoString) {
|
|
322
|
-
return parseISO(isoString);
|
|
323
|
-
};
|
|
324
|
-
this.toISO = function (value) {
|
|
325
|
-
return formatISO(value, {
|
|
326
|
-
format: 'extended'
|
|
327
|
-
});
|
|
328
|
-
};
|
|
329
303
|
this.parse = function (value, format) {
|
|
330
304
|
if (value === '') {
|
|
331
305
|
return null;
|
|
@@ -362,14 +336,11 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
362
336
|
return token;
|
|
363
337
|
}).join('');
|
|
364
338
|
};
|
|
365
|
-
this.getFormatHelperText = function (format) {
|
|
366
|
-
return _this.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
|
|
367
|
-
};
|
|
368
|
-
this.isNull = function (value) {
|
|
369
|
-
return value === null;
|
|
370
|
-
};
|
|
371
339
|
this.isValid = function (value) {
|
|
372
|
-
|
|
340
|
+
if (value == null) {
|
|
341
|
+
return false;
|
|
342
|
+
}
|
|
343
|
+
return isValid(value);
|
|
373
344
|
};
|
|
374
345
|
this.format = function (value, formatKey) {
|
|
375
346
|
return _this.formatByString(value, _this.formats[formatKey]);
|
|
@@ -382,34 +353,13 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
382
353
|
this.formatNumber = function (numberToFormat) {
|
|
383
354
|
return numberToFormat;
|
|
384
355
|
};
|
|
385
|
-
this.getDiff = function (value, comparing, unit) {
|
|
386
|
-
switch (unit) {
|
|
387
|
-
case 'years':
|
|
388
|
-
return differenceInYears(value, _this.date(comparing));
|
|
389
|
-
case 'quarters':
|
|
390
|
-
return differenceInQuarters(value, _this.date(comparing));
|
|
391
|
-
case 'months':
|
|
392
|
-
return differenceInMonths(value, _this.date(comparing));
|
|
393
|
-
case 'weeks':
|
|
394
|
-
return differenceInWeeks(value, _this.date(comparing));
|
|
395
|
-
case 'days':
|
|
396
|
-
return differenceInDays(value, _this.date(comparing));
|
|
397
|
-
case 'hours':
|
|
398
|
-
return differenceInHours(value, _this.date(comparing));
|
|
399
|
-
case 'minutes':
|
|
400
|
-
return differenceInMinutes(value, _this.date(comparing));
|
|
401
|
-
case 'seconds':
|
|
402
|
-
return differenceInSeconds(value, _this.date(comparing));
|
|
403
|
-
default:
|
|
404
|
-
{
|
|
405
|
-
return differenceInMilliseconds(value, _this.date(comparing));
|
|
406
|
-
}
|
|
407
|
-
}
|
|
408
|
-
};
|
|
409
356
|
this.isEqual = function (value, comparing) {
|
|
410
357
|
if (value === null && comparing === null) {
|
|
411
358
|
return true;
|
|
412
359
|
}
|
|
360
|
+
if (value === null || comparing === null) {
|
|
361
|
+
return false;
|
|
362
|
+
}
|
|
413
363
|
return isEqual(value, comparing);
|
|
414
364
|
};
|
|
415
365
|
this.isSameYear = function (value, comparing) {
|
|
@@ -545,37 +495,6 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
545
495
|
this.getDaysInMonth = function (value) {
|
|
546
496
|
return getDaysInMonth(value);
|
|
547
497
|
};
|
|
548
|
-
this.getNextMonth = function (value) {
|
|
549
|
-
return addMonths(value, 1);
|
|
550
|
-
};
|
|
551
|
-
this.getPreviousMonth = function (value) {
|
|
552
|
-
return addMonths(value, -1);
|
|
553
|
-
};
|
|
554
|
-
this.getMonthArray = function (value) {
|
|
555
|
-
var firstMonth = startOfYear(value);
|
|
556
|
-
var monthArray = [firstMonth];
|
|
557
|
-
while (monthArray.length < 12) {
|
|
558
|
-
var prevMonth = monthArray[monthArray.length - 1];
|
|
559
|
-
monthArray.push(_this.getNextMonth(prevMonth));
|
|
560
|
-
}
|
|
561
|
-
return monthArray;
|
|
562
|
-
};
|
|
563
|
-
this.mergeDateAndTime = function (dateParam, timeParam) {
|
|
564
|
-
return _this.setSeconds(_this.setMinutes(_this.setHours(dateParam, _this.getHours(timeParam)), _this.getMinutes(timeParam)), _this.getSeconds(timeParam));
|
|
565
|
-
};
|
|
566
|
-
this.getWeekdays = function () {
|
|
567
|
-
var now = new Date();
|
|
568
|
-
return eachDayOfInterval({
|
|
569
|
-
start: startOfWeek(now, {
|
|
570
|
-
locale: _this.locale
|
|
571
|
-
}),
|
|
572
|
-
end: endOfWeek(now, {
|
|
573
|
-
locale: _this.locale
|
|
574
|
-
})
|
|
575
|
-
}).map(function (day) {
|
|
576
|
-
return _this.formatByString(day, 'EEEEEE');
|
|
577
|
-
});
|
|
578
|
-
};
|
|
579
498
|
this.getWeekArray = function (value) {
|
|
580
499
|
var start = startOfWeek(startOfMonth(value), {
|
|
581
500
|
locale: _this.locale
|
|
@@ -600,7 +519,10 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
600
519
|
locale: _this.locale
|
|
601
520
|
});
|
|
602
521
|
};
|
|
603
|
-
this.getYearRange = function (
|
|
522
|
+
this.getYearRange = function (_ref4) {
|
|
523
|
+
var _ref5 = _slicedToArray(_ref4, 2),
|
|
524
|
+
start = _ref5[0],
|
|
525
|
+
end = _ref5[1];
|
|
604
526
|
var startDate = startOfYear(start);
|
|
605
527
|
var endDate = endOfYear(end);
|
|
606
528
|
var years = [];
|
|
@@ -611,9 +533,6 @@ export var AdapterDateFns = /*#__PURE__*/_createClass(function AdapterDateFns()
|
|
|
611
533
|
}
|
|
612
534
|
return years;
|
|
613
535
|
};
|
|
614
|
-
this.getMeridiemText = function (ampm) {
|
|
615
|
-
return ampm === 'am' ? 'AM' : 'PM';
|
|
616
|
-
};
|
|
617
536
|
this.locale = _locale;
|
|
618
537
|
this.formats = _extends({}, defaultFormats, formats);
|
|
619
538
|
});
|
|
@@ -10,21 +10,10 @@ import addDays from 'date-fns-jalali/addDays';
|
|
|
10
10
|
import addWeeks from 'date-fns-jalali/addWeeks';
|
|
11
11
|
import addMonths from 'date-fns-jalali/addMonths';
|
|
12
12
|
import addYears from 'date-fns-jalali/addYears';
|
|
13
|
-
import differenceInYears from 'date-fns-jalali/differenceInYears';
|
|
14
|
-
import differenceInQuarters from 'date-fns-jalali/differenceInQuarters';
|
|
15
|
-
import differenceInMonths from 'date-fns-jalali/differenceInMonths';
|
|
16
|
-
import differenceInWeeks from 'date-fns-jalali/differenceInWeeks';
|
|
17
|
-
import differenceInDays from 'date-fns-jalali/differenceInDays';
|
|
18
|
-
import differenceInHours from 'date-fns-jalali/differenceInHours';
|
|
19
|
-
import differenceInMinutes from 'date-fns-jalali/differenceInMinutes';
|
|
20
|
-
import differenceInSeconds from 'date-fns-jalali/differenceInSeconds';
|
|
21
|
-
import differenceInMilliseconds from 'date-fns-jalali/differenceInMilliseconds';
|
|
22
|
-
import eachDayOfInterval from 'date-fns-jalali/eachDayOfInterval';
|
|
23
13
|
import endOfDay from 'date-fns-jalali/endOfDay';
|
|
24
14
|
import endOfWeek from 'date-fns-jalali/endOfWeek';
|
|
25
15
|
import endOfYear from 'date-fns-jalali/endOfYear';
|
|
26
16
|
import dateFnsFormat from 'date-fns-jalali/format';
|
|
27
|
-
import formatISO from 'date-fns-jalali/formatISO';
|
|
28
17
|
import getHours from 'date-fns-jalali/getHours';
|
|
29
18
|
import getSeconds from 'date-fns-jalali/getSeconds';
|
|
30
19
|
import getMilliseconds from 'date-fns-jalali/getMilliseconds';
|
|
@@ -43,7 +32,6 @@ import isSameMonth from 'date-fns-jalali/isSameMonth';
|
|
|
43
32
|
import isSameHour from 'date-fns-jalali/isSameHour';
|
|
44
33
|
import isValid from 'date-fns-jalali/isValid';
|
|
45
34
|
import dateFnsParse from 'date-fns-jalali/parse';
|
|
46
|
-
import parseISO from 'date-fns-jalali/parseISO';
|
|
47
35
|
import setDate from 'date-fns-jalali/setDate';
|
|
48
36
|
import setHours from 'date-fns-jalali/setHours';
|
|
49
37
|
import setMinutes from 'date-fns-jalali/setMinutes';
|
|
@@ -238,16 +226,10 @@ var defaultFormats = {
|
|
|
238
226
|
minutes: 'mm',
|
|
239
227
|
seconds: 'ss',
|
|
240
228
|
fullDate: 'PPP',
|
|
241
|
-
fullDateWithWeekday: 'PPPP',
|
|
242
229
|
keyboardDate: 'P',
|
|
243
230
|
shortDate: 'd MMM',
|
|
244
231
|
normalDate: 'd MMMM',
|
|
245
232
|
normalDateWithWeekday: 'EEE, d MMMM',
|
|
246
|
-
monthAndYear: 'LLLL yyyy',
|
|
247
|
-
monthAndDate: 'd MMMM',
|
|
248
|
-
fullDateTime: 'PPP p',
|
|
249
|
-
fullDateTime12h: 'PPP hh:mm aa',
|
|
250
|
-
fullDateTime24h: 'PPP HH:mm',
|
|
251
233
|
fullTime: 'p',
|
|
252
234
|
fullTime12h: 'hh:mm aaa',
|
|
253
235
|
fullTime24h: 'HH:mm',
|
|
@@ -330,14 +312,6 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
330
312
|
this.toJsDate = function (value) {
|
|
331
313
|
return value;
|
|
332
314
|
};
|
|
333
|
-
this.parseISO = function (isoString) {
|
|
334
|
-
return parseISO(isoString);
|
|
335
|
-
};
|
|
336
|
-
this.toISO = function (value) {
|
|
337
|
-
return formatISO(value, {
|
|
338
|
-
format: 'extended'
|
|
339
|
-
});
|
|
340
|
-
};
|
|
341
315
|
this.parse = function (value, format) {
|
|
342
316
|
if (value === '') {
|
|
343
317
|
return null;
|
|
@@ -374,14 +348,11 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
374
348
|
return token;
|
|
375
349
|
}).join('');
|
|
376
350
|
};
|
|
377
|
-
this.getFormatHelperText = function (format) {
|
|
378
|
-
return _this.expandFormat(format).replace(/(aaa|aa|a)/g, '(a|p)m').toLocaleLowerCase();
|
|
379
|
-
};
|
|
380
|
-
this.isNull = function (value) {
|
|
381
|
-
return value === null;
|
|
382
|
-
};
|
|
383
351
|
this.isValid = function (value) {
|
|
384
|
-
|
|
352
|
+
if (value == null) {
|
|
353
|
+
return false;
|
|
354
|
+
}
|
|
355
|
+
return isValid(value);
|
|
385
356
|
};
|
|
386
357
|
this.format = function (value, formatKey) {
|
|
387
358
|
return _this.formatByString(value, _this.formats[formatKey]);
|
|
@@ -396,34 +367,13 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
396
367
|
return NUMBER_SYMBOL_MAP[match];
|
|
397
368
|
}).replace(/,/g, '،');
|
|
398
369
|
};
|
|
399
|
-
this.getDiff = function (value, comparing, unit) {
|
|
400
|
-
switch (unit) {
|
|
401
|
-
case 'years':
|
|
402
|
-
return differenceInYears(value, _this.date(comparing));
|
|
403
|
-
case 'quarters':
|
|
404
|
-
return differenceInQuarters(value, _this.date(comparing));
|
|
405
|
-
case 'months':
|
|
406
|
-
return differenceInMonths(value, _this.date(comparing));
|
|
407
|
-
case 'weeks':
|
|
408
|
-
return differenceInWeeks(value, _this.date(comparing));
|
|
409
|
-
case 'days':
|
|
410
|
-
return differenceInDays(value, _this.date(comparing));
|
|
411
|
-
case 'hours':
|
|
412
|
-
return differenceInHours(value, _this.date(comparing));
|
|
413
|
-
case 'minutes':
|
|
414
|
-
return differenceInMinutes(value, _this.date(comparing));
|
|
415
|
-
case 'seconds':
|
|
416
|
-
return differenceInSeconds(value, _this.date(comparing));
|
|
417
|
-
default:
|
|
418
|
-
{
|
|
419
|
-
return differenceInMilliseconds(value, _this.date(comparing));
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
};
|
|
423
370
|
this.isEqual = function (value, comparing) {
|
|
424
371
|
if (value === null && comparing === null) {
|
|
425
372
|
return true;
|
|
426
373
|
}
|
|
374
|
+
if (value === null || comparing === null) {
|
|
375
|
+
return false;
|
|
376
|
+
}
|
|
427
377
|
return isEqual(value, comparing);
|
|
428
378
|
};
|
|
429
379
|
this.isSameYear = function (value, comparing) {
|
|
@@ -559,37 +509,6 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
559
509
|
this.getDaysInMonth = function (value) {
|
|
560
510
|
return getDaysInMonth(value);
|
|
561
511
|
};
|
|
562
|
-
this.getNextMonth = function (value) {
|
|
563
|
-
return addMonths(value, 1);
|
|
564
|
-
};
|
|
565
|
-
this.getPreviousMonth = function (value) {
|
|
566
|
-
return addMonths(value, -1);
|
|
567
|
-
};
|
|
568
|
-
this.getMonthArray = function (value) {
|
|
569
|
-
var firstMonth = startOfYear(value);
|
|
570
|
-
var monthArray = [firstMonth];
|
|
571
|
-
while (monthArray.length < 12) {
|
|
572
|
-
var prevMonth = monthArray[monthArray.length - 1];
|
|
573
|
-
monthArray.push(_this.getNextMonth(prevMonth));
|
|
574
|
-
}
|
|
575
|
-
return monthArray;
|
|
576
|
-
};
|
|
577
|
-
this.mergeDateAndTime = function (dateParam, timeParam) {
|
|
578
|
-
return _this.setSeconds(_this.setMinutes(_this.setHours(dateParam, _this.getHours(timeParam)), _this.getMinutes(timeParam)), _this.getSeconds(timeParam));
|
|
579
|
-
};
|
|
580
|
-
this.getWeekdays = function () {
|
|
581
|
-
var now = new Date();
|
|
582
|
-
return eachDayOfInterval({
|
|
583
|
-
start: startOfWeek(now, {
|
|
584
|
-
locale: _this.locale
|
|
585
|
-
}),
|
|
586
|
-
end: endOfWeek(now, {
|
|
587
|
-
locale: _this.locale
|
|
588
|
-
})
|
|
589
|
-
}).map(function (day) {
|
|
590
|
-
return _this.formatByString(day, 'EEEEEE');
|
|
591
|
-
});
|
|
592
|
-
};
|
|
593
512
|
this.getWeekArray = function (value) {
|
|
594
513
|
var start = startOfWeek(startOfMonth(value), {
|
|
595
514
|
locale: _this.locale
|
|
@@ -614,7 +533,10 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
614
533
|
locale: _this.locale
|
|
615
534
|
});
|
|
616
535
|
};
|
|
617
|
-
this.getYearRange = function (
|
|
536
|
+
this.getYearRange = function (_ref4) {
|
|
537
|
+
var _ref5 = _slicedToArray(_ref4, 2),
|
|
538
|
+
start = _ref5[0],
|
|
539
|
+
end = _ref5[1];
|
|
618
540
|
var startDate = startOfYear(start);
|
|
619
541
|
var endDate = endOfYear(end);
|
|
620
542
|
var years = [];
|
|
@@ -625,9 +547,6 @@ export var AdapterDateFnsJalali = /*#__PURE__*/_createClass(function AdapterDate
|
|
|
625
547
|
}
|
|
626
548
|
return years;
|
|
627
549
|
};
|
|
628
|
-
this.getMeridiemText = function (ampm) {
|
|
629
|
-
return ampm === 'am' ? 'ق.ظ' : 'ب.ظ';
|
|
630
|
-
};
|
|
631
550
|
this.locale = _locale;
|
|
632
551
|
this.formats = _extends({}, defaultFormats, formats);
|
|
633
552
|
});
|