simple vue sample with interactive date inputs

sample.vue

<template>
  <div class="flex justify-between">
      <div>
          <label class="tw-inline-block tw-pt-2 tw-leading-tight tw-mb-1 tw-text-base mr-2">Start Date</label>
          <input type="date" id="start_date" v-model="start_date" class="mb-4 w-32 h-8" />
      </div>
      <div>
          <label class="tw-inline-block tw-pt-2 tw-leading-tight tw-mb-1 tw-text-base mr-2">End Date</label>
          <input type="date" id="end_date" v-model="end_date" class="mb-4 w-32 h-8" />
      </div>
  </div>                
</template>
<script>
    import dayjs from 'dayjs'
    export default {
        name: 'App',
        components: {},
        data() {
            return {
                start_date: dayjs().subtract(2, 'week').format('YYYY-MM-DD'),
                end_date: dayjs().format('YYYY-MM-DD'),
            }
        },
        watch: {
                start_date() {
                    // do stuff with dates
                },
                end_date() {
                    // do stuff with dates
                },
        },
    }      
</script>