<a
    href="/more-weeks?start=2026-02-20"
    hx-get="/more-weeks?start=2026-02-20"
    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-01-11"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">11</span>
                
                <input type="checkbox" name="dates" id="2026-01-11" class="hidden" value="2026-01-11">
            </label>
        
            <label
                class="calendar-day"
                for="2026-01-12"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">12</span>
                
                <input type="checkbox" name="dates" id="2026-01-12" class="hidden" value="2026-01-12">
            </label>
        
            <label
                class="calendar-day"
                for="2026-01-13"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">13</span>
                
                <input type="checkbox" name="dates" id="2026-01-13" class="hidden" value="2026-01-13">
            </label>
        
            <label
                class="calendar-day"
                for="2026-01-14"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">14</span>
                
                <input type="checkbox" name="dates" id="2026-01-14" class="hidden" value="2026-01-14">
            </label>
        
            <label
                class="calendar-day"
                for="2026-01-15"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">15</span>
                
                <input type="checkbox" name="dates" id="2026-01-15" class="hidden" value="2026-01-15">
            </label>
        
            <label
                class="calendar-day"
                for="2026-01-16"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">16</span>
                
                <input type="checkbox" name="dates" id="2026-01-16" class="hidden" value="2026-01-16">
            </label>
        
            <label
                class="calendar-day"
                for="2026-01-17"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">17</span>
                
                <input type="checkbox" name="dates" id="2026-01-17" class="hidden" value="2026-01-17">
            </label>
        
    </div>

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

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

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

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