<dy-calendar>
Example
Loading...
<dy-calendar
style=${"width: 60%;"}
.position=${1644464255420}
.highlights=${[[1644464299373,1644595299373]]}></dy-calendar>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
datehover |
Emitter<number> |
|
dateclick |
Emitter<number> |
|
borderless(borderless) |
Yes | boolean |
today(today) |
Yes | boolean |
position |
Yes | number |
highlights |
Yes | number[][] |
renderDate |
Yes | (date: Time) => TemplateResult |
Other
| Type | Value |
|---|---|
| Event | datehover, dateclick |
| Part | header-row, header-left-cell, header-right-cell, day-cell, today-cell, other-day-cell, left-top-cell, right-top-cell, left-bottom-cell, right-bottom-cell, highlight-cell, no-highlight-cell, start-highlight-cell, stop-highlight-cell, date, today-date |