vuetify
vuetify copied to clipboard
Fix(VTimePicker): Stop Propagation on events
<template>
<v-app>
<v-main>
<v-container>
<v-row>
<v-col>
<v-menu>
<template #activator="{ props }">
<v-text-field v-bind="props" v-model="thisDate" readonly></v-text-field>
</template>
<v-time-picker v-model="thisDate" format="24hr" />
</v-menu>
</v-col>
</v-row>
</v-container>
</v-main>
</v-app>
</template>
<script setup>
import { ref } from 'vue'
const thisDate = ref(new Date())
</script>
This seems to fix the issue(s) seen on #19547, however, after selecting value the clock doesn't close when v-model is updated. We need to determine the UX here.