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 |