title: How to catch events is vue.js v-calendar
body: <p>I am using the vuejs <a href="https://vcalendar.io/datepicker.html" rel="nofollow noreferrer">v-calender</a> plugin so I have a daterange picker. It all renders fine and I can select dates but that is is it.</p>
  
  <p>What I want to do is just log out the selected dates so later I can store them in database, update form etc but I don't know how to achieve this.  I can't find any examples in the documentation of how to do this.</p>
  
  <p>Does anyone know how to get the start and end dates of a selected date range?</p>
  
  <p>Here is what I have so far...</p>
  
  <pre><code>&lt;template&gt;
    &lt;v-date-picker mode='range' v-model='range' is-inline :columns="$screens({ default: 1, lg: 2 })" /&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
    import { DatePicker } from 'v-calendar'
  
    export default {
      name: 'Booking',
      components: {
        DatePicker
      },
      data() {
        return {
          range: {
            start: new Date(),
            end: null
          }
        }
      },
      mounted() {
        this.$root.$on('input', (value) =&gt; {
          console.log('dxggdfg');
        });
      }
    }
  
  &lt;/script&gt;
  </code></pre>