@mui/x-date-pickers 9.0.0-alpha.4 → 9.0.0
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/AdapterDateFnsBase/AdapterDateFnsBase.mjs +1 -1
- package/AdapterDayjs/AdapterDayjs.mjs +1 -1
- package/AdapterLuxon/AdapterLuxon.mjs +1 -1
- package/AdapterMoment/AdapterMoment.mjs +1 -1
- package/AdapterMomentHijri/AdapterMomentHijri.mjs +1 -1
- package/AdapterMomentJalaali/AdapterMomentJalaali.mjs +1 -1
- package/CHANGELOG.md +374 -2
- package/DateCalendar/DateCalendar.js +1 -1
- package/DateCalendar/DateCalendar.mjs +1 -1
- package/DateCalendar/DayCalendar.d.mts +7 -7
- package/DateCalendar/DayCalendar.d.ts +7 -7
- package/DateCalendar/DayCalendar.js +23 -25
- package/DateCalendar/DayCalendar.mjs +23 -25
- package/DateField/DateField.d.mts +1 -1
- package/DateField/DateField.d.ts +1 -1
- package/DateField/DateField.js +22 -28
- package/DateField/DateField.mjs +22 -28
- package/DateField/DateField.types.d.mts +3 -3
- package/DateField/DateField.types.d.ts +3 -3
- package/DateField/useDateField.d.mts +1 -1
- package/DateField/useDateField.d.ts +1 -1
- package/DateField/useDateField.js +1 -1
- package/DateField/useDateField.mjs +1 -1
- package/DatePicker/DatePicker.d.mts +1 -1
- package/DatePicker/DatePicker.d.ts +1 -1
- package/DatePicker/DatePicker.js +1 -5
- package/DatePicker/DatePicker.mjs +1 -5
- package/DatePicker/DatePicker.types.d.mts +3 -3
- package/DatePicker/DatePicker.types.d.ts +3 -3
- package/DateTimeField/DateTimeField.d.mts +1 -1
- package/DateTimeField/DateTimeField.d.ts +1 -1
- package/DateTimeField/DateTimeField.js +22 -28
- package/DateTimeField/DateTimeField.mjs +22 -28
- package/DateTimeField/DateTimeField.types.d.mts +2 -2
- package/DateTimeField/DateTimeField.types.d.ts +2 -2
- package/DateTimeField/useDateTimeField.d.mts +1 -1
- package/DateTimeField/useDateTimeField.d.ts +1 -1
- package/DateTimeField/useDateTimeField.js +1 -1
- package/DateTimeField/useDateTimeField.mjs +1 -1
- package/DateTimePicker/DateTimePicker.d.mts +1 -1
- package/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/DateTimePicker/DateTimePicker.js +1 -5
- package/DateTimePicker/DateTimePicker.mjs +1 -5
- package/DateTimePicker/DateTimePicker.types.d.mts +3 -3
- package/DateTimePicker/DateTimePicker.types.d.ts +3 -3
- package/DesktopDatePicker/DesktopDatePicker.d.mts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.d.ts +1 -1
- package/DesktopDatePicker/DesktopDatePicker.js +1 -5
- package/DesktopDatePicker/DesktopDatePicker.mjs +1 -5
- package/DesktopDatePicker/DesktopDatePicker.types.d.mts +3 -3
- package/DesktopDatePicker/DesktopDatePicker.types.d.ts +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.mts +1 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +1 -1
- package/DesktopDateTimePicker/DesktopDateTimePicker.js +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.mjs +1 -5
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.mts +3 -3
- package/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +3 -3
- package/DesktopTimePicker/DesktopTimePicker.d.mts +1 -1
- package/DesktopTimePicker/DesktopTimePicker.d.ts +1 -1
- package/DesktopTimePicker/DesktopTimePicker.js +0 -4
- package/DesktopTimePicker/DesktopTimePicker.mjs +0 -4
- package/DesktopTimePicker/DesktopTimePicker.types.d.mts +3 -3
- package/DesktopTimePicker/DesktopTimePicker.types.d.ts +3 -3
- package/DigitalClock/DigitalClock.d.mts +1 -1
- package/DigitalClock/DigitalClock.d.ts +1 -1
- package/DigitalClock/DigitalClock.js +2 -2
- package/DigitalClock/DigitalClock.mjs +3 -3
- package/LocalizationProvider/LocalizationProvider.d.mts +0 -6
- package/LocalizationProvider/LocalizationProvider.d.ts +0 -6
- package/LocalizationProvider/LocalizationProvider.js +1 -10
- package/LocalizationProvider/LocalizationProvider.mjs +0 -9
- package/LocalizationProvider/index.d.mts +1 -1
- package/LocalizationProvider/index.d.ts +1 -1
- package/LocalizationProvider/index.js +0 -6
- package/LocalizationProvider/index.mjs +1 -1
- package/MobileDatePicker/MobileDatePicker.d.mts +1 -1
- package/MobileDatePicker/MobileDatePicker.d.ts +1 -1
- package/MobileDatePicker/MobileDatePicker.js +1 -5
- package/MobileDatePicker/MobileDatePicker.mjs +1 -5
- package/MobileDatePicker/MobileDatePicker.types.d.mts +3 -3
- package/MobileDatePicker/MobileDatePicker.types.d.ts +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.d.mts +1 -1
- package/MobileDateTimePicker/MobileDateTimePicker.d.ts +1 -1
- package/MobileDateTimePicker/MobileDateTimePicker.js +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.mjs +1 -5
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.mts +3 -3
- package/MobileDateTimePicker/MobileDateTimePicker.types.d.ts +3 -3
- package/MobileTimePicker/MobileTimePicker.d.mts +1 -1
- package/MobileTimePicker/MobileTimePicker.d.ts +1 -1
- package/MobileTimePicker/MobileTimePicker.js +0 -4
- package/MobileTimePicker/MobileTimePicker.mjs +0 -4
- package/MobileTimePicker/MobileTimePicker.types.d.mts +3 -3
- package/MobileTimePicker/MobileTimePicker.types.d.ts +3 -3
- package/MonthCalendar/MonthCalendarButton.js +2 -2
- package/MonthCalendar/MonthCalendarButton.mjs +3 -3
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.js +2 -2
- package/MultiSectionDigitalClock/MultiSectionDigitalClockSection.mjs +3 -3
- package/PickerDay/PickerDay.d.mts +14 -0
- package/PickerDay/PickerDay.d.ts +14 -0
- package/{PickerDay2/PickerDay2.js → PickerDay/PickerDay.js} +110 -45
- package/{PickerDay2/PickerDay2.mjs → PickerDay/PickerDay.mjs} +110 -45
- package/PickerDay/PickerDay.types.d.mts +137 -0
- package/PickerDay/PickerDay.types.d.ts +137 -0
- package/PickerDay/index.d.mts +4 -0
- package/PickerDay/index.d.ts +4 -0
- package/PickerDay/index.js +25 -0
- package/PickerDay/index.mjs +2 -0
- package/{PickerDay2/pickerDay2Classes.d.mts → PickerDay/pickerDayClasses.d.mts} +4 -4
- package/{PickerDay2/pickerDay2Classes.d.ts → PickerDay/pickerDayClasses.d.ts} +4 -4
- package/PickerDay/pickerDayClasses.js +14 -0
- package/PickerDay/pickerDayClasses.mjs +6 -0
- package/PickersTextField/PickersFilledInput/PickersFilledInput.js +37 -16
- package/PickersTextField/PickersFilledInput/PickersFilledInput.mjs +37 -16
- package/PickersTextField/PickersInput/PickersInput.js +35 -14
- package/PickersTextField/PickersInput/PickersInput.mjs +35 -14
- package/PickersTextField/PickersInputBase/PickersInputBase.js +38 -8
- package/PickersTextField/PickersInputBase/PickersInputBase.mjs +38 -8
- package/PickersTextField/PickersInputBase/PickersInputBase.types.d.mts +56 -13
- package/PickersTextField/PickersInputBase/PickersInputBase.types.d.ts +56 -13
- package/PickersTextField/PickersOutlinedInput/Outline.js +1 -1
- package/PickersTextField/PickersOutlinedInput/Outline.mjs +1 -1
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.js +33 -11
- package/PickersTextField/PickersOutlinedInput/PickersOutlinedInput.mjs +33 -11
- package/PickersTextField/PickersTextField.js +92 -39
- package/PickersTextField/PickersTextField.mjs +92 -39
- package/PickersTextField/PickersTextField.types.d.mts +56 -28
- package/PickersTextField/PickersTextField.types.d.ts +56 -28
- package/PickersTextField/index.d.mts +1 -1
- package/PickersTextField/index.d.ts +1 -1
- package/StaticDatePicker/StaticDatePicker.js +1 -1
- package/StaticDatePicker/StaticDatePicker.mjs +1 -1
- package/StaticDateTimePicker/StaticDateTimePicker.js +1 -1
- package/StaticDateTimePicker/StaticDateTimePicker.mjs +1 -1
- package/TimeField/TimeField.d.mts +1 -1
- package/TimeField/TimeField.d.ts +1 -1
- package/TimeField/TimeField.js +23 -29
- package/TimeField/TimeField.mjs +23 -29
- package/TimeField/TimeField.types.d.mts +2 -2
- package/TimeField/TimeField.types.d.ts +2 -2
- package/TimeField/useTimeField.d.mts +1 -1
- package/TimeField/useTimeField.d.ts +1 -1
- package/TimePicker/TimePicker.d.mts +1 -1
- package/TimePicker/TimePicker.d.ts +1 -1
- package/TimePicker/TimePicker.js +0 -4
- package/TimePicker/TimePicker.mjs +0 -4
- package/TimePicker/TimePicker.types.d.mts +3 -3
- package/TimePicker/TimePicker.types.d.ts +3 -3
- package/YearCalendar/YearCalendarButton.js +2 -2
- package/YearCalendar/YearCalendarButton.mjs +3 -3
- package/hooks/useParsedFormat.js +5 -7
- package/hooks/useParsedFormat.mjs +5 -7
- package/hooks/useSplitFieldProps.d.mts +1 -1
- package/hooks/useSplitFieldProps.d.ts +1 -1
- package/hooks/useSplitFieldProps.js +1 -1
- package/hooks/useSplitFieldProps.mjs +1 -1
- package/index.d.mts +1 -2
- package/index.d.ts +1 -2
- package/index.js +2 -14
- package/index.mjs +2 -3
- package/internals/components/PickerFieldUI.d.mts +11 -17
- package/internals/components/PickerFieldUI.d.ts +11 -17
- package/internals/components/PickerFieldUI.js +65 -114
- package/internals/components/PickerFieldUI.mjs +65 -114
- package/internals/components/PickerPopper/PickerPopper.js +3 -0
- package/internals/components/PickerPopper/PickerPopper.mjs +3 -0
- package/internals/components/PickersToolbar.js +3 -1
- package/internals/components/PickersToolbar.mjs +3 -1
- package/internals/demo/DemoContainer.js +6 -8
- package/internals/demo/DemoContainer.mjs +6 -8
- package/internals/hooks/PickerDay.types.d.mts +12 -0
- package/internals/hooks/PickerDay.types.d.ts +12 -0
- package/internals/hooks/useDesktopPicker/useDesktopPicker.d.mts +2 -2
- package/internals/hooks/useDesktopPicker/useDesktopPicker.d.ts +2 -2
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.mts +6 -6
- package/internals/hooks/useDesktopPicker/useDesktopPicker.types.d.ts +6 -6
- package/internals/hooks/useField/buildSectionsFromFormat.d.mts +0 -1
- package/internals/hooks/useField/buildSectionsFromFormat.d.ts +0 -1
- package/internals/hooks/useField/buildSectionsFromFormat.js +1 -1
- package/internals/hooks/useField/buildSectionsFromFormat.mjs +1 -1
- package/internals/hooks/useField/index.d.mts +1 -1
- package/internals/hooks/useField/index.d.ts +1 -1
- package/internals/hooks/useField/index.js +2 -8
- package/internals/hooks/useField/index.mjs +1 -1
- package/internals/hooks/useField/useField.d.mts +2 -2
- package/internals/hooks/useField/useField.d.ts +2 -2
- package/internals/hooks/useField/useField.js +265 -8
- package/internals/hooks/useField/useField.mjs +264 -8
- package/internals/hooks/useField/useField.types.d.mts +11 -50
- package/internals/hooks/useField/useField.types.d.ts +11 -50
- package/internals/hooks/useField/useField.utils.d.mts +2 -3
- package/internals/hooks/useField/useField.utils.d.ts +2 -3
- package/internals/hooks/useField/useField.utils.js +8 -65
- package/internals/hooks/useField/useField.utils.mjs +6 -62
- package/internals/hooks/useField/useFieldHiddenInputProps.d.mts +2 -4
- package/internals/hooks/useField/useFieldHiddenInputProps.d.ts +2 -4
- package/internals/hooks/useField/useFieldHiddenInputProps.js +1 -3
- package/internals/hooks/useField/useFieldHiddenInputProps.mjs +1 -3
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.js +0 -1
- package/internals/hooks/useField/useFieldInternalPropsWithDefaults.mjs +0 -1
- package/internals/hooks/useField/useFieldRootProps.d.mts +5 -5
- package/internals/hooks/useField/useFieldRootProps.d.ts +5 -5
- package/internals/hooks/useField/useFieldRootProps.js +183 -11
- package/internals/hooks/useField/useFieldRootProps.mjs +183 -11
- package/internals/hooks/useField/useFieldSectionContainerProps.d.mts +3 -5
- package/internals/hooks/useField/useFieldSectionContainerProps.d.ts +3 -5
- package/internals/hooks/useField/useFieldSectionContainerProps.js +2 -4
- package/internals/hooks/useField/useFieldSectionContainerProps.mjs +2 -4
- package/internals/hooks/useField/useFieldSectionContentProps.d.mts +6 -7
- package/internals/hooks/useField/useFieldSectionContentProps.d.ts +6 -7
- package/internals/hooks/useField/useFieldSectionContentProps.js +2 -4
- package/internals/hooks/useField/useFieldSectionContentProps.mjs +2 -4
- package/internals/hooks/useField/useFieldState.d.mts +4 -4
- package/internals/hooks/useField/useFieldState.d.ts +4 -4
- package/internals/hooks/useField/useFieldState.js +3 -6
- package/internals/hooks/useField/useFieldState.mjs +3 -6
- package/internals/hooks/useMobilePicker/useMobilePicker.d.mts +2 -2
- package/internals/hooks/useMobilePicker/useMobilePicker.d.ts +2 -2
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.mts +6 -6
- package/internals/hooks/useMobilePicker/useMobilePicker.types.d.ts +6 -6
- package/internals/hooks/useNullableFieldPrivateContext.d.mts +1 -1
- package/internals/hooks/useNullableFieldPrivateContext.d.ts +1 -1
- package/internals/hooks/usePicker/usePicker.js +1 -3
- package/internals/hooks/usePicker/usePicker.mjs +1 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.d.mts +2 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.d.ts +2 -3
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.js +3 -5
- package/{PickersDay → internals/hooks}/usePickerDayOwnerState.mjs +3 -5
- package/internals/index.d.mts +4 -4
- package/internals/index.d.ts +4 -4
- package/internals/index.js +9 -9
- package/internals/index.mjs +3 -3
- package/internals/models/manager.d.mts +3 -5
- package/internals/models/manager.d.ts +3 -5
- package/internals/utils/valueManagers.js +1 -2
- package/internals/utils/valueManagers.mjs +2 -3
- package/managers/index.d.mts +2 -2
- package/managers/index.d.ts +2 -2
- package/managers/useDateManager.d.mts +3 -6
- package/managers/useDateManager.d.ts +3 -6
- package/managers/useDateManager.js +2 -6
- package/managers/useDateManager.mjs +2 -6
- package/managers/useDateTimeManager.d.mts +3 -6
- package/managers/useDateTimeManager.d.ts +3 -6
- package/managers/useDateTimeManager.js +2 -6
- package/managers/useDateTimeManager.mjs +2 -6
- package/managers/useTimeManager.d.mts +4 -6
- package/managers/useTimeManager.d.ts +4 -6
- package/managers/useTimeManager.js +1 -3
- package/managers/useTimeManager.mjs +1 -3
- package/models/fields.d.mts +3 -4
- package/models/fields.d.ts +3 -4
- package/models/manager.d.mts +2 -8
- package/models/manager.d.ts +2 -8
- package/package.json +55 -69
- package/themeAugmentation/components.d.mts +4 -8
- package/themeAugmentation/components.d.ts +4 -8
- package/themeAugmentation/overrides.d.mts +2 -4
- package/themeAugmentation/overrides.d.ts +2 -4
- package/themeAugmentation/props.d.mts +5 -7
- package/themeAugmentation/props.d.ts +5 -7
- package/PickerDay2/PickerDay2.d.mts +0 -7
- package/PickerDay2/PickerDay2.d.ts +0 -7
- package/PickerDay2/PickerDay2.types.d.mts +0 -18
- package/PickerDay2/PickerDay2.types.d.ts +0 -18
- package/PickerDay2/index.d.mts +0 -4
- package/PickerDay2/index.d.ts +0 -4
- package/PickerDay2/index.js +0 -25
- package/PickerDay2/index.mjs +0 -2
- package/PickerDay2/pickerDay2Classes.js +0 -14
- package/PickerDay2/pickerDay2Classes.mjs +0 -6
- package/PickersDay/PickersDay.d.mts +0 -15
- package/PickersDay/PickersDay.d.ts +0 -15
- package/PickersDay/PickersDay.js +0 -384
- package/PickersDay/PickersDay.mjs +0 -377
- package/PickersDay/PickersDay.types.d.mts +0 -114
- package/PickersDay/PickersDay.types.d.ts +0 -114
- package/PickersDay/index.d.mts +0 -4
- package/PickersDay/index.d.ts +0 -4
- package/PickersDay/index.js +0 -25
- package/PickersDay/index.mjs +0 -2
- package/PickersDay/pickersDayClasses.d.mts +0 -19
- package/PickersDay/pickersDayClasses.d.ts +0 -19
- package/PickersDay/pickersDayClasses.js +0 -14
- package/PickersDay/pickersDayClasses.mjs +0 -6
- package/internals/hooks/useField/useFieldRootHandleKeyDown.d.mts +0 -16
- package/internals/hooks/useField/useFieldRootHandleKeyDown.d.ts +0 -16
- package/internals/hooks/useField/useFieldRootHandleKeyDown.js +0 -211
- package/internals/hooks/useField/useFieldRootHandleKeyDown.mjs +0 -205
- package/internals/hooks/useField/useFieldV6TextField.d.mts +0 -26
- package/internals/hooks/useField/useFieldV6TextField.d.ts +0 -26
- package/internals/hooks/useField/useFieldV6TextField.js +0 -422
- package/internals/hooks/useField/useFieldV6TextField.mjs +0 -413
- package/internals/hooks/useField/useFieldV7TextField.d.mts +0 -3
- package/internals/hooks/useField/useFieldV7TextField.d.ts +0 -3
- package/internals/hooks/useField/useFieldV7TextField.js +0 -272
- package/internals/hooks/useField/useFieldV7TextField.mjs +0 -264
- /package/{PickerDay2/PickerDay2.types.js → PickerDay/PickerDay.types.js} +0 -0
- /package/{PickerDay2/PickerDay2.types.mjs → PickerDay/PickerDay.types.mjs} +0 -0
- /package/{PickersDay/PickersDay.types.js → internals/hooks/PickerDay.types.js} +0 -0
- /package/{PickersDay/PickersDay.types.mjs → internals/hooks/PickerDay.types.mjs} +0 -0
|
@@ -1,377 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
|
|
3
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
4
|
-
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
5
|
-
const _excluded = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onClick", "onDaySelect", "onFocus", "onBlur", "onKeyDown", "onMouseDown", "onMouseEnter", "children", "isFirstVisibleCell", "isLastVisibleCell", "day", "selected", "disabled", "today", "outsideCurrentMonth", "disableMargin", "disableHighlightToday", "showDaysOutsideCurrentMonth"];
|
|
6
|
-
import * as React from 'react';
|
|
7
|
-
import PropTypes from 'prop-types';
|
|
8
|
-
import clsx from 'clsx';
|
|
9
|
-
import ButtonBase from '@mui/material/ButtonBase';
|
|
10
|
-
import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
|
|
11
|
-
import composeClasses from '@mui/utils/composeClasses';
|
|
12
|
-
import useForkRef from '@mui/utils/useForkRef';
|
|
13
|
-
import { alpha, styled, useThemeProps } from '@mui/material/styles';
|
|
14
|
-
import { usePickerAdapter } from "../hooks/usePickerAdapter.mjs";
|
|
15
|
-
import { DAY_SIZE, DAY_MARGIN } from "../internals/constants/dimensions.mjs";
|
|
16
|
-
import { getPickersDayUtilityClass, pickersDayClasses } from "./pickersDayClasses.mjs";
|
|
17
|
-
import { usePickerDayOwnerState } from "./usePickerDayOwnerState.mjs";
|
|
18
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
|
-
const useUtilityClasses = (classes, ownerState) => {
|
|
20
|
-
const {
|
|
21
|
-
isDaySelected,
|
|
22
|
-
isDayDisabled,
|
|
23
|
-
isDayCurrent,
|
|
24
|
-
isDayOutsideMonth,
|
|
25
|
-
disableMargin,
|
|
26
|
-
disableHighlightToday,
|
|
27
|
-
showDaysOutsideCurrentMonth
|
|
28
|
-
} = ownerState;
|
|
29
|
-
const isHiddenDaySpacingFiller = isDayOutsideMonth && !showDaysOutsideCurrentMonth;
|
|
30
|
-
const slots = {
|
|
31
|
-
root: ['root', isDaySelected && !isHiddenDaySpacingFiller && 'selected', isDayDisabled && 'disabled', !disableMargin && 'dayWithMargin', !disableHighlightToday && isDayCurrent && 'today', isDayOutsideMonth && showDaysOutsideCurrentMonth && 'dayOutsideMonth', isHiddenDaySpacingFiller && 'hiddenDaySpacingFiller'],
|
|
32
|
-
hiddenDaySpacingFiller: ['hiddenDaySpacingFiller']
|
|
33
|
-
};
|
|
34
|
-
return composeClasses(slots, getPickersDayUtilityClass, classes);
|
|
35
|
-
};
|
|
36
|
-
const styleArg = ({
|
|
37
|
-
theme
|
|
38
|
-
}) => _extends({}, theme.typography.caption, {
|
|
39
|
-
width: DAY_SIZE,
|
|
40
|
-
height: DAY_SIZE,
|
|
41
|
-
borderRadius: '50%',
|
|
42
|
-
padding: 0,
|
|
43
|
-
// explicitly setting to `transparent` to avoid potentially getting impacted by change from the overridden component
|
|
44
|
-
backgroundColor: 'transparent',
|
|
45
|
-
transition: theme.transitions.create('background-color', {
|
|
46
|
-
duration: theme.transitions.duration.short
|
|
47
|
-
}),
|
|
48
|
-
color: (theme.vars || theme).palette.text.primary,
|
|
49
|
-
'@media (pointer: fine)': {
|
|
50
|
-
'&:hover': {
|
|
51
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.hoverOpacity)
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
'&:focus': {
|
|
55
|
-
backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.focusOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.focusOpacity),
|
|
56
|
-
[`&.${pickersDayClasses.selected}`]: {
|
|
57
|
-
willChange: 'background-color',
|
|
58
|
-
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
[`&.${pickersDayClasses.selected}`]: {
|
|
62
|
-
color: (theme.vars || theme).palette.primary.contrastText,
|
|
63
|
-
backgroundColor: (theme.vars || theme).palette.primary.main,
|
|
64
|
-
fontWeight: theme.typography.fontWeightMedium,
|
|
65
|
-
'&:hover': {
|
|
66
|
-
willChange: 'background-color',
|
|
67
|
-
backgroundColor: (theme.vars || theme).palette.primary.dark
|
|
68
|
-
}
|
|
69
|
-
},
|
|
70
|
-
[`&.${pickersDayClasses.disabled}:not(.${pickersDayClasses.selected})`]: {
|
|
71
|
-
color: (theme.vars || theme).palette.text.disabled
|
|
72
|
-
},
|
|
73
|
-
[`&.${pickersDayClasses.disabled}&.${pickersDayClasses.selected}`]: {
|
|
74
|
-
opacity: 0.6
|
|
75
|
-
},
|
|
76
|
-
variants: [{
|
|
77
|
-
props: {
|
|
78
|
-
disableMargin: false
|
|
79
|
-
},
|
|
80
|
-
style: {
|
|
81
|
-
margin: `0 ${DAY_MARGIN}px`
|
|
82
|
-
}
|
|
83
|
-
}, {
|
|
84
|
-
props: {
|
|
85
|
-
isDayOutsideMonth: true,
|
|
86
|
-
showDaysOutsideCurrentMonth: true
|
|
87
|
-
},
|
|
88
|
-
style: {
|
|
89
|
-
color: (theme.vars || theme).palette.text.secondary
|
|
90
|
-
}
|
|
91
|
-
}, {
|
|
92
|
-
props: {
|
|
93
|
-
disableHighlightToday: false,
|
|
94
|
-
isDayCurrent: true
|
|
95
|
-
},
|
|
96
|
-
style: {
|
|
97
|
-
[`&:not(.${pickersDayClasses.selected})`]: {
|
|
98
|
-
border: `1px solid ${(theme.vars || theme).palette.text.secondary}`
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
}]
|
|
102
|
-
});
|
|
103
|
-
const overridesResolver = (props, styles) => {
|
|
104
|
-
const {
|
|
105
|
-
ownerState
|
|
106
|
-
} = props;
|
|
107
|
-
return [styles.root, !ownerState.disableMargin && styles.dayWithMargin, !ownerState.disableHighlightToday && ownerState.isDayCurrent && styles.today, ownerState.isDayOutsideMonth && ownerState.showDaysOutsideCurrentMonth && styles.dayOutsideMonth, ownerState.isDayOutsideMonth && !ownerState.showDaysOutsideCurrentMonth && styles.hiddenDaySpacingFiller];
|
|
108
|
-
};
|
|
109
|
-
const PickersDayRoot = styled(ButtonBase, {
|
|
110
|
-
name: 'MuiPickersDay',
|
|
111
|
-
slot: 'Root',
|
|
112
|
-
overridesResolver
|
|
113
|
-
})(styleArg);
|
|
114
|
-
const PickersDayFiller = styled('div', {
|
|
115
|
-
name: 'MuiPickersDay',
|
|
116
|
-
slot: 'Root',
|
|
117
|
-
overridesResolver
|
|
118
|
-
})(({
|
|
119
|
-
theme
|
|
120
|
-
}) => _extends({}, styleArg({
|
|
121
|
-
theme
|
|
122
|
-
}), {
|
|
123
|
-
// visibility: 'hidden' does not work here as it hides the element from screen readers as well
|
|
124
|
-
opacity: 0,
|
|
125
|
-
pointerEvents: 'none'
|
|
126
|
-
}));
|
|
127
|
-
const noop = () => {};
|
|
128
|
-
const PickersDayRaw = /*#__PURE__*/React.forwardRef(function PickersDay(inProps, forwardedRef) {
|
|
129
|
-
const props = useThemeProps({
|
|
130
|
-
props: inProps,
|
|
131
|
-
name: 'MuiPickersDay'
|
|
132
|
-
});
|
|
133
|
-
const {
|
|
134
|
-
autoFocus = false,
|
|
135
|
-
className,
|
|
136
|
-
classes: classesProp,
|
|
137
|
-
isAnimating,
|
|
138
|
-
onClick,
|
|
139
|
-
onDaySelect,
|
|
140
|
-
onFocus = noop,
|
|
141
|
-
onBlur = noop,
|
|
142
|
-
onKeyDown = noop,
|
|
143
|
-
onMouseDown = noop,
|
|
144
|
-
onMouseEnter = noop,
|
|
145
|
-
children,
|
|
146
|
-
day,
|
|
147
|
-
selected,
|
|
148
|
-
disabled,
|
|
149
|
-
today,
|
|
150
|
-
outsideCurrentMonth,
|
|
151
|
-
disableMargin,
|
|
152
|
-
disableHighlightToday,
|
|
153
|
-
showDaysOutsideCurrentMonth
|
|
154
|
-
} = props,
|
|
155
|
-
other = _objectWithoutPropertiesLoose(props, _excluded);
|
|
156
|
-
const ownerState = usePickerDayOwnerState({
|
|
157
|
-
day,
|
|
158
|
-
selected,
|
|
159
|
-
disabled,
|
|
160
|
-
today,
|
|
161
|
-
outsideCurrentMonth,
|
|
162
|
-
disableMargin,
|
|
163
|
-
disableHighlightToday,
|
|
164
|
-
showDaysOutsideCurrentMonth
|
|
165
|
-
});
|
|
166
|
-
const classes = useUtilityClasses(classesProp, ownerState);
|
|
167
|
-
const adapter = usePickerAdapter();
|
|
168
|
-
const ref = React.useRef(null);
|
|
169
|
-
const handleRef = useForkRef(ref, forwardedRef);
|
|
170
|
-
|
|
171
|
-
// Since this is rendered when a Popper is opened we can't use passive effects.
|
|
172
|
-
// Focusing in passive effects in Popper causes scroll jump.
|
|
173
|
-
useEnhancedEffect(() => {
|
|
174
|
-
if (autoFocus && !disabled && !isAnimating && !outsideCurrentMonth) {
|
|
175
|
-
// ref.current being null would be a bug in MUI
|
|
176
|
-
ref.current.focus();
|
|
177
|
-
}
|
|
178
|
-
}, [autoFocus, disabled, isAnimating, outsideCurrentMonth]);
|
|
179
|
-
|
|
180
|
-
// For a day outside the current month, move the focus from mouseDown to mouseUp
|
|
181
|
-
// Goal: have the onClick ends before sliding to the new month
|
|
182
|
-
const handleMouseDown = event => {
|
|
183
|
-
onMouseDown(event);
|
|
184
|
-
if (outsideCurrentMonth) {
|
|
185
|
-
event.preventDefault();
|
|
186
|
-
}
|
|
187
|
-
};
|
|
188
|
-
const handleClick = event => {
|
|
189
|
-
event.defaultMuiPrevented = true;
|
|
190
|
-
if (!disabled) {
|
|
191
|
-
onDaySelect(day);
|
|
192
|
-
}
|
|
193
|
-
if (outsideCurrentMonth) {
|
|
194
|
-
event.currentTarget.focus();
|
|
195
|
-
}
|
|
196
|
-
if (onClick) {
|
|
197
|
-
onClick(event);
|
|
198
|
-
}
|
|
199
|
-
};
|
|
200
|
-
if (outsideCurrentMonth && !showDaysOutsideCurrentMonth) {
|
|
201
|
-
return /*#__PURE__*/_jsx(PickersDayFiller, {
|
|
202
|
-
className: clsx(classes.root, classes.hiddenDaySpacingFiller, className),
|
|
203
|
-
ownerState: ownerState,
|
|
204
|
-
role: other.role
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
return /*#__PURE__*/_jsx(PickersDayRoot, _extends({
|
|
208
|
-
className: clsx(classes.root, className),
|
|
209
|
-
ref: handleRef,
|
|
210
|
-
centerRipple: true,
|
|
211
|
-
disabled: disabled,
|
|
212
|
-
tabIndex: selected ? 0 : -1,
|
|
213
|
-
onKeyDown: event => onKeyDown(event, day),
|
|
214
|
-
onFocus: event => onFocus(event, day),
|
|
215
|
-
onBlur: event => onBlur(event, day),
|
|
216
|
-
onMouseEnter: event => onMouseEnter(event, day),
|
|
217
|
-
onClick: handleClick,
|
|
218
|
-
onMouseDown: handleMouseDown
|
|
219
|
-
}, other, {
|
|
220
|
-
ownerState: ownerState,
|
|
221
|
-
children: children ?? adapter.format(day, 'dayOfMonth')
|
|
222
|
-
}));
|
|
223
|
-
});
|
|
224
|
-
if (process.env.NODE_ENV !== "production") PickersDayRaw.displayName = "PickersDayRaw";
|
|
225
|
-
process.env.NODE_ENV !== "production" ? PickersDayRaw.propTypes = {
|
|
226
|
-
// ----------------------------- Warning --------------------------------
|
|
227
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
228
|
-
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
229
|
-
// ----------------------------------------------------------------------
|
|
230
|
-
/**
|
|
231
|
-
* A ref for imperative actions.
|
|
232
|
-
* It currently only supports `focusVisible()` action.
|
|
233
|
-
*/
|
|
234
|
-
action: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
235
|
-
current: PropTypes.shape({
|
|
236
|
-
focusVisible: PropTypes.func.isRequired
|
|
237
|
-
})
|
|
238
|
-
})]),
|
|
239
|
-
/**
|
|
240
|
-
* If `true`, the ripples are centered.
|
|
241
|
-
* They won't start at the cursor interaction position.
|
|
242
|
-
* @default false
|
|
243
|
-
*/
|
|
244
|
-
centerRipple: PropTypes.bool,
|
|
245
|
-
/**
|
|
246
|
-
* Override or extend the styles applied to the component.
|
|
247
|
-
*/
|
|
248
|
-
classes: PropTypes.object,
|
|
249
|
-
className: PropTypes.string,
|
|
250
|
-
component: PropTypes.elementType,
|
|
251
|
-
/**
|
|
252
|
-
* The date to show.
|
|
253
|
-
*/
|
|
254
|
-
day: PropTypes.object.isRequired,
|
|
255
|
-
/**
|
|
256
|
-
* If `true`, renders as disabled.
|
|
257
|
-
* @default false
|
|
258
|
-
*/
|
|
259
|
-
disabled: PropTypes.bool,
|
|
260
|
-
/**
|
|
261
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
262
|
-
* @default false
|
|
263
|
-
*/
|
|
264
|
-
disableHighlightToday: PropTypes.bool,
|
|
265
|
-
/**
|
|
266
|
-
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
267
|
-
* @default false
|
|
268
|
-
*/
|
|
269
|
-
disableMargin: PropTypes.bool,
|
|
270
|
-
/**
|
|
271
|
-
* If `true`, the ripple effect is disabled.
|
|
272
|
-
*
|
|
273
|
-
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
|
274
|
-
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
275
|
-
* @default false
|
|
276
|
-
*/
|
|
277
|
-
disableRipple: PropTypes.bool,
|
|
278
|
-
/**
|
|
279
|
-
* If `true`, the touch ripple effect is disabled.
|
|
280
|
-
* @default false
|
|
281
|
-
*/
|
|
282
|
-
disableTouchRipple: PropTypes.bool,
|
|
283
|
-
/**
|
|
284
|
-
* If `true`, the base button will have a keyboard focus ripple.
|
|
285
|
-
* @default false
|
|
286
|
-
*/
|
|
287
|
-
focusRipple: PropTypes.bool,
|
|
288
|
-
/**
|
|
289
|
-
* This prop can help identify which element has keyboard focus.
|
|
290
|
-
* The class name will be applied when the element gains the focus through keyboard interaction.
|
|
291
|
-
* It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
|
|
292
|
-
* The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
|
|
293
|
-
* A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
|
|
294
|
-
* if needed.
|
|
295
|
-
*/
|
|
296
|
-
focusVisibleClassName: PropTypes.string,
|
|
297
|
-
isAnimating: PropTypes.bool,
|
|
298
|
-
/**
|
|
299
|
-
* If `true`, day is the first visible cell of the month.
|
|
300
|
-
* Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
301
|
-
*/
|
|
302
|
-
isFirstVisibleCell: PropTypes.bool.isRequired,
|
|
303
|
-
/**
|
|
304
|
-
* If `true`, day is the last visible cell of the month.
|
|
305
|
-
* Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
306
|
-
*/
|
|
307
|
-
isLastVisibleCell: PropTypes.bool.isRequired,
|
|
308
|
-
onBlur: PropTypes.func,
|
|
309
|
-
onDaySelect: PropTypes.func.isRequired,
|
|
310
|
-
onFocus: PropTypes.func,
|
|
311
|
-
/**
|
|
312
|
-
* Callback fired when the component is focused with a keyboard.
|
|
313
|
-
* We trigger a `onFocus` callback too.
|
|
314
|
-
*/
|
|
315
|
-
onFocusVisible: PropTypes.func,
|
|
316
|
-
onKeyDown: PropTypes.func,
|
|
317
|
-
onMouseEnter: PropTypes.func,
|
|
318
|
-
/**
|
|
319
|
-
* If `true`, day is outside of month and will be hidden.
|
|
320
|
-
*/
|
|
321
|
-
outsideCurrentMonth: PropTypes.bool.isRequired,
|
|
322
|
-
/**
|
|
323
|
-
* If `true`, renders as selected.
|
|
324
|
-
* @default false
|
|
325
|
-
*/
|
|
326
|
-
selected: PropTypes.bool,
|
|
327
|
-
/**
|
|
328
|
-
* If `true`, days outside the current month are rendered:
|
|
329
|
-
*
|
|
330
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
331
|
-
*
|
|
332
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
333
|
-
*
|
|
334
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
335
|
-
* @default false
|
|
336
|
-
*/
|
|
337
|
-
showDaysOutsideCurrentMonth: PropTypes.bool,
|
|
338
|
-
style: PropTypes.object,
|
|
339
|
-
/**
|
|
340
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
341
|
-
*/
|
|
342
|
-
sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
|
|
343
|
-
/**
|
|
344
|
-
* @default 0
|
|
345
|
-
*/
|
|
346
|
-
tabIndex: PropTypes.number,
|
|
347
|
-
/**
|
|
348
|
-
* If `true`, renders as today date.
|
|
349
|
-
* @default false
|
|
350
|
-
*/
|
|
351
|
-
today: PropTypes.bool,
|
|
352
|
-
/**
|
|
353
|
-
* Props applied to the `TouchRipple` element.
|
|
354
|
-
*/
|
|
355
|
-
TouchRippleProps: PropTypes.object,
|
|
356
|
-
/**
|
|
357
|
-
* A ref that points to the `TouchRipple` element.
|
|
358
|
-
*/
|
|
359
|
-
touchRippleRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
|
|
360
|
-
current: PropTypes.shape({
|
|
361
|
-
pulsate: PropTypes.func.isRequired,
|
|
362
|
-
start: PropTypes.func.isRequired,
|
|
363
|
-
stop: PropTypes.func.isRequired
|
|
364
|
-
})
|
|
365
|
-
})])
|
|
366
|
-
} : void 0;
|
|
367
|
-
|
|
368
|
-
/**
|
|
369
|
-
* Demos:
|
|
370
|
-
*
|
|
371
|
-
* - [DateCalendar](https://mui.com/x/react-date-pickers/date-calendar/)
|
|
372
|
-
* API:
|
|
373
|
-
*
|
|
374
|
-
* - [PickersDay API](https://mui.com/x/api/date-pickers/pickers-day/)
|
|
375
|
-
*/
|
|
376
|
-
export const PickersDay = /*#__PURE__*/React.memo(PickersDayRaw);
|
|
377
|
-
if (process.env.NODE_ENV !== "production") PickersDay.displayName = "PickersDay";
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { ButtonBaseProps } from '@mui/material/ButtonBase';
|
|
2
|
-
import { PickerOwnerState, PickerValidDate } from "../models/pickers.mjs";
|
|
3
|
-
import { ExtendMui } from "../internals/models/helpers.mjs";
|
|
4
|
-
import { PickersDayClasses } from "./pickersDayClasses.mjs";
|
|
5
|
-
export interface PickerDayOwnerState extends PickerOwnerState {
|
|
6
|
-
/**
|
|
7
|
-
* The object representing the day.
|
|
8
|
-
*/
|
|
9
|
-
day: PickerValidDate;
|
|
10
|
-
/**
|
|
11
|
-
* Whether the day is selected.
|
|
12
|
-
*/
|
|
13
|
-
isDaySelected: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Whether the day is disabled.
|
|
16
|
-
*/
|
|
17
|
-
isDayDisabled: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Whether the day is equal to today.
|
|
20
|
-
*/
|
|
21
|
-
isDayCurrent: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Whether the day is outside the month it's being rendered in.
|
|
24
|
-
*/
|
|
25
|
-
isDayOutsideMonth: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Whether the day is the first day of the week.
|
|
28
|
-
*/
|
|
29
|
-
isDayStartOfWeek: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Whether the day is the last day of the week.
|
|
32
|
-
*/
|
|
33
|
-
isDayEndOfWeek: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Whether the margin around the day should be removed.
|
|
36
|
-
*/
|
|
37
|
-
disableMargin: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the visual indication around the current day should be removed.
|
|
40
|
-
*/
|
|
41
|
-
disableHighlightToday: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Whether the day outside of the month they are being rendered in should be visible.
|
|
44
|
-
*/
|
|
45
|
-
showDaysOutsideCurrentMonth: boolean;
|
|
46
|
-
}
|
|
47
|
-
export interface ExportedPickersDayProps {
|
|
48
|
-
/**
|
|
49
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
disableHighlightToday?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* If `true`, days outside the current month are rendered:
|
|
55
|
-
*
|
|
56
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
57
|
-
*
|
|
58
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
59
|
-
*
|
|
60
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
showDaysOutsideCurrentMonth?: boolean;
|
|
64
|
-
}
|
|
65
|
-
export interface PickersDayProps extends ExportedPickersDayProps, Omit<ExtendMui<ButtonBaseProps>, 'onKeyDown' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'LinkComponent'> {
|
|
66
|
-
/**
|
|
67
|
-
* Override or extend the styles applied to the component.
|
|
68
|
-
*/
|
|
69
|
-
classes?: Partial<PickersDayClasses>;
|
|
70
|
-
/**
|
|
71
|
-
* The date to show.
|
|
72
|
-
*/
|
|
73
|
-
day: PickerValidDate;
|
|
74
|
-
/**
|
|
75
|
-
* If `true`, renders as disabled.
|
|
76
|
-
* @default false
|
|
77
|
-
*/
|
|
78
|
-
disabled?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
81
|
-
* @default false
|
|
82
|
-
*/
|
|
83
|
-
disableMargin?: boolean;
|
|
84
|
-
isAnimating?: boolean;
|
|
85
|
-
onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
86
|
-
onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
87
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
88
|
-
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
89
|
-
onDaySelect: (day: PickerValidDate) => void;
|
|
90
|
-
/**
|
|
91
|
-
* If `true`, day is outside of month and will be hidden.
|
|
92
|
-
*/
|
|
93
|
-
outsideCurrentMonth: boolean;
|
|
94
|
-
/**
|
|
95
|
-
* If `true`, day is the first visible cell of the month.
|
|
96
|
-
* Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
97
|
-
*/
|
|
98
|
-
isFirstVisibleCell: boolean;
|
|
99
|
-
/**
|
|
100
|
-
* If `true`, day is the last visible cell of the month.
|
|
101
|
-
* Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
102
|
-
*/
|
|
103
|
-
isLastVisibleCell: boolean;
|
|
104
|
-
/**
|
|
105
|
-
* If `true`, renders as selected.
|
|
106
|
-
* @default false
|
|
107
|
-
*/
|
|
108
|
-
selected?: boolean;
|
|
109
|
-
/**
|
|
110
|
-
* If `true`, renders as today date.
|
|
111
|
-
* @default false
|
|
112
|
-
*/
|
|
113
|
-
today?: boolean;
|
|
114
|
-
}
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { ButtonBaseProps } from '@mui/material/ButtonBase';
|
|
2
|
-
import { PickerOwnerState, PickerValidDate } from "../models/pickers.js";
|
|
3
|
-
import { ExtendMui } from "../internals/models/helpers.js";
|
|
4
|
-
import { PickersDayClasses } from "./pickersDayClasses.js";
|
|
5
|
-
export interface PickerDayOwnerState extends PickerOwnerState {
|
|
6
|
-
/**
|
|
7
|
-
* The object representing the day.
|
|
8
|
-
*/
|
|
9
|
-
day: PickerValidDate;
|
|
10
|
-
/**
|
|
11
|
-
* Whether the day is selected.
|
|
12
|
-
*/
|
|
13
|
-
isDaySelected: boolean;
|
|
14
|
-
/**
|
|
15
|
-
* Whether the day is disabled.
|
|
16
|
-
*/
|
|
17
|
-
isDayDisabled: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Whether the day is equal to today.
|
|
20
|
-
*/
|
|
21
|
-
isDayCurrent: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Whether the day is outside the month it's being rendered in.
|
|
24
|
-
*/
|
|
25
|
-
isDayOutsideMonth: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* Whether the day is the first day of the week.
|
|
28
|
-
*/
|
|
29
|
-
isDayStartOfWeek: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Whether the day is the last day of the week.
|
|
32
|
-
*/
|
|
33
|
-
isDayEndOfWeek: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Whether the margin around the day should be removed.
|
|
36
|
-
*/
|
|
37
|
-
disableMargin: boolean;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the visual indication around the current day should be removed.
|
|
40
|
-
*/
|
|
41
|
-
disableHighlightToday: boolean;
|
|
42
|
-
/**
|
|
43
|
-
* Whether the day outside of the month they are being rendered in should be visible.
|
|
44
|
-
*/
|
|
45
|
-
showDaysOutsideCurrentMonth: boolean;
|
|
46
|
-
}
|
|
47
|
-
export interface ExportedPickersDayProps {
|
|
48
|
-
/**
|
|
49
|
-
* If `true`, today's date is rendering without highlighting with circle.
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
disableHighlightToday?: boolean;
|
|
53
|
-
/**
|
|
54
|
-
* If `true`, days outside the current month are rendered:
|
|
55
|
-
*
|
|
56
|
-
* - if `fixedWeekNumber` is defined, renders days to have the weeks requested.
|
|
57
|
-
*
|
|
58
|
-
* - if `fixedWeekNumber` is not defined, renders day to fill the first and last week of the current month.
|
|
59
|
-
*
|
|
60
|
-
* - ignored if `calendars` equals more than `1` on range pickers.
|
|
61
|
-
* @default false
|
|
62
|
-
*/
|
|
63
|
-
showDaysOutsideCurrentMonth?: boolean;
|
|
64
|
-
}
|
|
65
|
-
export interface PickersDayProps extends ExportedPickersDayProps, Omit<ExtendMui<ButtonBaseProps>, 'onKeyDown' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'LinkComponent'> {
|
|
66
|
-
/**
|
|
67
|
-
* Override or extend the styles applied to the component.
|
|
68
|
-
*/
|
|
69
|
-
classes?: Partial<PickersDayClasses>;
|
|
70
|
-
/**
|
|
71
|
-
* The date to show.
|
|
72
|
-
*/
|
|
73
|
-
day: PickerValidDate;
|
|
74
|
-
/**
|
|
75
|
-
* If `true`, renders as disabled.
|
|
76
|
-
* @default false
|
|
77
|
-
*/
|
|
78
|
-
disabled?: boolean;
|
|
79
|
-
/**
|
|
80
|
-
* If `true`, days are rendering without margin. Useful for displaying linked range of days.
|
|
81
|
-
* @default false
|
|
82
|
-
*/
|
|
83
|
-
disableMargin?: boolean;
|
|
84
|
-
isAnimating?: boolean;
|
|
85
|
-
onFocus?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
86
|
-
onBlur?: (event: React.FocusEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
87
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
88
|
-
onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>, day: PickerValidDate) => void;
|
|
89
|
-
onDaySelect: (day: PickerValidDate) => void;
|
|
90
|
-
/**
|
|
91
|
-
* If `true`, day is outside of month and will be hidden.
|
|
92
|
-
*/
|
|
93
|
-
outsideCurrentMonth: boolean;
|
|
94
|
-
/**
|
|
95
|
-
* If `true`, day is the first visible cell of the month.
|
|
96
|
-
* Either the first day of the month or the first day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
97
|
-
*/
|
|
98
|
-
isFirstVisibleCell: boolean;
|
|
99
|
-
/**
|
|
100
|
-
* If `true`, day is the last visible cell of the month.
|
|
101
|
-
* Either the last day of the month or the last day of the week depending on `showDaysOutsideCurrentMonth`.
|
|
102
|
-
*/
|
|
103
|
-
isLastVisibleCell: boolean;
|
|
104
|
-
/**
|
|
105
|
-
* If `true`, renders as selected.
|
|
106
|
-
* @default false
|
|
107
|
-
*/
|
|
108
|
-
selected?: boolean;
|
|
109
|
-
/**
|
|
110
|
-
* If `true`, renders as today date.
|
|
111
|
-
* @default false
|
|
112
|
-
*/
|
|
113
|
-
today?: boolean;
|
|
114
|
-
}
|
package/PickersDay/index.d.mts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { PickersDay } from "./PickersDay.mjs";
|
|
2
|
-
export type { PickersDayProps, PickerDayOwnerState } from "./PickersDay.types.mjs";
|
|
3
|
-
export { pickersDayClasses, getPickersDayUtilityClass } from "./pickersDayClasses.mjs";
|
|
4
|
-
export type { PickersDayClasses, PickersDayClassKey } from "./pickersDayClasses.mjs";
|
package/PickersDay/index.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { PickersDay } from "./PickersDay.js";
|
|
2
|
-
export type { PickersDayProps, PickerDayOwnerState } from "./PickersDay.types.js";
|
|
3
|
-
export { pickersDayClasses, getPickersDayUtilityClass } from "./pickersDayClasses.js";
|
|
4
|
-
export type { PickersDayClasses, PickersDayClassKey } from "./pickersDayClasses.js";
|
package/PickersDay/index.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "PickersDay", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _PickersDay.PickersDay;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "getPickersDayUtilityClass", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _pickersDayClasses.getPickersDayUtilityClass;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "pickersDayClasses", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _pickersDayClasses.pickersDayClasses;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var _PickersDay = require("./PickersDay");
|
|
25
|
-
var _pickersDayClasses = require("./pickersDayClasses");
|
package/PickersDay/index.mjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export interface PickersDayClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `disableMargin=false`. */
|
|
5
|
-
dayWithMargin: string;
|
|
6
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
7
|
-
dayOutsideMonth: string;
|
|
8
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=false`. */
|
|
9
|
-
hiddenDaySpacingFiller: string;
|
|
10
|
-
/** Styles applied to the root element if `disableHighlightToday=false` and `today=true`. */
|
|
11
|
-
today: string;
|
|
12
|
-
/** State class applied to the root element if `selected=true`. */
|
|
13
|
-
selected: string;
|
|
14
|
-
/** State class applied to the root element if `disabled=true`. */
|
|
15
|
-
disabled: string;
|
|
16
|
-
}
|
|
17
|
-
export type PickersDayClassKey = keyof PickersDayClasses;
|
|
18
|
-
export declare function getPickersDayUtilityClass(slot: string): string;
|
|
19
|
-
export declare const pickersDayClasses: Record<keyof PickersDayClasses, string>;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export interface PickersDayClasses {
|
|
2
|
-
/** Styles applied to the root element. */
|
|
3
|
-
root: string;
|
|
4
|
-
/** Styles applied to the root element if `disableMargin=false`. */
|
|
5
|
-
dayWithMargin: string;
|
|
6
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=true`. */
|
|
7
|
-
dayOutsideMonth: string;
|
|
8
|
-
/** Styles applied to the root element if `outsideCurrentMonth=true` and `showDaysOutsideCurrentMonth=false`. */
|
|
9
|
-
hiddenDaySpacingFiller: string;
|
|
10
|
-
/** Styles applied to the root element if `disableHighlightToday=false` and `today=true`. */
|
|
11
|
-
today: string;
|
|
12
|
-
/** State class applied to the root element if `selected=true`. */
|
|
13
|
-
selected: string;
|
|
14
|
-
/** State class applied to the root element if `disabled=true`. */
|
|
15
|
-
disabled: string;
|
|
16
|
-
}
|
|
17
|
-
export type PickersDayClassKey = keyof PickersDayClasses;
|
|
18
|
-
export declare function getPickersDayUtilityClass(slot: string): string;
|
|
19
|
-
export declare const pickersDayClasses: Record<keyof PickersDayClasses, string>;
|