[Vuejs]-VueDate Picker issues

2👍

Wrap Date picker into the menu and add this: :close-on-content-click=”true”

Here is an example:

             <v-menu
                    lazy
                    offset-y
                    full-width
                    :close-on-content-click="true"
                    v-model="menu"
                    transition="scale-transition"
                    :nudge-right="40"
                    max-width="290px"
                    min-width="290px"
                    >
                        <v-text-field
                        slot="activator"
                        label="Activation Date"
                        required
                        v-model="selectedDate"
                        prepend-icon="event"
                        readonly
                        ></v-text-field>
                        <v-date-picker
                            show-current
                            class="mt-3"
                            v-model="selectedDate"
                        >
                        <template slot-scope="{ save, cancel }">
                            <v-card-actions>
                            <v-spacer></v-spacer>
                            <v-btn flat color="primary" @click="cancel">Cancel</v-btn>
                            <v-btn flat color="primary" @click="save">OK</v-btn>
                            </v-card-actions>
                        </template>
                     </v-date-picker>
                </v-menu>

Leave a comment