<template>
  <div class="grid gap-8">
    <AisSelect
      :options="sizes"
      v-model="selectedSize"
    />
    <AisDatepicker
      v-model="selectedDate"
      :size="selectedSize"
    />
  </div>
</template>

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

  const sizes = ['sm', 'md', 'lg']
  const selectedSize = ref('md')
  const selectedDate = ref(null);
</script>
