Calendar
Component that lets the user select a date via an interactive agenda-view.
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
| | | | | | |
| | | | | | |
| | | | | | |
| | | | | | |
| | | | | | |
Import
Usage
Note that the onSelect callback is optional and should only be used when you need
the parent component to get the selected value from Calendar.
Return value
The datestring in the format yyyy-mm-dd.
Variants
Year limits
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
| | | | | | |
| | | | | | |
| | | | | | |
| | | | | | |
| | | | | | |
Disabled days
| Mon | Tue | Wed | Thu | Fri | Sat | Sun |
| | | | | | |
| | | | | | |
| | | | | | |
| | | | | | |
| | | | | | |
Props
| Prop | Type | Default | Description |
|---|
onSelect* | (name: string, value: string) => void | - | callback function that handles input change |
minYear | number | - | minimum years value |
maxYear | number | - | maximum years value |
disabledDays | Date[] | - | days that cannot be selected |
