@material-ui/pickers
Advanced tools
Comparing version 4.0.0-alpha.9 to 4.0.0-alpha.10
@@ -18,3 +18,11 @@ import { ParsableDate } from '../constants/prop-types'; | ||
export declare const isYearAndMonthViews: (views: readonly DatePickerView[]) => boolean; | ||
export declare const getFormatByViews: (views: readonly DatePickerView[], utils: MuiPickersAdapter<unknown>) => any; | ||
export declare const getFormatAndMaskByViews: (views: readonly DatePickerView[], utils: MuiPickersAdapter<unknown>) => { | ||
mask: string; | ||
inputFormat: any; | ||
disableMaskedInput?: undefined; | ||
} | { | ||
disableMaskedInput: boolean; | ||
inputFormat: any; | ||
mask?: undefined; | ||
}; | ||
export declare function parsePickerInputValue(utils: MuiPickersAdapter, { value }: BasePickerProps): unknown | null; | ||
@@ -21,0 +29,0 @@ export declare function parseRangeInputValue(utils: MuiPickersAdapter, { value }: BasePickerProps<RangeInput, DateRange>): DateRange<unknown>; |
@@ -5,3 +5,3 @@ import * as React from 'react'; | ||
import { ToolbarComponentProps } from '../Picker/SharedPickerProps'; | ||
export declare const useStyles: (props?: any) => Record<"toolbar" | "toolbarLandscape" | "dateTitleContainer", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "toolbarLandscape" | "dateTitleContainer", string>; | ||
interface PickerToolbarProps extends ExtendMui<ToolbarProps>, Pick<ToolbarComponentProps, 'getMobileKeyboardInputViewButtonText' | 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView'> { | ||
@@ -8,0 +8,0 @@ toolbarTitle: React.ReactNode; |
@@ -12,4 +12,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"toolbarBtn", string>; | ||
export declare const useStyles: (props?: any) => Record<"root", string>; | ||
export declare const ToolbarButton: React.FunctionComponent<ToolbarButtonProps>; | ||
export default ToolbarButton; |
@@ -8,4 +8,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"toolbarTxt" | "toolbarBtnSelected", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "selected", string>; | ||
declare const ToolbarText: React.FC<ToolbarTextProps>; | ||
export default ToolbarText; |
@@ -5,7 +5,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import { makeStyles, useTheme } from '@material-ui/core/styles'; | ||
import { w as withDefaultProps } from './LocalizationProvider-f54087c1.js'; | ||
import { D as DAY_MARGIN, a as useNow, u as useUtils, b as DAY_SIZE } from './dimensions-94efbe02.js'; | ||
import { w as withDefaultProps } from './LocalizationProvider-24410efe.js'; | ||
import { D as DAY_MARGIN, a as useNow, u as useUtils, b as DAY_SIZE } from './dimensions-2cbdfb98.js'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import clsx from 'clsx'; | ||
@@ -28,3 +28,3 @@ import Typography from '@material-ui/core/Typography'; | ||
return { | ||
transitionContainer: { | ||
root: { | ||
display: 'block', | ||
@@ -85,3 +85,3 @@ position: 'relative', | ||
return /*#__PURE__*/createElement("div", { | ||
className: className | ||
className: clsx(classes.root, className) | ||
}, children); | ||
@@ -99,3 +99,3 @@ } | ||
return /*#__PURE__*/createElement(TransitionGroup, { | ||
className: clsx(classes.transitionContainer, className), | ||
className: clsx(classes.root, className), | ||
childFactory: function childFactory(element) { | ||
@@ -122,3 +122,3 @@ return cloneElement(element, { | ||
return { | ||
calendarContainer: { | ||
root: { | ||
minHeight: weeksContainerHeight | ||
@@ -240,3 +240,3 @@ }, | ||
slideDirection: slideDirection, | ||
className: clsx(classes.calendarContainer, className) | ||
className: clsx(classes.root, className) | ||
}, TransitionProps), /*#__PURE__*/createElement("div", { | ||
@@ -243,0 +243,0 @@ role: "grid", |
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import { makeStyles } from '@material-ui/core/styles'; | ||
import { w as withDefaultProps } from './LocalizationProvider-f54087c1.js'; | ||
import { D as DAY_MARGIN, b as DAY_SIZE } from './dimensions-94efbe02.js'; | ||
import { w as withDefaultProps } from './LocalizationProvider-24410efe.js'; | ||
import { D as DAY_MARGIN, b as DAY_SIZE } from './dimensions-2cbdfb98.js'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import clsx from 'clsx'; | ||
@@ -12,0 +12,0 @@ import '@material-ui/core/Typography'; |
@@ -5,11 +5,11 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
import './LocalizationProvider-f54087c1.js'; | ||
import './dimensions-94efbe02.js'; | ||
import './LocalizationProvider-24410efe.js'; | ||
import './dimensions-2cbdfb98.js'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import 'clsx'; | ||
import '@material-ui/core/Typography'; | ||
import '@material-ui/core/IconButton'; | ||
export { C as Clock, u as useStyles } from './Clock-c3485d0b.js'; | ||
export { C as Clock, u as useStyles } from './Clock-156019bb.js'; | ||
import './useKeyDown-b5264e56.js'; | ||
@@ -16,0 +16,0 @@ import '@babel/runtime/helpers/esm/classCallCheck'; |
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
import './LocalizationProvider-f54087c1.js'; | ||
import './dimensions-94efbe02.js'; | ||
import './LocalizationProvider-24410efe.js'; | ||
import './dimensions-2cbdfb98.js'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import 'clsx'; | ||
@@ -17,7 +17,7 @@ import '@material-ui/core/Grid'; | ||
import '@material-ui/core/utils'; | ||
export { C as ClockView, u as useStyles } from './ClockView-c6fc92ca.js'; | ||
export { C as ClockView, u as useStyles } from './ClockView-24430b1f.js'; | ||
import '@babel/runtime/helpers/esm/slicedToArray'; | ||
import '@babel/runtime/helpers/esm/typeof'; | ||
import './useCanAutoFocus-1eacc580.js'; | ||
import './Clock-c3485d0b.js'; | ||
import './Clock-156019bb.js'; | ||
import '@material-ui/core/Button'; | ||
@@ -24,0 +24,0 @@ import './useKeyDown-b5264e56.js'; |
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
import './LocalizationProvider-f54087c1.js'; | ||
import './dimensions-94efbe02.js'; | ||
import './LocalizationProvider-24410efe.js'; | ||
import './dimensions-2cbdfb98.js'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import 'clsx'; | ||
@@ -17,11 +17,11 @@ import '@material-ui/core/Grid'; | ||
import '@material-ui/core/utils'; | ||
import './ClockView-c6fc92ca.js'; | ||
import './ClockView-24430b1f.js'; | ||
import '@babel/runtime/helpers/esm/slicedToArray'; | ||
import '@babel/runtime/helpers/esm/typeof'; | ||
import './useCanAutoFocus-1eacc580.js'; | ||
import './Picker-7c8f32f6.js'; | ||
export { a as DatePicker, b as DesktopDatePicker, M as MobileDatePicker, S as StaticDatePicker } from './DatePicker-c09d8895.js'; | ||
import './Picker-2424ad9f.js'; | ||
export { a as DatePicker, b as DesktopDatePicker, M as MobileDatePicker, S as StaticDatePicker } from './DatePicker-1f77985c.js'; | ||
import '@material-ui/core/useMediaQuery'; | ||
import './makePickerWithState-0847c78a.js'; | ||
import './Clock-c3485d0b.js'; | ||
import './makePickerWithState-15a55d85.js'; | ||
import './Clock-156019bb.js'; | ||
import '@material-ui/core/Button'; | ||
@@ -28,0 +28,0 @@ import '@material-ui/core/DialogActions'; |
import * as React from 'react'; | ||
import { ToolbarComponentProps } from '../Picker/SharedPickerProps'; | ||
export declare const useStyles: (props?: any) => Record<"penIcon" | "dateTitleLandscape", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "penIcon" | "dateTitleLandscape", string>; | ||
export declare const DatePickerToolbar: React.FC<ToolbarComponentProps>; |
@@ -6,3 +6,3 @@ import * as React from 'react'; | ||
import { DateInputProps, MuiTextFieldProps } from '../_shared/PureDateInput'; | ||
export declare const useStyles: (props?: any) => Record<"rangeInputsContainer" | "toLabelDelimiter", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "toLabelDelimiter", string>; | ||
export interface ExportedDateRangePickerInputProps { | ||
@@ -9,0 +9,0 @@ /** |
import * as React from 'react'; | ||
import { ToolbarComponentProps } from '../Picker/SharedPickerProps'; | ||
import { DateRange, CurrentlySelectingRangeEndProps } from './RangeTypes'; | ||
export declare const useStyles: (props?: any) => Record<"penIcon" | "dateTextContainer", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "penIcon" | "dateTextContainer", string>; | ||
interface DateRangePickerToolbarProps extends CurrentlySelectingRangeEndProps, Pick<ToolbarComponentProps, 'isMobileKeyboardViewOpen' | 'toggleMobileKeyboardView' | 'toolbarTitle' | 'toolbarFormat'> { | ||
@@ -6,0 +6,0 @@ date: DateRange; |
@@ -24,4 +24,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"arrowSwitcher" | "dateRangeContainer" | "rangeCalendarContainer" | "calendar", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "arrowSwitcher" | "rangeCalendarContainer" | "calendar", string>; | ||
export declare const DateRangePickerViewDesktop: React.FC<DesktopDateRangeCalendarProps>; | ||
export {}; |
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
import './LocalizationProvider-f54087c1.js'; | ||
import './dimensions-94efbe02.js'; | ||
import './LocalizationProvider-24410efe.js'; | ||
import './dimensions-2cbdfb98.js'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import 'clsx'; | ||
@@ -17,10 +17,10 @@ import '@material-ui/core/Grid'; | ||
import '@material-ui/core/utils'; | ||
import './ClockView-c6fc92ca.js'; | ||
import './ClockView-24430b1f.js'; | ||
import '@babel/runtime/helpers/esm/slicedToArray'; | ||
import '@babel/runtime/helpers/esm/typeof'; | ||
import './useCanAutoFocus-1eacc580.js'; | ||
import './Picker-7c8f32f6.js'; | ||
import './Picker-2424ad9f.js'; | ||
import '@material-ui/core/useMediaQuery'; | ||
import './makePickerWithState-0847c78a.js'; | ||
import './Clock-c3485d0b.js'; | ||
import './makePickerWithState-15a55d85.js'; | ||
import './Clock-156019bb.js'; | ||
import '@material-ui/core/Button'; | ||
@@ -49,3 +49,3 @@ import '@material-ui/core/DialogActions'; | ||
import '@material-ui/core/Tabs'; | ||
export { a as DateTimePicker, b as DesktopDateTimePicker, M as MobileDateTimePicker, S as StaticDateTimePicker } from './DateTimePicker-c986c033.js'; | ||
export { a as DateTimePicker, b as DesktopDateTimePicker, M as MobileDateTimePicker, S as StaticDateTimePicker } from './DateTimePicker-199a3174.js'; | ||
//# sourceMappingURL=DateTimePicker.js.map |
@@ -9,4 +9,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"container" | "tabs", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "modeDesktop" | "tabs", string>; | ||
export declare const DateTimePickerTabs: React.FC<DateTimePickerTabsProps>; | ||
export default DateTimePickerTabs; |
import * as React from 'react'; | ||
import { ToolbarComponentProps } from '../Picker/SharedPickerProps'; | ||
export declare const useStyles: (props?: any) => Record<"separator" | "toolbar" | "timeContainer" | "dateContainer" | "timeTypography" | "penIcon", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "separator" | "timeContainer" | "dateContainer" | "timeTypography" | "penIcon", string>; | ||
export declare const DateTimePickerToolbar: React.FC<ToolbarComponentProps>; |
60
Day.js
@@ -5,7 +5,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty'; | ||
import { bool } from 'prop-types'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import { makeStyles, fade } from '@material-ui/core/styles'; | ||
import { w as withDefaultProps } from './LocalizationProvider-f54087c1.js'; | ||
import { b as DAY_SIZE, D as DAY_MARGIN, u as useUtils } from './dimensions-94efbe02.js'; | ||
import { w as withDefaultProps } from './LocalizationProvider-24410efe.js'; | ||
import { b as DAY_SIZE, D as DAY_MARGIN, u as useUtils } from './dimensions-2cbdfb98.js'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import clsx from 'clsx'; | ||
@@ -25,3 +25,3 @@ import '@babel/runtime/helpers/esm/slicedToArray'; | ||
return { | ||
day: _objectSpread(_objectSpread({}, theme.typography.caption), {}, { | ||
root: _objectSpread(_objectSpread({}, theme.typography.caption), {}, { | ||
width: DAY_SIZE, | ||
@@ -39,6 +39,21 @@ height: DAY_SIZE, | ||
backgroundColor: fade(theme.palette.action.active, theme.palette.action.hoverOpacity), | ||
'&$daySelected': { | ||
'&$selected': { | ||
willChange: 'background-color', | ||
backgroundColor: theme.palette.primary.dark | ||
} | ||
}, | ||
'&$selected': { | ||
color: theme.palette.primary.contrastText, | ||
backgroundColor: theme.palette.primary.main, | ||
fontWeight: theme.typography.fontWeightMedium, | ||
transition: theme.transitions.create('background-color', { | ||
duration: theme.transitions.duration["short"] | ||
}), | ||
'&:hover': { | ||
willChange: 'background-color', | ||
backgroundColor: theme.palette.primary.dark | ||
} | ||
}, | ||
'&$disabled': { | ||
color: theme.palette.text.secondary | ||
} | ||
@@ -56,24 +71,10 @@ }), | ||
today: { | ||
'&:not($daySelected)': { | ||
'&:not($selected)': { | ||
border: "1px solid ".concat(theme.palette.text.secondary) | ||
} | ||
}, | ||
daySelected: { | ||
color: theme.palette.primary.contrastText, | ||
backgroundColor: theme.palette.primary.main, | ||
fontWeight: theme.typography.fontWeightMedium, | ||
transition: theme.transitions.create('background-color', { | ||
duration: theme.transitions.duration["short"] | ||
}), | ||
'&:hover': { | ||
willChange: 'background-color', | ||
backgroundColor: theme.palette.primary.dark | ||
} | ||
dayLabel: {// need for overrides | ||
}, | ||
dayDisabled: { | ||
pointerEvents: 'none', | ||
color: theme.palette.text.secondary | ||
}, | ||
dayLabel: {// need for overrides | ||
} | ||
selected: {}, | ||
disabled: {} | ||
}; | ||
@@ -84,2 +85,4 @@ }, muiComponentConfig); | ||
var allowKeyboardControl = _ref.allowKeyboardControl, | ||
_ref$allowSameDateSel = _ref.allowSameDateSelection, | ||
allowSameDateSelection = _ref$allowSameDateSel === void 0 ? false : _ref$allowSameDateSel, | ||
className = _ref.className, | ||
@@ -108,3 +111,3 @@ day = _ref.day, | ||
isToday = _ref.today, | ||
other = _objectWithoutProperties(_ref, ["allowKeyboardControl", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "focusable", "focused", "hidden", "inCurrentMonth", "isAnimating", "onClick", "onDayFocus", "onDaySelect", "onFocus", "onKeyDown", "selected", "showDaysOutsideCurrentMonth", "today"]); | ||
other = _objectWithoutProperties(_ref, ["allowKeyboardControl", "allowSameDateSelection", "className", "day", "disabled", "disableHighlightToday", "disableMargin", "focusable", "focused", "hidden", "inCurrentMonth", "isAnimating", "onClick", "onDayFocus", "onDaySelect", "onFocus", "onKeyDown", "selected", "showDaysOutsideCurrentMonth", "today"]); | ||
@@ -132,2 +135,4 @@ var utils = useUtils(); | ||
var handleClick = function handleClick(event) { | ||
if (!allowSameDateSelection && selected) return; | ||
if (!disabled) { | ||
@@ -147,3 +152,3 @@ onDaySelect(day, 'finish'); | ||
}, onKeyDown); | ||
var dayClassName = clsx(classes.day, className, selected && classes.daySelected, disabled && classes.dayDisabled, !disableMargin && classes.dayWithMargin, !disableHighlightToday && isToday && classes.today, !isInCurrentMonth && showDaysOutsideCurrentMonth && classes.dayOutsideMonth); | ||
var dayClassName = clsx(classes.root, className, selected && classes.selected, !disableMargin && classes.dayWithMargin, !disableHighlightToday && isToday && classes.today, !isInCurrentMonth && showDaysOutsideCurrentMonth && classes.dayOutsideMonth); | ||
@@ -162,2 +167,3 @@ if (!isInCurrentMonth && !showDaysOutsideCurrentMonth) { | ||
"data-mui-test": "day", | ||
disabled: disabled, | ||
"aria-label": utils.format(day, 'fullDate'), | ||
@@ -176,6 +182,6 @@ tabIndex: focused || focusable ? 0 : -1, | ||
var areDayPropsEqual = function areDayPropsEqual(prevProps, nextProps) { | ||
return prevProps.focused === nextProps.focused && prevProps.focusable === nextProps.focusable && prevProps.isAnimating === nextProps.isAnimating && prevProps.today === nextProps.today && prevProps.disabled === nextProps.disabled && prevProps.selected === nextProps.selected && prevProps.allowKeyboardControl === nextProps.allowKeyboardControl && prevProps.disableMargin === nextProps.disableMargin && prevProps.showDaysOutsideCurrentMonth === nextProps.showDaysOutsideCurrentMonth && prevProps.disableHighlightToday === nextProps.disableHighlightToday && prevProps.className === nextProps.className && prevProps.onDayFocus === nextProps.onDayFocus && prevProps.onDaySelect === nextProps.onDaySelect; | ||
return prevProps.focused === nextProps.focused && prevProps.focusable === nextProps.focusable && prevProps.isAnimating === nextProps.isAnimating && prevProps.today === nextProps.today && prevProps.disabled === nextProps.disabled && prevProps.selected === nextProps.selected && prevProps.allowKeyboardControl === nextProps.allowKeyboardControl && prevProps.disableMargin === nextProps.disableMargin && prevProps.showDaysOutsideCurrentMonth === nextProps.showDaysOutsideCurrentMonth && prevProps.disableHighlightToday === nextProps.disableHighlightToday && prevProps.className === nextProps.className && prevProps.inCurrentMonth === nextProps.inCurrentMonth && prevProps.onDayFocus === nextProps.onDayFocus && prevProps.onDaySelect === nextProps.onDaySelect; | ||
}; | ||
var Day = withDefaultProps(muiComponentConfig, memo(PureDay, areDayPropsEqual)); | ||
PureDay.displayName = 'Day'; | ||
PureDay.displayName = 'PickersDay'; | ||
process.env.NODE_ENV !== "production" ? PureDay.propTypes = { | ||
@@ -182,0 +188,0 @@ today: bool, |
@@ -9,8 +9,8 @@ export * from './DatePicker'; | ||
export { DateRangePickerToolbar } from './DateRangePicker/DateRangePickerToolbar'; | ||
export { Calendar } from './views/Calendar/Calendar'; | ||
export { CalendarView } from './views/Calendar/CalendarView'; | ||
export { Day } from './views/Calendar/Day'; | ||
export { ClockView } from './views/Clock/ClockView'; | ||
export { Clock } from './views/Clock/Clock'; | ||
export { default as Picker } from './Picker/Picker'; | ||
export { Calendar as PickersCalendar } from './views/Calendar/Calendar'; | ||
export { CalendarView as PickersCalendarView } from './views/Calendar/CalendarView'; | ||
export { Day as PickersDay } from './views/Calendar/Day'; | ||
export { ClockView as PickersClockView } from './views/Clock/ClockView'; | ||
export { Clock as PickersView } from './views/Clock/Clock'; | ||
export { default as PickersBasePickers } from './Picker/Picker'; | ||
export { useUtils } from './_shared/hooks/useUtils'; | ||
@@ -20,7 +20,7 @@ export { usePickerState } from './_shared/hooks/usePickerState'; | ||
export { default as LocalizationProvider, MuiPickersAdapterContext as MuiPickersContext, } from './LocalizationProvider'; | ||
export declare type CalendarProps = import('./views/Calendar/Calendar').CalendarProps; | ||
export declare type CalendarViewProps = import('./views/Calendar/CalendarView').CalendarViewProps; | ||
export declare type DayProps = import('./views/Calendar/Day').DayProps; | ||
export declare type ClockViewProps = import('./views/Clock/ClockView').ClockViewProps; | ||
export declare type ClockProps = import('./views/Clock/Clock').ClockProps; | ||
export declare type PickersCalendarProps = import('./views/Calendar/Calendar').CalendarProps; | ||
export declare type PickersCalendarViewProps = import('./views/Calendar/CalendarView').CalendarViewProps; | ||
export declare type PickersDayProps = import('./views/Calendar/Day').DayProps; | ||
export declare type PickersClockViewProps = import('./views/Clock/ClockView').ClockViewProps; | ||
export declare type PickersClockProps = import('./views/Clock/Clock').ClockProps; | ||
export declare type ToolbarComponentProps = import('./Picker/SharedPickerProps').ToolbarComponentProps; | ||
@@ -30,2 +30,2 @@ export declare type DateRangeDelimiterProps = import('./DateRangePicker/DateRangeDelimiter').DateRangeDelimiterProps; | ||
export declare type DateRange<T> = import('./DateRangePicker/RangeTypes').DateRange<T>; | ||
export declare type RangeInput = import('./DateRangePicker/RangeTypes').RangeInput; | ||
export declare type RangeInput<T> = import('./DateRangePicker/RangeTypes').RangeInput<T>; |
57
index.js
@@ -5,9 +5,9 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty'; | ||
import { instanceOf, func, string, object, node, bool, oneOf, arrayOf } from 'prop-types'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import { makeStyles, fade, styled } from '@material-ui/core/styles'; | ||
import { w as withDefaultProps } from './LocalizationProvider-f54087c1.js'; | ||
export { L as LocalizationProvider, M as MuiPickersContext } from './LocalizationProvider-f54087c1.js'; | ||
import { u as useUtils, D as DAY_MARGIN, a as useNow } from './dimensions-94efbe02.js'; | ||
export { u as useUtils } from './dimensions-94efbe02.js'; | ||
import { w as withDefaultProps } from './LocalizationProvider-24410efe.js'; | ||
export { L as LocalizationProvider, M as MuiPickersContext } from './LocalizationProvider-24410efe.js'; | ||
import { u as useUtils, D as DAY_MARGIN, a as useNow } from './dimensions-2cbdfb98.js'; | ||
export { u as useUtils } from './dimensions-2cbdfb98.js'; | ||
import _extends from '@babel/runtime/helpers/esm/extends'; | ||
import clsx from 'clsx'; | ||
@@ -19,15 +19,15 @@ import '@material-ui/core/Grid'; | ||
import '@material-ui/core/utils'; | ||
import { P as PickerToolbar, T as ToolbarButton, A as ArrowSwitcher } from './ClockView-c6fc92ca.js'; | ||
export { C as ClockView, a as TimePickerToolbar } from './ClockView-c6fc92ca.js'; | ||
import { P as PickerToolbar, T as ToolbarButton, A as ArrowSwitcher } from './ClockView-24430b1f.js'; | ||
export { C as PickersClockView, a as TimePickerToolbar } from './ClockView-24430b1f.js'; | ||
import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray'; | ||
import '@babel/runtime/helpers/esm/typeof'; | ||
import { e as executeInTheNextEventLoopTick, m as mergeRefs } from './useCanAutoFocus-1eacc580.js'; | ||
import { d as defaultMinDate, a as defaultMaxDate, C as CalendarHeader, i as isWithinRange, b as isStartOfRange, c as isEndOfRange, u as useMaskedInput, e as useNextMonthDisabled, f as usePreviousMonthDisabled, g as useParsedDate, h as useCalendarState, j as isRangeValid, M as MobileKeyboardInputView, k as defaultReduceAnimations, v as validateDateRange, l as date, p as parseRangeInputValue } from './Picker-7c8f32f6.js'; | ||
export { m as CalendarView, P as Picker } from './Picker-7c8f32f6.js'; | ||
export { a as DatePicker, D as DatePickerToolbar, b as DesktopDatePicker, M as MobileDatePicker, S as StaticDatePicker } from './DatePicker-c09d8895.js'; | ||
import { d as defaultMinDate, a as defaultMaxDate, C as CalendarHeader, i as isWithinRange, b as isStartOfRange, c as isEndOfRange, u as useMaskedInput, e as useNextMonthDisabled, f as usePreviousMonthDisabled, g as useParsedDate, h as useCalendarState, j as isRangeValid, M as MobileKeyboardInputView, k as defaultReduceAnimations, v as validateDateRange, l as date, p as parseRangeInputValue } from './Picker-2424ad9f.js'; | ||
export { P as PickersBasePickers, m as PickersCalendarView } from './Picker-2424ad9f.js'; | ||
export { a as DatePicker, D as DatePickerToolbar, b as DesktopDatePicker, M as MobileDatePicker, S as StaticDatePicker } from './DatePicker-1f77985c.js'; | ||
import '@material-ui/core/useMediaQuery'; | ||
import { m as makeValidationHook, a as makeWrapperComponent, w as withDateAdapterProp, u as usePickerState, R as ResponsiveTooltipWrapper, D as DesktopTooltipWrapper, M as MobileWrapper, S as StaticWrapper } from './makePickerWithState-0847c78a.js'; | ||
export { u as usePickerState } from './makePickerWithState-0847c78a.js'; | ||
import { W as WrapperVariantContext } from './Clock-c3485d0b.js'; | ||
export { C as Clock } from './Clock-c3485d0b.js'; | ||
import { m as makeValidationHook, a as makeWrapperComponent, w as withDateAdapterProp, u as usePickerState, R as ResponsiveTooltipWrapper, D as DesktopTooltipWrapper, M as MobileWrapper, S as StaticWrapper } from './makePickerWithState-15a55d85.js'; | ||
export { u as usePickerState } from './makePickerWithState-15a55d85.js'; | ||
import { W as WrapperVariantContext } from './Clock-156019bb.js'; | ||
export { C as PickersView } from './Clock-156019bb.js'; | ||
import '@material-ui/core/Button'; | ||
@@ -52,10 +52,10 @@ import '@material-ui/core/DialogActions'; | ||
import { areDayPropsEqual, Day } from './Day.js'; | ||
export { Day } from './Day.js'; | ||
export { Day as PickersDay } from './Day.js'; | ||
import { Calendar } from './Calendar.js'; | ||
export { Calendar } from './Calendar.js'; | ||
export { Calendar as PickersCalendar } from './Calendar.js'; | ||
import '@material-ui/core/Fade'; | ||
export { D as DesktopTimePicker, M as MobileTimePicker, S as StaticTimePicker, T as TimePicker, g as getTextFieldAriaText } from './TimePicker-3449d6d3.js'; | ||
export { D as DesktopTimePicker, M as MobileTimePicker, S as StaticTimePicker, T as TimePicker, g as getTextFieldAriaText } from './TimePicker-ecf6478b.js'; | ||
import '@material-ui/core/Tab'; | ||
import '@material-ui/core/Tabs'; | ||
export { a as DateTimePicker, D as DateTimePickerToolbar, b as DesktopDateTimePicker, M as MobileDateTimePicker, S as StaticDateTimePicker } from './DateTimePicker-c986c033.js'; | ||
export { a as DateTimePicker, D as DateTimePickerToolbar, b as DesktopDateTimePicker, M as MobileDateTimePicker, S as StaticDateTimePicker } from './DateTimePicker-199a3174.js'; | ||
@@ -117,2 +117,3 @@ function calculateRangeChange(_ref) { | ||
var useStyles = makeStyles({ | ||
root: {}, | ||
penIcon: { | ||
@@ -145,2 +146,3 @@ position: 'relative', | ||
return /*#__PURE__*/createElement(PickerToolbar, { | ||
className: classes.root, | ||
toolbarTitle: toolbarTitle, | ||
@@ -185,3 +187,3 @@ isMobileKeyboardViewOpen: isMobileKeyboardViewOpen, | ||
return { | ||
rangeIntervalDay: { | ||
root: { | ||
'&:first-child $rangeIntervalDayPreview': _objectSpread(_objectSpread({}, startBorderStyle), {}, { | ||
@@ -270,3 +272,3 @@ borderLeftColor: theme.palette.divider | ||
"data-mui-test": shouldRenderHighlight ? 'DateRangeHighlight' : undefined, | ||
className: clsx(classes.rangeIntervalDay, (isEndOfHighlighting || isEndOfMonth) && classes.rangeIntervalDayHighlightEnd, (isStartOfHighlighting || isStartOfMonth) && classes.rangeIntervalDayHighlightStart, shouldRenderHighlight && classes.rangeIntervalDayHighlight) | ||
className: clsx(classes.root, (isEndOfHighlighting || isEndOfMonth) && classes.rangeIntervalDayHighlightEnd, (isStartOfHighlighting || isStartOfMonth) && classes.rangeIntervalDayHighlightStart, shouldRenderHighlight && classes.rangeIntervalDayHighlight) | ||
}, /*#__PURE__*/createElement("div", { | ||
@@ -281,2 +283,3 @@ "data-mui-test": shouldRenderPreview ? 'DateRangePreview' : undefined, | ||
selected: selected, | ||
allowSameDateSelection: true, | ||
inCurrentMonth: inCurrentMonth, | ||
@@ -356,3 +359,3 @@ "data-mui-test": "DateRangeDay", | ||
return { | ||
rangeInputsContainer: _defineProperty({ | ||
root: _defineProperty({ | ||
display: 'flex', | ||
@@ -492,3 +495,3 @@ alignItems: 'baseline' | ||
onBlur: onBlur, | ||
className: classes.rangeInputsContainer, | ||
className: classes.root, | ||
ref: mergeRefs([containerRef, forwardedRef]) | ||
@@ -512,3 +515,3 @@ }, renderInput(startInputProps, endInputProps)); | ||
return { | ||
dateRangeContainer: { | ||
root: { | ||
display: 'flex', | ||
@@ -631,3 +634,3 @@ flexDirection: 'row' | ||
return /*#__PURE__*/createElement("div", { | ||
className: classes.dateRangeContainer | ||
className: classes.root | ||
}, getCalendarsArray(calendars).map(function (_, index) { | ||
@@ -950,7 +953,7 @@ var monthOnIteration = utils.setMonth(currentMonth, utils.getMonth(currentMonth) + index); | ||
var DateRangePicker = makeRangePicker('MuiPickersDateRangePicker', ResponsiveTooltipWrapper); | ||
var DesktopDateRangePicker = makeRangePicker('MuiPickersDesktopDateRangePicker', DesktopTooltipWrapper); | ||
var MobileDateRangePicker = makeRangePicker('MuiPickersMobileDateRangePicker', MobileWrapper); | ||
var StaticDateRangePicker = makeRangePicker('MuiPickersStaticDateRangePicker', StaticWrapper); | ||
var DesktopDateRangePicker = makeRangePicker('MuiDesktopDateRangePicker', DesktopTooltipWrapper); | ||
var MobileDateRangePicker = makeRangePicker('MuiMobileDateRangePicker', MobileWrapper); | ||
var StaticDateRangePicker = makeRangePicker('MuiStaticDateRangePicker', StaticWrapper); | ||
export { DateRangeDelimiter, DateRangePicker, DateRangePickerToolbar, DesktopDateRangePicker, MobileDateRangePicker, StaticDateRangePicker, makeRangePicker, useDateRangeValidation }; | ||
//# sourceMappingURL=index.js.map |
import 'react'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
export { a as LocalizationProvider, M as MuiPickersAdapterContext, L as default } from './LocalizationProvider-f54087c1.js'; | ||
export { a as LocalizationProvider, M as MuiPickersAdapterContext, L as default } from './LocalizationProvider-24410efe.js'; | ||
//# sourceMappingURL=LocalizationProvider.js.map |
{ | ||
"name": "@material-ui/pickers", | ||
"version": "4.0.0-alpha.9", | ||
"version": "4.0.0-alpha.10", | ||
"private": false, | ||
@@ -48,6 +48,6 @@ "description": "React components, that implements material design pickers for material-ui v4", | ||
"dependencies": { | ||
"@date-io/date-fns": "^2.6.0", | ||
"@date-io/dayjs": "^2.6.0", | ||
"@date-io/luxon": "^2.6.0", | ||
"@date-io/moment": "^2.6.0", | ||
"@date-io/date-fns": "^2.8.0", | ||
"@date-io/dayjs": "^2.8.0", | ||
"@date-io/luxon": "^2.8.0", | ||
"@date-io/moment": "^2.8.0", | ||
"clsx": "^1.0.2", | ||
@@ -60,4 +60,5 @@ "prop-types": "^15.7.2", | ||
"test": "jest", | ||
"test:typescript": "rimraf src/__tests__/dist && tsc -p src/__tests__/tsconfig.json", | ||
"test:typescript": "yarn rimraf src/__tests__/dist && tsc -p src/__tests__/tsconfig.json", | ||
"test:date-fns": "UTILS=date-fns yarn test", | ||
"test:dayjs": "UTILS=datejs yarn test", | ||
"test:luxon": "UTILS=luxon yarn test", | ||
@@ -64,0 +65,0 @@ "test:moment": "UTILS=moment yarn test", |
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
import './LocalizationProvider-f54087c1.js'; | ||
import './dimensions-94efbe02.js'; | ||
import './LocalizationProvider-24410efe.js'; | ||
import './dimensions-2cbdfb98.js'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import 'clsx'; | ||
@@ -17,8 +17,8 @@ import '@material-ui/core/Grid'; | ||
import '@material-ui/core/utils'; | ||
import './ClockView-c6fc92ca.js'; | ||
import './ClockView-24430b1f.js'; | ||
import '@babel/runtime/helpers/esm/slicedToArray'; | ||
import '@babel/runtime/helpers/esm/typeof'; | ||
import './useCanAutoFocus-1eacc580.js'; | ||
export { P as default, y as useStyles } from './Picker-7c8f32f6.js'; | ||
import './Clock-c3485d0b.js'; | ||
export { P as default, y as useStyles } from './Picker-2424ad9f.js'; | ||
import './Clock-156019bb.js'; | ||
import '@material-ui/core/Button'; | ||
@@ -25,0 +25,0 @@ import '@material-ui/core/InputAdornment'; |
@@ -11,4 +11,4 @@ import * as React from 'react'; | ||
export declare type PickerProps<TView extends AnyPickerView, TInputValue = any, TDateValue = any> = ExportedPickerProps<TView> & SharedPickerProps<TInputValue, TDateValue>; | ||
export declare const useStyles: (props?: any) => Record<"container" | "containerLandscape" | "pickerView" | "pickerViewLandscape", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "landscape" | "pickerView" | "pickerViewLandscape", string>; | ||
declare const _default: React.FC<PickerProps<DateTimePickerView, any, any>>; | ||
export default _default; |
@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty'; | ||
import 'prop-types'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import '@material-ui/styles/getThemeProps'; | ||
import '@material-ui/core/styles'; | ||
import './LocalizationProvider-f54087c1.js'; | ||
import './dimensions-94efbe02.js'; | ||
import './LocalizationProvider-24410efe.js'; | ||
import './dimensions-2cbdfb98.js'; | ||
import '@babel/runtime/helpers/esm/extends'; | ||
import 'clsx'; | ||
@@ -17,10 +17,10 @@ import '@material-ui/core/Grid'; | ||
import '@material-ui/core/utils'; | ||
import './ClockView-c6fc92ca.js'; | ||
import './ClockView-24430b1f.js'; | ||
import '@babel/runtime/helpers/esm/slicedToArray'; | ||
import '@babel/runtime/helpers/esm/typeof'; | ||
import './useCanAutoFocus-1eacc580.js'; | ||
import './Picker-7c8f32f6.js'; | ||
import './Picker-2424ad9f.js'; | ||
import '@material-ui/core/useMediaQuery'; | ||
import './makePickerWithState-0847c78a.js'; | ||
import './Clock-c3485d0b.js'; | ||
import './makePickerWithState-15a55d85.js'; | ||
import './Clock-156019bb.js'; | ||
import '@material-ui/core/Button'; | ||
@@ -47,3 +47,3 @@ import '@material-ui/core/DialogActions'; | ||
import '@material-ui/core/Fade'; | ||
export { D as DesktopTimePicker, M as MobileTimePicker, S as StaticTimePicker, T as TimePicker, g as getTextFieldAriaText } from './TimePicker-3449d6d3.js'; | ||
export { D as DesktopTimePicker, M as MobileTimePicker, S as StaticTimePicker, T as TimePicker, g as getTextFieldAriaText } from './TimePicker-ecf6478b.js'; | ||
//# sourceMappingURL=TimePicker.js.map |
@@ -12,3 +12,2 @@ import { useStyles as DayStyles } from '../views/Calendar/Day'; | ||
import { useStyles as CalendarViewStyles } from '../views/Calendar/CalendarView'; | ||
import { useStyles as DTTabsStyles } from '../DateTimePicker/DateTimePickerTabs'; | ||
import { useStyles as MuiPickersToolbarTextStyles } from '../_shared/ToolbarText'; | ||
@@ -18,3 +17,2 @@ import { useStyles as DatePickerRootStyles } from '../DatePicker/DatePickerToolbar'; | ||
import { StyleRules, StyleRulesCallback } from '@material-ui/core/styles/withStyles'; | ||
import { useStyles as DTHeaderStyles } from '../DateTimePicker/DateTimePickerToolbar'; | ||
import { useStyles as TimePickerToolbarStyles } from '../TimePicker/TimePickerToolbar'; | ||
@@ -24,3 +22,2 @@ import { useStyles as SlideTransitionStyles } from '../views/Calendar/SlideTransition'; | ||
import { useStyles as MuiPickersMonthSelectionStyles } from '../views/Calendar/MonthSelection'; | ||
import { useStyles as MuiPickerDTToolbarStyles } from '../DateTimePicker/DateTimePickerToolbar'; | ||
declare type StylesHook<C extends string> = (props?: any) => Record<C, string>; | ||
@@ -30,4 +27,2 @@ declare type Classes<T> = T extends string ? T : T extends StylesHook<infer C> ? C : T extends StyleRulesCallback<any, any, infer K> ? K : T extends StyleRules<infer D> ? D : never; | ||
MuiPickersDay: Classes<typeof DayStyles>; | ||
MuiPickerDTHeader: Classes<typeof DTHeaderStyles>; | ||
MuiPickerDTTabs: Classes<typeof DTTabsStyles>; | ||
MuiPickersCalendar: Classes<typeof CalendarStyles>; | ||
@@ -49,11 +44,12 @@ MuiPickersCalendarView: Classes<typeof CalendarViewStyles>; | ||
MuiPickersDatePickerRoot: Classes<typeof DatePickerRootStyles>; | ||
MuiPickerDTToolbar: Classes<typeof MuiPickerDTToolbarStyles>; | ||
MuiBasePickerStyles: Classes<typeof MuiBasePickerStyles>; | ||
MuiPickersBasePicker: Classes<typeof MuiBasePickerStyles>; | ||
MuiPickersModalDialog: Classes<typeof import('../_shared/PickersModalDialog').useStyles>; | ||
MuiDateTimePickerTabs: Classes<typeof import('../DateTimePicker/DateTimePickerTabs').useStyles>; | ||
MuiDateTimePickerToolbar: Classes<typeof import('../DateTimePicker/DateTimePickerToolbar').useStyles>; | ||
MuiPickersDesktopDateRangeCalendar: Classes<typeof import('../DateRangePicker/DateRangePickerViewDesktop').useStyles>; | ||
MuiPickersArrowSwitcher: Classes<typeof import('../_shared/ArrowSwitcher').useStyles>; | ||
MuiPickersDateRangePickerInput: Classes<typeof import('../DateRangePicker/DateRangePickerInput').useStyles>; | ||
MuiPickersModalDialog: Classes<typeof import('../_shared/PickerModalDialog').useStyles>; | ||
MuiPickersCalendarSkeleton: Classes<typeof import('../CalendarSkeleton').useStyles>; | ||
MuiPickersPopper: Classes<typeof import('../_shared/PickerPopper').useStyles>; | ||
MuiPickersPopper: Classes<typeof import('../_shared/PickersPopper').useStyles>; | ||
} | ||
export {}; |
import { PickerProps } from '../Picker/Picker'; | ||
import { CalendarSkeletonProps } from '../CalendarSkeleton'; | ||
import { DateRangeDelimiterProps } from '../DateRangePicker/DateRangeDelimiter'; | ||
import { ToolbarComponentProps, LocalizationProviderProps, ClockViewProps, CalendarProps, ClockProps, DayProps, DatePickerProps, MobileDatePickerProps, DesktopDatePickerProps, StaticDatePickerProps, CalendarViewProps, TimePickerProps, MobileTimePickerProps, DesktopTimePickerProps, StaticTimePickerProps, DateTimePickerProps, MobileDateTimePickerProps, DesktopDateTimePickerProps, StaticDateTimePickerProps, DateRangePickerProps, MobileDateRangePickerProps, DesktopDateRangePickerProps, StaticDateRangePickerProps } from '..'; | ||
import { ToolbarComponentProps, LocalizationProviderProps, PickersClockViewProps, PickersCalendarProps, PickersClockProps, PickersDayProps, DatePickerProps, MobileDatePickerProps, DesktopDatePickerProps, StaticDatePickerProps, PickersCalendarViewProps, TimePickerProps, MobileTimePickerProps, DesktopTimePickerProps, StaticTimePickerProps, DateTimePickerProps, MobileDateTimePickerProps, DesktopDateTimePickerProps, StaticDateTimePickerProps, DateRangePickerProps, MobileDateRangePickerProps, DesktopDateRangePickerProps, StaticDateRangePickerProps } from '..'; | ||
export interface MuiPickersComponentsPropsList { | ||
MuiPickersDay: DayProps; | ||
MuiPickersCalendarView: CalendarViewProps; | ||
MuiPickersDay: PickersDayProps; | ||
MuiPickersCalendarView: PickersCalendarViewProps; | ||
MuiPickersDatePicker: DatePickerProps; | ||
@@ -20,5 +20,5 @@ MuiPickersMobileDatePicker: MobileDatePickerProps; | ||
MuiPickersStaticDateTimePicker: StaticDateTimePickerProps; | ||
MuiPickersCalendar: CalendarProps; | ||
MuiPickersClockView: ClockViewProps; | ||
MuiPickersClock: ClockProps; | ||
MuiPickersCalendar: PickersCalendarProps; | ||
MuiPickersClockView: PickersClockViewProps; | ||
MuiPickersClock: PickersClockProps; | ||
MuiPickersBasePicker: PickerProps<any, any, any>; | ||
@@ -25,0 +25,0 @@ MuiPickersLocalizationProvider: LocalizationProviderProps; |
@@ -44,3 +44,3 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"iconButton" | "previousMonthButton" | "calendarContainer" | "loadingContainer" | "weekContainer" | "week" | "daysHeader" | "weekDayLabel", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "iconButton" | "previousMonthButton" | "loadingContainer" | "weekContainer" | "week" | "daysHeader" | "weekDayLabel", string>; | ||
export declare const Calendar: React.FC<CalendarProps>; |
@@ -20,4 +20,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"switchHeader" | "yearSelectionSwitcher" | "previousMonthButton" | "switchViewDropdown" | "switchViewDropdownDown" | "monthTitleContainer" | "monthText", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "yearSelectionSwitcher" | "previousMonthButton" | "switchViewDropdown" | "switchViewDropdownDown" | "monthTitleContainer" | "monthText", string>; | ||
export declare const CalendarHeader: React.SFC<CalendarHeaderProps>; | ||
export default CalendarHeader; |
@@ -5,3 +5,3 @@ import * as React from 'react'; | ||
import { PickerSelectionState } from '../../_shared/hooks/usePickerState'; | ||
export declare const useStyles: (props?: any) => Record<"day" | "dayWithMargin" | "dayOutsideMonth" | "hiddenDaySpacingFiller" | "today" | "daySelected" | "dayDisabled" | "dayLabel", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "disabled" | "selected" | "dayWithMargin" | "dayOutsideMonth" | "hiddenDaySpacingFiller" | "today" | "dayLabel", string>; | ||
export interface DayProps extends ExtendMui<ButtonBaseProps> { | ||
@@ -58,2 +58,7 @@ /** | ||
disableHighlightToday?: boolean; | ||
/** | ||
* Allow selecting the same date (fire onChange even if same date is selected). | ||
* @default false | ||
*/ | ||
allowSameDateSelection?: boolean; | ||
onDayFocus: (day: unknown) => void; | ||
@@ -60,0 +65,0 @@ onDaySelect: (day: unknown, isFinish: PickerSelectionState) => void; |
@@ -8,4 +8,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"transitionContainer" | "fadeEnter" | "fadeEnterActive" | "fadeExit" | "fadeExitActive", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "fadeEnter" | "fadeEnterActive" | "fadeExit" | "fadeExitActive", string>; | ||
export declare const FadeTransitionGroup: React.FC<FadeTransitionProps>; | ||
export {}; |
@@ -9,4 +9,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"root" | "monthSelected" | "monthDisabled", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "selected", string>; | ||
export declare const Month: React.FC<MonthProps>; | ||
export default Month; |
@@ -13,3 +13,3 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"container", string>; | ||
export declare const useStyles: (props?: any) => Record<"root", string>; | ||
export declare const MonthSelection: React.FC<MonthSelectionProps>; |
@@ -12,3 +12,3 @@ import * as React from 'react'; | ||
export declare const slideAnimationDuration = 350; | ||
export declare const useStyles: (props?: any) => Record<"transitionContainer" | "slideEnter-left" | "slideEnter-right" | "slideEnterActive" | "slideExit" | "slideExitActiveLeft-left" | "slideExitActiveLeft-right", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "slideEnter-left" | "slideEnter-right" | "slideEnterActive" | "slideExit" | "slideExitActiveLeft-left" | "slideExitActiveLeft-right", string>; | ||
export declare const SlideTransition: React.SFC<SlideTransitionProps>; |
@@ -12,5 +12,5 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"root" | "yearButtonDesktop" | "yearButton" | "yearSelected" | "yearDisabled", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "disabled" | "selected" | "modeDesktop" | "yearButton", string>; | ||
export declare const Year: React.FC<YearProps>; | ||
declare const _default: React.ForwardRefExoticComponent<YearProps & React.RefAttributes<HTMLButtonElement>>; | ||
export default _default; |
@@ -19,3 +19,3 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"container" | "clock" | "squareMask" | "pin" | "amButton" | "pmButton" | "meridiemButtonSelected", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "clock" | "squareMask" | "pin" | "amButton" | "pmButton" | "meridiemButtonSelected", string>; | ||
export declare const Clock: React.FC<ClockProps>; |
@@ -12,4 +12,4 @@ import * as React from 'react'; | ||
} | ||
export declare const useStyles: (props?: any) => Record<"clockNumber" | "clockNumberSelected" | "clockNumberDisabled", string>; | ||
export declare const useStyles: (props?: any) => Record<"root" | "clockNumberSelected" | "clockNumberDisabled", string>; | ||
export declare const ClockNumber: React.FC<ClockNumberProps>; | ||
export default ClockNumber; |
@@ -6,3 +6,3 @@ import * as React from 'react'; | ||
import { InnerDesktopWrapperProps } from './DesktopWrapper'; | ||
import { ExportedPickerPopperProps } from '../_shared/PickerPopper'; | ||
import { ExportedPickerPopperProps } from '../_shared/PickersPopper'; | ||
export interface InnerDesktopTooltipWrapperProps extends ExportedPickerPopperProps { | ||
@@ -9,0 +9,0 @@ } |
@@ -6,3 +6,3 @@ import * as React from 'react'; | ||
import { InnerDesktopTooltipWrapperProps } from './DesktopTooltipWrapper'; | ||
import { ExportedPickerPopperProps } from '../_shared/PickerPopper'; | ||
import { ExportedPickerPopperProps } from '../_shared/PickersPopper'; | ||
export interface InnerDesktopWrapperProps extends ExportedPickerPopperProps { | ||
@@ -9,0 +9,0 @@ } |
@@ -6,3 +6,3 @@ import * as React from 'react'; | ||
import { DialogProps as MuiDialogProps } from '@material-ui/core/Dialog'; | ||
import { ExportedPickerModalProps } from '../_shared/PickerModalDialog'; | ||
import { ExportedPickerModalProps } from '../_shared/PickersModalDialog'; | ||
export interface InnerMobileWrapperProps extends ExportedPickerModalProps { | ||
@@ -9,0 +9,0 @@ /** |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
2476562
25349
Updated@date-io/date-fns@^2.8.0
Updated@date-io/dayjs@^2.8.0
Updated@date-io/luxon@^2.8.0
Updated@date-io/moment@^2.8.0