Calendar
Usage notes
Calendars are used as date selection form fields.
Default
April 2025
Toggle markup
<coral-calendar></coral-calendar>
With preset date
March 2017
Toggle markup
<coral-calendar value="2017-03-02"></coral-calendar>
With min/max
March 2018
Toggle markup
<coral-calendar max="2018-05-20" min="2018-03-03" value="2018-03-14"></coral-calendar>
Disabled
March 2017
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 26 | 27 | 28 | 1 | 2 | 3 | 4 |
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 | 1 |
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
Toggle markup
<coral-calendar value="2017-03-02" disabled=""></coral-calendar>