VCalendar
Props
Name | Type | Description |
---|---|---|
aria-current | Enum:page step location date time true false | Indicates the element that represents the current item within a container or set of related elements. |
datetime | Enum: Date string | The date within a week of choice. Accepts any parameter acceptable by the Date() constructor. |
start-day | Enum:sunday monday | The day to show as the first within a work week. Accepts either Sunday or Monday Calendar will - programmatically - default to Monday if not specified (only applicable for views of more than a single day) |
locales | Enum: string string[] | A locale string or array of locale strings that contain one or more language or locale tags. If you include more than one locale string, list them in descending order of priority so that the first entry is the preferred locale. If you omit this parameter, the default locale of the JavaScript runtime is used. This parameter must conform to BCP 47 standards; see the Intl.Collator object for details. e.g. en-US |
hour12 | boolean | The convention of displayed time in which the day runs from midnight to midnight and is divided into 24 or 12 hours. Unless provided, choice will be set according to local time preference (e.g. US = 12, IL = 24) |
Events
Name | Event Type | Description |
---|---|---|
click | MouseEvent | Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element. |
focus | FocusEvent | Fires when the element receives focus. |
blur | FocusEvent | Fires when the element loses focus. |
keydown | KeyboardEvent | Fires when a key is pressed. |
keyup | KeyboardEvent | Fires when a key is released. |
input | Event | Fires when the value of an element has been changed. |
Slots
Name | Description |
---|---|
default | Default slot. |
day-0 | Assign elements to corresponding day column using this slot. |
day-1 | Assign elements to corresponding day column using this slot. |
day-2 | Assign elements to corresponding day column using this slot. |
day-3 | Assign elements to corresponding day column using this slot. |
day-4 | Assign elements to corresponding day column using this slot. |
day-5 | Assign elements to corresponding day column using this slot. |
day-6 | Assign elements to corresponding day column using this slot. |
Methods
Name | Type | Description |
---|---|---|
onKeydown | (_arg0: KeyboardEvent) => unknown |