Files
modoboa/frontend/src/components/tools/DateField.vue
T

37 lines
746 B
Vue

<template>
<v-menu
v-model="menu"
:close-on-content-click="false"
transition="scale-transition"
offset-y
min-width="auto"
>
<template #activator="{ props }">
<v-text-field
:value="modelValue"
:label="label"
prepend-icon="mdi-calendar"
readonly
variant="underlined"
v-bind="props"
></v-text-field>
</template>
<v-date-picker :value="modelValue" no-title @input="update">
</v-date-picker>
</v-menu>
</template>
<script setup lang="js">
import { ref } from 'vue'
defineProps({
modelValue: { type: Object, default: null },
label: { type: String, default: '' },
})
const menu = ref(false)
function update() {
menu.value = false
}
</script>