Skip to content
On this page

VCalendar

Props

NameTypeDescription
aria-currentEnum:
page
step
location
date
time
true
false
Indicates the element that represents the current item within a container or set of related elements.
datetimeEnum:
Date
string
The date within a week of choice. Accepts any parameter acceptable by the Date() constructor.
start-dayEnum:
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)
localesEnum:
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
hour12booleanThe 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

NameEvent TypeDescription
clickMouseEventFires 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.
focusFocusEventFires when the element receives focus.
blurFocusEventFires when the element loses focus.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.
inputEventFires when the value of an element has been changed.

Slots

NameDescription
defaultDefault slot.
day-0Assign elements to corresponding day column using this slot.
day-1Assign elements to corresponding day column using this slot.
day-2Assign elements to corresponding day column using this slot.
day-3Assign elements to corresponding day column using this slot.
day-4Assign elements to corresponding day column using this slot.
day-5Assign elements to corresponding day column using this slot.
day-6Assign elements to corresponding day column using this slot.

Methods

NameTypeDescription
onKeydown(_arg0: KeyboardEvent) => unknown