title: [Vue warn]: The .native modifier for v-on is only valid on components but it was used on <div>
body: <p>I am using the calendar component of Vuetify, it is showing the data properly, however I get that warning in console, it's a bit annoying and i don't know what's wrong since most of the code is a copy from the documentation, so probably it's a new bug or something?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: '#app',
    vuetify: new Vuetify(),
    data() {
      return {
          today: '2020-01-01',
          events: [{
            name: 'test',
            start: '2020-01-01 10:00'
          },
          {
            name: 'test_2',
            start: '2020-02-12 10:00'
          }],
      }
    },
  
  
  
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"&gt;
  
  &lt;script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"&gt;&lt;/script&gt;
  
  &lt;div id="app"&gt;
    &lt;v-app&gt;
      &lt;v-content&gt;
          &lt;v-sheet height="400"&gt;
              &lt;v-calendar ref="calendar" :now="today" :value="today" :events="events" color="amber" event-color="amber" type="month"&gt;&lt;/v-calendar&gt;
          &lt;/v-sheet&gt;
      &lt;/v-content&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>