Күнтізбе

Ай мен жыл таңдауы, стрелкалар және жылдам range кезеңдері бар readonly input-style calendar.

Орнату

npx alixan-ui-nuxt add calendar

Күн

<script setup lang="ts">
const date = ref(null)
const { locale } = useI18n()
</script>

<template>
  <Calendar v-model="date" :label="$t('calendarLabels.date')" :locale="locale" date-format="dd.mm.yyyy" />
</template>

Диапазон

Кезең

<script setup lang="ts">
const range = ref(null)
const { locale } = useI18n()
</script>

<template>
  <Calendar v-model="range" :label="$t('calendarLabels.period')" mode="range" :locale="locale" />
</template>