Calendar
A stylable, accessible, keyboard-navigable calendar interface.
<a-calendar></a-calendar>
<script>
import { CalendarElement } from "@jsxtools/aui/elements/calendar"
customElements.define("a-calendar", CalendarElement)
</script>CSS Parts
CSS parts allow for fine-grained styling and theming. They target specific elements inside the component. An element may have multiple parts, and a part may be used on multiple elements.
| Name | Description |
|---|---|
header |
The section that contains the heading, back, and next buttons |
heading |
The heading that labels the month |
grid |
The grid containing all the days in a month |
day |
A day within a month. |
cell |
A cell containing the day |
focused |
A day that has been focused |
selected |
A day that has been selected |
disabled |
A day outside the range of the visible month |