<template>
  <div class="grid gap-8">
    <div>
      <AisDatepicker v-model="selectedDate"></AisDatepicker>
    </div>
    <div class="mt-4">
      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";
/*All below conditions are true */
// const today = new Date();
const selectedDate = ref(addDate(2));
// console.log(selectedDate.value)
// const selectedDate = ref(new Date());
// const selectedDate = ref(new Date(2022,1,9));
// const selectedDate = ref('2022-02-09');
// const selectedDate = ref(null);
// const selectedDate = ref('');
</script>
