title: Vuetify: How to fix v-date-picker not showing the chosen date in the text-field
body: <p>I'm creating a form with vue.js / vuetify 2, one of the field is Date Event, so I used v-date-picker for the user to choose the date. The problems are the following:</p>
  
  <ul>
  <li><p>Date Picker menu opens, but cannot pick date. If any dates were clicked, it won't update the menu. The months and years can be changed (UI), but still doesn't update.</p></li>
  <li><p>With the above problem, the text-field remains empty.</p></li>
  </ul>
  
  <p>I tried updating vuetify from version 1.5 to the latest version 2, and the problem still persists. I am using date-fns to format the date, so I tried to change the value of v-text-field = "formattedDate" into v-text-field = "date"</p>
  
  <p>After a hot reload (not a refresh, F5, the page hotloaded itself), the date appeared in the form, but still date cannot be changed in the menu (clicking other dates does nothing).</p>
  
  <pre><code>&lt;template&gt;
  &lt;v-app&gt;
    &lt;v-content&gt;
      &lt;v-layout wrap row mt-2 align-center justify-center&gt;
      &lt;v-card width="1050px" height= "690px"&gt;
        &lt;v-card-title class="display-1 font-weight-medium "&gt;Post-Event Form:&lt;/v-card-title&gt;
    &lt;v-form&gt;
      &lt;v-container&gt;
        &lt;v-layout row wrap&gt;
            &lt;v-flex md4&gt;
            &lt;v-text-field v-model="event" prepend-icon="event" label="Event Name" required&gt;&lt;/v-text-field&gt;
          &lt;/v-flex&gt;
        &lt;v-flex md3&gt;
            &lt;v-menu&gt;
              &lt;v-text-field :value="formattedDate" slot="activator" label="Date of event" prepend-icon="date_range"&gt;&lt;/v-text-field&gt;
              &lt;v-date-picker v-model="date"&gt;&lt;/v-date-picker&gt;
          &lt;/v-menu&gt;
  
          &lt;/v-container&gt;
         &lt;/v-flex&gt;
       &lt;/v-form&gt;
     &lt;/v-content&gt;
  
  &lt;/v-app&gt;
  &lt;/template&gt;
  </code></pre>
  
  <pre><code>&lt;script&gt;
  import format from 'date-fns/format'
  
  export default{
    data() {
      return {
        evenum: int,
        event: '',
        // date: '',
        date: new Date().toISOString().substr(0, 10),
        menu1: true,
        menu2: true,
    }
  },
  computed: {
      formattedDate() {
       return this.date ? format(this.date, 'do MMM YYYY') : ''
      },
  },
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I expect to have a functional v-date-picker, a menu that can be interacted with (click / choose date) which then updates the text-field and show the updated date.</p>
  
  <p>Actual results were that of the menu opens yet cannot pick the date, and no update is seen in the text-field.</p>