Skip to content

Kirby 3.9.8

Calendar

<k-calendar>

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="onInput" />

Props

Prop Type Default Description
disabled
boolean
Disables whole calendar
max
string
The last allowed date
Example:
2020-12-31
min
string
The first allowed date
Example:
2020-01-01
value
string
ISO date/datetime string
Example:
2020-03-05

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