vwc-calendar

Represents a calendar custom element.

Properties

| Property | Attribute | Type | Description | | ---------- | ---------- | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | datetime | datetime | Date \| undefined | The date within a week of choice. Accepts any valid date string representation e.g. 2021-01-01 | | locales | locales | string \| string[] \| undefined | 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 | en-US, he-IL |

Methods

| Method | Description | | ------------------------------------------------------------ | -------------------------------------------------------------------------------------- | | getEventContext() => { day: number, hour: number } \| null | Accepts event reference and returns an object containing day & hour if applicable |

CSS Custom Properties

| Property | Default | Description | | ---------------------- | ------- | --------------------------------------------------------- | | --vvd-calendar-shape | "6px" | defines the calendar and its events shape (border radius) |

vwc-calendar-event

Represents a calendar event custom element.

Properties

| Property | Attribute | Type | Default | | -------------- | --------------- | --------------------- | ------- | | color | color | string \| undefined | | | description | description | string \| undefined | | | duration | duration | number | 1 | | heading | heading | string \| undefined | | | overlapCount | overlap-count | string \| undefined | | | start | start | number | 0 |