v-date-picker is not popping up in vuetify

Question

v-date-picker is not popping up which is inside the v-menu. Please help me

<v-menu v-model="menu1" :close-on-content-click="false" full-width max-width="290">
    <template v-slot:activator="{ on }">
        <v-text-field :value="computedDateFormattedMomentjs" clearable label="Formatted with Moment.js"
            readonly v-on="on"></v-text-field>
    </template>
    <v-date-picker v-model="date" @change="menu1 = false"></v-date-picker>
</v-menu>

<v-menu v-model="menu2" :close-on-content-click="false" full-width max-width="290">
    <template v-slot:activator="{ on }">
        <v-text-field :value="computedDateFormattedDatefns" clearable label="Formatted with datefns"
            readonly v-on="on"></v-text-field>
    </template>
    <v-date-picker v-model="date" @change="menu2 = false"></v-date-picker>
</v-menu>

date: new Date().toISOString().substr(0, 10), computedDateFormattedMomentjs() { return this.date ? moment(this.date).format('MMMM Do yyyy') : '' },