Skip to content

Kirby 3.6.1.1

Calendar

<k-calendar>

This UI component hasn't been finalized yet. The functionality and syntax aren't stable and might be redone in an upcoming release. Only use it at your own risk - breaking changes are likely to occur.

The Calendar component is mainly used for our DateInput component, but it could be used as stand-alone calendar as well with a little CSS love.

<k-calendar value="2012-12-12" @input="selectDate" />

Props

Prop Type Default Description
disabled
boolean
max
string
min
string
multiple
boolean
value
array|string
ISO date string/s, i.e. 2012-12-12

Events

Event Description Passes
input
The input event is fired when a date is selected.
  • string iso
    data as ISO date string

CSS classes

.k-calendar