<a
    href="/more-weeks?start=2025-04-19"
    hx-get="/more-weeks?start=2025-04-19"
    hx-swap="beforeend"
    hx-target="#weeks"
    class="btn btn-inverse-gray"
    id="more_button"
    hx-swap-oob="true"
>
    More
</a>

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2025-03-09"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">9</span>
                
                <input type="checkbox" name="dates" id="2025-03-09" class="hidden" value="2025-03-09">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-10"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">10</span>
                
                <input type="checkbox" name="dates" id="2025-03-10" class="hidden" value="2025-03-10">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-11"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">11</span>
                
                <input type="checkbox" name="dates" id="2025-03-11" class="hidden" value="2025-03-11">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-12"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">12</span>
                
                <input type="checkbox" name="dates" id="2025-03-12" class="hidden" value="2025-03-12">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-13"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">13</span>
                
                <input type="checkbox" name="dates" id="2025-03-13" class="hidden" value="2025-03-13">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-14"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">14</span>
                
                <input type="checkbox" name="dates" id="2025-03-14" class="hidden" value="2025-03-14">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-15"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">15</span>
                
                <input type="checkbox" name="dates" id="2025-03-15" class="hidden" value="2025-03-15">
            </label>
        
    </div>

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2025-03-16"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">16</span>
                
                <input type="checkbox" name="dates" id="2025-03-16" class="hidden" value="2025-03-16">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-17"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">17</span>
                
                <input type="checkbox" name="dates" id="2025-03-17" class="hidden" value="2025-03-17">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-18"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">18</span>
                
                <input type="checkbox" name="dates" id="2025-03-18" class="hidden" value="2025-03-18">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-19"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">19</span>
                
                <input type="checkbox" name="dates" id="2025-03-19" class="hidden" value="2025-03-19">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-20"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">20</span>
                
                <input type="checkbox" name="dates" id="2025-03-20" class="hidden" value="2025-03-20">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-21"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">21</span>
                
                <input type="checkbox" name="dates" id="2025-03-21" class="hidden" value="2025-03-21">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-22"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">22</span>
                
                <input type="checkbox" name="dates" id="2025-03-22" class="hidden" value="2025-03-22">
            </label>
        
    </div>

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2025-03-23"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">23</span>
                
                <input type="checkbox" name="dates" id="2025-03-23" class="hidden" value="2025-03-23">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-24"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">24</span>
                
                <input type="checkbox" name="dates" id="2025-03-24" class="hidden" value="2025-03-24">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-25"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">25</span>
                
                <input type="checkbox" name="dates" id="2025-03-25" class="hidden" value="2025-03-25">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-26"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">26</span>
                
                <input type="checkbox" name="dates" id="2025-03-26" class="hidden" value="2025-03-26">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-27"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">27</span>
                
                <input type="checkbox" name="dates" id="2025-03-27" class="hidden" value="2025-03-27">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-28"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">28</span>
                
                <input type="checkbox" name="dates" id="2025-03-28" class="hidden" value="2025-03-28">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-29"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">29</span>
                
                <input type="checkbox" name="dates" id="2025-03-29" class="hidden" value="2025-03-29">
            </label>
        
    </div>

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2025-03-30"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">30</span>
                
                <input type="checkbox" name="dates" id="2025-03-30" class="hidden" value="2025-03-30">
            </label>
        
            <label
                class="calendar-day"
                for="2025-03-31"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">31</span>
                
                <input type="checkbox" name="dates" id="2025-03-31" class="hidden" value="2025-03-31">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-01"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">1</span>
                
                    <div class="month">Apr</div>
                
                <input type="checkbox" name="dates" id="2025-04-01" class="hidden" value="2025-04-01">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-02"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">2</span>
                
                <input type="checkbox" name="dates" id="2025-04-02" class="hidden" value="2025-04-02">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-03"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">3</span>
                
                <input type="checkbox" name="dates" id="2025-04-03" class="hidden" value="2025-04-03">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-04"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">4</span>
                
                <input type="checkbox" name="dates" id="2025-04-04" class="hidden" value="2025-04-04">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-05"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">5</span>
                
                <input type="checkbox" name="dates" id="2025-04-05" class="hidden" value="2025-04-05">
            </label>
        
    </div>

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2025-04-06"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">6</span>
                
                <input type="checkbox" name="dates" id="2025-04-06" class="hidden" value="2025-04-06">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-07"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">7</span>
                
                <input type="checkbox" name="dates" id="2025-04-07" class="hidden" value="2025-04-07">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-08"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">8</span>
                
                <input type="checkbox" name="dates" id="2025-04-08" class="hidden" value="2025-04-08">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-09"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">9</span>
                
                <input type="checkbox" name="dates" id="2025-04-09" class="hidden" value="2025-04-09">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-10"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">10</span>
                
                <input type="checkbox" name="dates" id="2025-04-10" class="hidden" value="2025-04-10">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-11"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">11</span>
                
                <input type="checkbox" name="dates" id="2025-04-11" class="hidden" value="2025-04-11">
            </label>
        
            <label
                class="calendar-day"
                for="2025-04-12"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">12</span>
                
                <input type="checkbox" name="dates" id="2025-04-12" class="hidden" value="2025-04-12">
            </label>
        
    </div>