Playground

Customization

Caption Layout:Navigation Layout:Show outside daysShow week numberFixed weeksHide weekdaysAccent Color:

Navigation

Number of months:AnimateHide NavigationDisable Navigation

Month:

Start month:

End month:

Localization

Calendar:Time Zone:Locale:Numerals:Weeks start on:First week contains:ISO WeekRight-to-left DirectionBroadcast Weeks

Selection

Selection mode:

Selection

Choose a selection mode to display the selected days.

import { DayPicker } from "react-day-picker";

<DayPicker />