v-text-fieldとDatePickerを組み合わせる

v-menuを使ってv-text-fieldとDatePickerを組み合わせる

            <v-menu v-model="menu" max-width="290px" min-width="290px">
              <!-- ポップアップを追加する要素にv-on="on" -->
              <template v-slot:activator="{ on }">
                <v-text-field
                  slot="activator"
                  v-model="fromDate"
                  label="fromDate"
                  readonly
                  v-on="on"
                />
              </template>
              <!-- ポップアップされる内容-->
              <v-date-picker v-model="fromDate" />
            </v-menu>

こんな感じに実装することが出来ました。 v-text-fieldはreadOnlyでv-date-pickerと同じv-modelを使うと連動します。