title: Using multiple v-date-pickers on a single page
body: <p>All:</p>
  
  <p>I'm trying to add multiple Vuetify date pickers to a single page. I'm using it within a v-menu so that when a date is selected it is shown in a text field.</p>
  
  <p>The issue I'm having is: when I select a date for the first date field everything works as expected but when I click to select the second date it is populating the first date field again. I have the following:</p>
  
  <pre><code>&lt;div v-for='foo in foos' :key='foo.id'&gt;
      &lt;v-menu
          :close-on-content-click="false"
          v-model="menu"
          :nudge-right="40"
          lazy
          transition="scale-transition"
          offset-y
          full-width
          min-width="290px" &gt;
          &lt;v-text-field        
              slot="activator"
              v-model="foo.date"
              label="Date"
              prepend-icon="event"
              readonly&gt;
          &lt;/v-text-field&gt;
          &lt;v-date-picker v-model="foo.date" @input="menu = false"&gt;.    
          &lt;/v-date-picker&gt;
      &lt;/v-menu&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it doesn't seem to be respecting that <code>foo</code> is different in each iteration of the loop so it is only updating the first instance of <code>foo.date</code> instead of the current <code>foo.date</code>.</p>
  
  <p>Any advice on how to get this working would be great.</p>