Vuejs2 使用底部工作表vuetify应用日期选择器

我最近在使用vuetify。我想申请带底片的日期选择器。当用户聚焦输入字段时，日历将从底部打开。有人能帮我怎么做吗？

请为您的组件尝试下面的代码

<template>
 <div class="text-xs-center">
  <v-bottom-sheet v-model="sheet">
   <v-text-field
     slot="activator"
     name="date"
     label="Date"
     id="date"
     v-model="date"
    ></v-text-field>
   <v-date-picker autosave style="" v-model="date"></v-date-picker>
  </v-bottom-sheet>
 </div>
</template>
<script>
export default {
  data () {
    return {
       date:'',
       sheet:null,
    }
  },
}
</script>
<style>
  .dialog{
    background:white;
    justify-content:center; 
    display:flex
  }
</style>

导出默认值{
数据（）{
返回{
日期：''，
工作表：空，
}
},
}
.对话{
背景：白色；
证明内容：中心；
显示器：flex
}

---

如果您需要什么，请告诉我：）

谢谢您的回复。我想出来了。但我还有一个问题。我正在寻找vuejs组件的ios类型日期选择器。你能帮我吗？