<a
    href="/more-weeks?start=2025-08-27"
    hx-get="/more-weeks?start=2025-08-27"
    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-07-20"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">20</span>
                
                <input type="checkbox" name="dates" id="2025-07-20" class="hidden" value="2025-07-20">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-21"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">21</span>
                
                <input type="checkbox" name="dates" id="2025-07-21" class="hidden" value="2025-07-21">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-22"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">22</span>
                
                <input type="checkbox" name="dates" id="2025-07-22" class="hidden" value="2025-07-22">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-23"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">23</span>
                
                <input type="checkbox" name="dates" id="2025-07-23" class="hidden" value="2025-07-23">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-24"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">24</span>
                
                <input type="checkbox" name="dates" id="2025-07-24" class="hidden" value="2025-07-24">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-25"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">25</span>
                
                <input type="checkbox" name="dates" id="2025-07-25" class="hidden" value="2025-07-25">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-26"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">26</span>
                
                <input type="checkbox" name="dates" id="2025-07-26" class="hidden" value="2025-07-26">
            </label>
        
    </div>

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2025-07-27"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">27</span>
                
                <input type="checkbox" name="dates" id="2025-07-27" class="hidden" value="2025-07-27">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-28"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">28</span>
                
                <input type="checkbox" name="dates" id="2025-07-28" class="hidden" value="2025-07-28">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-29"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">29</span>
                
                <input type="checkbox" name="dates" id="2025-07-29" class="hidden" value="2025-07-29">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-30"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">30</span>
                
                <input type="checkbox" name="dates" id="2025-07-30" class="hidden" value="2025-07-30">
            </label>
        
            <label
                class="calendar-day"
                for="2025-07-31"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">31</span>
                
                <input type="checkbox" name="dates" id="2025-07-31" class="hidden" value="2025-07-31">
            </label>
        
            <label
                class="calendar-day"
                for="2025-08-01"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">1</span>
                
                    <div class="month">Aug</div>
                
                <input type="checkbox" name="dates" id="2025-08-01" class="hidden" value="2025-08-01">
            </label>
        
            <label
                class="calendar-day"
                for="2025-08-02"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">2</span>
                
                <input type="checkbox" name="dates" id="2025-08-02" class="hidden" value="2025-08-02">
            </label>
        
    </div>

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

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

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