<script setup lang="ts">
const minDays = defineModel<number>('minDays', { default: 2 })
const maxDays = defineModel<number>('maxDays', { default: 6 })
</script>

<template>
  <div class="grid grid-cols-2 gap-3">
    <UFormField label="Estancia min (dias)">
      <UInput v-model.number="minDays" type="number" :min="1" :max="maxDays" />
    </UFormField>
    <UFormField label="Estancia max (dias)">
      <UInput v-model.number="maxDays" type="number" :min="minDays" />
    </UFormField>
  </div>
</template>
