Month component displays specific date with month precision. onDateSet callback prop allows to set provided Date object as selected in Datepicker. Replace it with custom component.

Props

isDisabled
bool
required
isHighlighted
bool
required
isSelected
bool
required
onDateSet
func
required
date
Class(Date)
required
isCurrent
bool
required
name
{ "wide": "string", "abbreviated": "string", "narrow": "string", "numeric": "number" }
required

Wrap with custom CSS class

You can override CSS classname of Day Calendar element, see monthCalendarClassName prop.

<Datepicker
onDateSet={date => {console.log('date set', date);}}
minPrecision="day"
monthCalendarClassName="your-custom-className"
title="Demo datepicker" />