<script setup>
import { ref } from 'vue'
import CInput from '../CInput.vue'

const dayOne = ref('')
const dayTow = ref('')
const dayThree = ref('')
</script>

<template>
  <div class="_container">
    <CInput
      id="targetId1"
      v-model="dayOne"
      p_CalendarId="calendar1"
      p_CalendarBtnId="calendarBtn1"
      type="calendar"
      p_Title="タイトル1"
      p_Placeholder="テキストを入力してください"
    />
    <CInput
      id="targetId2"
      v-model="dayTow"
      p_CalendarId="calendar2"
      p_CalendarBtnId="calendarBtn2"
      type="calendar"
      p_Title="タイトル2"
    />
    <CInput
      id="targetId3"
      v-model="dayThree"
      p_CalendarId="calendar3"
      p_CalendarBtnId="calendarBtn3"
      type="calendar"
      p_Title="タイトル3"
    />
  </div>
</template>

<style>
._container {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  gap: 0px 10px;
}
</style>
