We recommend using the built-in browser date/time input type so we can inherit all the accessibility features as well as prevent z-index and overflow clipping in iframes.
Datepicker Form element that allows users to select a date from a calendar interface.
Properties Jump to heading
| Class / Token | Type | |
|---|---|---|
.prs-date |
Component | For <input> |
.prs-cal |
Component | Container |
.prs-cal-header |
Part | Container |
.prs-cal-prev |
Part | For <button> |
.prs-cal-next |
Part | For <button> |
.prs-cal-my |
Part | For current m/y |
.prs-cal-days |
Part | Day list |
.prs-cal-week |
Part | Weekday list |
.prs-cal-day |
Part | For <button> |
.prs-cal-day_today |
State | Today |
.prs-cal-day_range |
State | Day within range |
.prs-cal-day_start |
State | Start of range |
.prs-cal-day_end |
State | End of range |
.prs-cal-day_selected |
State | Selected day |
.prs-cal-day_tease |
State | Future/past tease (same as disabled) |
.prs-cal-day_disabled |
State | Disabled (same as tease) |