Tengo un v-select con cuatro elementos para elegir diferentes fechas. El último elemento en la selección es para elegir una fecha manual y luego quiero que se abra un menú/diálogo con un selector de fecha. Pero no puedo hacer que funcione...

 <v-select v-model="dates" :items="items" clearable hide-details :label="$tc('Dates')" > <v-menu v-model="showDatePicker" :close-on-content-click="false" > <template #item="{ item, on, attrs }" ><v-list-item v-attrs="attrs" v-on="on">{{ item.text }}</v-list-item> </template> <v-date-picker v-model="dates" @input="showDatepicker = false" /> </v-menu> </v-select>

He probado muchas cosas diferentes pero esta es la última. Alguien que sepa como solucionar esto? :)