19 lines
471 B
Vue
19 lines
471 B
Vue
<script setup lang="ts">
|
|
import type { DateRange } from 'reka-ui'
|
|
import { RangeCalendar } from '@/lib/registry/default/ui/range-calendar'
|
|
import { getLocalTimeZone, today } from '@internationalized/date'
|
|
import { type Ref, ref } from 'vue'
|
|
|
|
const start = today(getLocalTimeZone())
|
|
const end = start.add({ days: 7 })
|
|
|
|
const value = ref({
|
|
start,
|
|
end,
|
|
}) as Ref<DateRange>
|
|
</script>
|
|
|
|
<template>
|
|
<RangeCalendar v-model="value" class="rounded-md border" />
|
|
</template>
|