@extends('components.quiz.layouts.default', ['title' => "Date souhaitée"])

@section('quiz.content')
<div wire:loading class="absolute inset-0 pointer-events-none z-10">
    <div class="w-full h-full flex items-center justify-center p-4 z-10 fill-blue-600">
        @include('components.quiz.public.loading.blocks-spinner')
    </div>
</div>

@livewire("components.calendar", ["selectedDate" => $start_at])

<div class="flex flex-col justify-center items-center">
    <button wire:click='updateAttribute("start_at", null)' type="button" class="box-size-helper-btn bg-orange-500 rounded-lg px-4 py-1 text-white transition-all duration-300 hover:bg-orange-600 hover:text-white">
        <p>Je suis flexible</p>
    </button>
</div>
@overwrite