<template>
  <div class="grid grid-8">
    <div>
      <AisDatepicker :min="minDate" :max="maxDate" v-model="selectedDate"></AisDatepicker>
    </div>
    <div>
      Selected Date: <b>{{ selectedDate }}</b>
    </div>
  </div>
</template>

<script setup>
import {ref} from 'vue';
import AisDatepicker from "@/components/datepicker/AisDatepicker.vue";

const selectedDate = ref(null);
const currentDate = new Date();
const minDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 15)
const maxDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 24)
</script>
