Menu
Documentation

Datepicker input

Optional dependency

This component uses the v-calendar library, which provides a powerful and flexible datepicker and calendar component.

Pre styled datepicker component.

Example

M
T
W
T
F
S
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
Show code
vue
<script setup lang="ts">
const date = ref(new Date())
</script>

<template>
  <div class="grid grid-cols-1 sm:grid-cols-2">
    <LazyAddonDatepicker v-model="date" />
  </div>
</template>

Components

AddonDatepicker