@push('css')
@endpush
<div class="content">
  <label class="mb-[8px] text-[20px] font-semibold block text-[#222222]">期間限定の営業</label>
  <span class="text-[#222222] text-[16px]">設定した期間以外の予約カレンダーを非表示する設定です。<br/>期間限定の営業時などに利用します。</span>
  <div class="mb-[9px] mt-[15px]">
    <div>
      <label for="not_use_season" class="w-full cursor-pointer mb-[8px]">
        <input type="radio" class="text-[16px] accent-[green] !m-0 !mr-[5px] !cursor-pointer" value="0" name="settingSeason" v-model="settingSeason.set_season" id="not_use_season">
        <span class="font-light text-[#888888] !cursor-pointer" style="line-height: normal">利用しない</span>
      </label>
    </div>
    <div>
      <label for="use_season" class="w-full cursor-pointer">
        <input type="radio" class="text-[16px] accent-[green] !m-0 !mr-[5px] !cursor-pointer" value="1" name="settingSeason" v-model="settingSeason.set_season" id="use_season">
        <span class="font-light text-[#888888] !cursor-pointer" style="line-height: normal">表示期間を設定する</span>
      </label>
    </div>
  </div>
  <div class="min-h-[350px] mt-[15px]">
    <div class="flex items-center w-[277px] h-[42px] border-solid border border-[#DDDDDD] relative rounded-[4px]" v-show="settingSeason.set_season == 1">
      <input type="text" id="customDateSettingSeason" readonly class="mx-[10px] text-[16px] !border-none cursor-pointer">
      <i class="far fa-calendar absolute right-[16px] top-[10px] text-[18px]"></i>
    </div>
  </div>
  <button class="w-[200px] h-[40px] text-[16px] border border-solid border-[#08BF5A] block rounded-[3px] mb-[16px] text-[#08BF5A]" @click="saveSettingSeason()">
    保存
  </button>
</div>

@push('js')
@endpush