<template>
  <div class="grid gap-8">
    <div>
      <AisDatepicker :exclude="exclude" 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";
import {addDate} from "@/components/datepicker/examples/datepicker-example-util.js";

const selectedDate = ref(null);
const d1 = new Date(new Date().getFullYear(), new Date().getMonth(), 8);
const d2 = new Date('2022-02-10');
const d3 = '2022-02-06';
const d4 = addDate(2)

const exclude = [d1, d2, d3, d4]

</script>
