Files
nuxt__ui/docs/app/components/playground/PlaygroundCalendar.vue
Mike Newbon 5fd94e1365 docs: add theme editor (#6675)
Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-07 14:55:51 +02:00

15 lines
478 B
Vue

<script setup lang="ts">
import { CalendarDate } from '@internationalized/date'
// Pinned rather than today(): the tile renders on the server too, and a live
// date risks a hydration mismatch across timezones. The dashboard view pins
// its dates the same way.
const modelValue = shallowRef(new CalendarDate(2026, 7, 6))
</script>
<template>
<div class="flex items-center justify-center p-4">
<UCalendar v-model="modelValue" :week-starts-on="1" />
</div>
</template>