Files
ui/docs/components/content/examples/DatePickerExample.vue
2023-09-11 11:51:01 +02:00

17 lines
465 B
Vue

<script setup>
const date = ref(new Date())
const label = computed(() => date.value.toLocaleDateString('en-us', { weekday: 'long', year: 'numeric', month: 'short', day: 'numeric' })
)
</script>
<template>
<UPopover :popper="{ placement: 'bottom-start' }">
<UButton icon="i-heroicons-calendar-days-20-solid" :label="label" />
<template #panel="{ close }">
<LazyDatePicker v-model="date" @close="close" />
</template>
</UPopover>
</template>