This component allows users to quickly jump to a chosen year. It should not
be used alone, but as a descendant of one of
<calendar-date>,
<calendar-range> or
<calendar-multi>.
<calendar-date>
<calendar-select-year
slot="heading"
max-years="20"
></calendar-select-year>
<calendar-month></calendar-month>
</calendar-date>Properties and attributes
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
maxYears | max-years |
The maximum number of years to display, centered around the focused
year. The range is constrained by any min and max
values from the parent calendar, which may result in fewer years being shown.
| number | 20 |
CSS Parts
CSS parts allow for fine-grained styling and theming. They target specific elements inside the component.
| Name | Description |
|---|---|
label |
The <label> for the <select> |
select | The <select> element itself |
option | The <option> for each year |