<template>
  <v-row class="justify-space-around">
    <v-date-picker
      v-model="picker"
      color="green-lighten-1"
      type="month"
    ></v-date-picker>
    <v-date-picker
      v-model="picker2"
      color="green-lighten-1"
      header-color="primary"
      type="month"
    ></v-date-picker>
  </v-row>
</template>

<script setup>
  import { ref } from 'vue'

  const picker = ref(new Date().toISOString().substr(0, 7))
  const picker2 = ref(new Date().toISOString().substr(0, 7))
</script>

<script>
  export default {
    data () {
      return {
        picker: new Date().toISOString().substr(0, 7),
        picker2: new Date().toISOString().substr(0, 7),
      }
    },
  }
</script>
