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';
// or
import { DateRangePickerDay } from '@material-ui/lab';

Name	Type	Default	Description
day^*	any		The date to show.
isEndOfHighlighting^*	bool	false	Set to `true` if the `day` is the end of a highlighted date range.
isEndOfPreviewing^*	bool	false	Set to `true` if the `day` is the start of a highlighted date range.
isHighlighting^*	bool	false	Set to `true` if the `day` is in a highlighted date range.
isPreviewing^*	bool	false	Set to `true` if the `day` is in a preview date range.
isStartOfHighlighting^*	bool	false	Set to `true` if the `day` is the start of a highlighted date range.
isStartOfPreviewing^*	bool	false	Set to `true` if the `day` is the end of a highlighted date range.
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.