mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
18 lines
436 B
Vue
18 lines
436 B
Vue
<script setup lang="ts">
|
|
import { CalendarDate } from '@internationalized/date'
|
|
import type { Matcher } from 'reka-ui/date'
|
|
|
|
const modelValue = shallowRef({
|
|
start: new CalendarDate(2022, 1, 1),
|
|
end: new CalendarDate(2022, 1, 9)
|
|
})
|
|
|
|
const isDateDisabled: Matcher = (date) => {
|
|
return date.day >= 10 && date.day <= 16
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<UCalendar v-model="modelValue" :is-date-disabled="isDateDisabled" range />
|
|
</template>
|