DateRangePickerDay API

API documentation for the React DateRangePickerDay component. Learn about the available props, and the CSS API.

Import

import DateRangePickerDay from '@material-ui/lab/DateRangePickerDay';
// или
import { DateRangePickerDay } from '@material-ui/lab';

The name MuiDateRangePickerDay can be used when providing default props or style overrides in the theme.

Имя	Тип	По-умолчанию	Описание
classes^*	object
day^*	any		The date to show.
isEndOfHighlighting^*	bool	false
isEndOfPreviewing^*	bool	false
isHighlighting^*	bool	false
isPreviewing^*	bool	false
isStartOfHighlighting^*	bool	false
isStartOfPreviewing^*	bool	false
outsideCurrentMonth^*	bool	false	If `true`, day is outside of month and will be hidden.
children	node		The content of the component.
selected	bool	false	If `true`, renders as selected.

The ref is forwarded to the root element.

Rule name	Global class	Описание
root	.MuiDateRangePickerDay-root
dayWithMargin	.MuiDateRangePickerDay-dayWithMargin
dayOutsideMonth	.MuiDateRangePickerDay-dayOutsideMonth
hiddenDaySpacingFiller	.MuiDateRangePickerDay-hiddenDaySpacingFiller
today	.MuiDateRangePickerDay-today
selected	.Mui-selected
disabled	.Mui-disabled
day	.MuiDateRangePickerDay-day
rangeIntervalDayHighlight	.MuiDateRangePickerDay-rangeIntervalDayHighlight
rangeIntervalDayHighlightStart	.MuiDateRangePickerDay-rangeIntervalDayHighlightStart
rangeIntervalDayHighlightEnd	.MuiDateRangePickerDay-rangeIntervalDayHighlightEnd
dayOutsideRangeInterval	.MuiDateRangePickerDay-dayOutsideRangeInterval
dayInsideRangeInterval	.MuiDateRangePickerDay-dayInsideRangeInterval
notSelectedDate	.MuiDateRangePickerDay-notSelectedDate
rangeIntervalPreview	.MuiDateRangePickerDay-rangeIntervalPreview
rangeIntervalDayPreview	.MuiDateRangePickerDay-rangeIntervalDayPreview
rangeIntervalDayPreviewStart	.MuiDateRangePickerDay-rangeIntervalDayPreviewStart
rangeIntervalDayPreviewEnd	.MuiDateRangePickerDay-rangeIntervalDayPreviewEnd

You can override the style of the component using one of these customization options:

If that isn't sufficient, you can check the implementation of the component for more detail.