如何调试无法正常显示的日期选择器

Question

我使用了这个日期选择器，但是后来我将项目更改为预制模板（https://github.com/creativetimofficial/vuetify-material-dashboard） 这个模板使用vuetify作为框架，但是即使一切正常，我所有的日期选择器也都被窃听了。它们可以正常工作，但是如您在此处看到的那样，它的样式完全很奇怪：

关于如何了解发生了什么的任何提示？

                <v-dialog ref="dialog" v-model="modal" :return-value.sync="date" persistent lazy full-width width="290px">
                  <v-text-field slot="activator" v-model="date" label="Picker in dialog" prepend-icon="event" readonly></v-text-field>
                  <v-date-picker v-model="date" scrollable>
                    <v-spacer></v-spacer>
                    <v-btn flat color="primary" @click="modal = false">Cancel</v-btn>
                    <v-btn flat color="primary" @click="$refs.dialog.save(date)">OK</v-btn>
                  </v-date-picker>
                </v-dialog>

                export default {
                  data() {
                    return {
                    date: new Date().toISOString().substr(0, 10),
                    modal: false
                    }
                   }
                 }