<template>
  <v-app>
    <v-container>
      <h1>Selcted Date : {{selectedDate}}</h1>
      <v-calendar
        v-model="calender"
        event-overlap-mode="stack"
        @click="onDateClick"
      >
      </v-calendar>
    </v-container>
  </v-app>
</template>

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

  const selectedDate = ref()
  const calender = ref()
  const onDateClick = event => {
    selectedDate.value = event
    console.log(event)
  }
</script>