Calendar

A component that displays data by calendar

Import

import { Calendar } from 'rsuite';

// or
import Calendar from 'rsuite/Calendar';

Examples

Basic

Compact

Props

<Calendar>

Property Type(Default) Description
bordered boolean Show border
compact boolean Display a compact calendar
defaultValue Date Default value
isoWeek boolean ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
limitEndYear number (current_year + 5) Sets the upper limit of the available year (i.e. 2030)
limitStartYear number Sets the lower limit of the available year (i.e. 1900)
locale CalendarLocaleType Locale text
onChange (date:Date) => void Callback fired before the value changed
onSelect (date:Date) => void Callback fired before the date selected
renderCell (date: Date) => ReactNode Custom render calendar cells
value Date Controlled value
Vercel banner