<a
    href="/more-weeks?start=2026-12-09"
    hx-get="/more-weeks?start=2026-12-09"
    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="2026-11-01"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">1</span>
                
                    <div class="month">Nov</div>
                
                <input type="checkbox" name="dates" id="2026-11-01" class="hidden" value="2026-11-01">
            </label>
        
            <label
                class="calendar-day"
                for="2026-11-02"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">2</span>
                
                <input type="checkbox" name="dates" id="2026-11-02" class="hidden" value="2026-11-02">
            </label>
        
            <label
                class="calendar-day"
                for="2026-11-03"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">3</span>
                
                <input type="checkbox" name="dates" id="2026-11-03" class="hidden" value="2026-11-03">
            </label>
        
            <label
                class="calendar-day"
                for="2026-11-04"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">4</span>
                
                <input type="checkbox" name="dates" id="2026-11-04" class="hidden" value="2026-11-04">
            </label>
        
            <label
                class="calendar-day"
                for="2026-11-05"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">5</span>
                
                <input type="checkbox" name="dates" id="2026-11-05" class="hidden" value="2026-11-05">
            </label>
        
            <label
                class="calendar-day"
                for="2026-11-06"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">6</span>
                
                <input type="checkbox" name="dates" id="2026-11-06" class="hidden" value="2026-11-06">
            </label>
        
            <label
                class="calendar-day"
                for="2026-11-07"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">7</span>
                
                <input type="checkbox" name="dates" id="2026-11-07" class="hidden" value="2026-11-07">
            </label>
        
    </div>

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

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

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

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