<a
    href="/more-weeks?start=2029-03-08"
    hx-get="/more-weeks?start=2029-03-08"
    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="2029-01-28"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">28</span>
                
                <input type="checkbox" name="dates" id="2029-01-28" class="hidden" value="2029-01-28">
            </label>
        
            <label
                class="calendar-day"
                for="2029-01-29"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">29</span>
                
                <input type="checkbox" name="dates" id="2029-01-29" class="hidden" value="2029-01-29">
            </label>
        
            <label
                class="calendar-day"
                for="2029-01-30"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">30</span>
                
                <input type="checkbox" name="dates" id="2029-01-30" class="hidden" value="2029-01-30">
            </label>
        
            <label
                class="calendar-day"
                for="2029-01-31"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">31</span>
                
                <input type="checkbox" name="dates" id="2029-01-31" class="hidden" value="2029-01-31">
            </label>
        
            <label
                class="calendar-day"
                for="2029-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="2029-02-01" class="hidden" value="2029-02-01">
            </label>
        
            <label
                class="calendar-day"
                for="2029-02-02"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">2</span>
                
                <input type="checkbox" name="dates" id="2029-02-02" class="hidden" value="2029-02-02">
            </label>
        
            <label
                class="calendar-day"
                for="2029-02-03"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">3</span>
                
                <input type="checkbox" name="dates" id="2029-02-03" class="hidden" value="2029-02-03">
            </label>
        
    </div>

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

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

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

    <div class="w-full grid grid-cols-7">
        
            <label
                class="calendar-day"
                for="2029-02-25"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">25</span>
                
                <input type="checkbox" name="dates" id="2029-02-25" class="hidden" value="2029-02-25">
            </label>
        
            <label
                class="calendar-day"
                for="2029-02-26"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">26</span>
                
                <input type="checkbox" name="dates" id="2029-02-26" class="hidden" value="2029-02-26">
            </label>
        
            <label
                class="calendar-day"
                for="2029-02-27"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">27</span>
                
                <input type="checkbox" name="dates" id="2029-02-27" class="hidden" value="2029-02-27">
            </label>
        
            <label
                class="calendar-day"
                for="2029-02-28"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">28</span>
                
                <input type="checkbox" name="dates" id="2029-02-28" class="hidden" value="2029-02-28">
            </label>
        
            <label
                class="calendar-day"
                for="2029-03-01"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">1</span>
                
                    <div class="month">Mar</div>
                
                <input type="checkbox" name="dates" id="2029-03-01" class="hidden" value="2029-03-01">
            </label>
        
            <label
                class="calendar-day"
                for="2029-03-02"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">2</span>
                
                <input type="checkbox" name="dates" id="2029-03-02" class="hidden" value="2029-03-02">
            </label>
        
            <label
                class="calendar-day"
                for="2029-03-03"
                _="on input toggle .selected"
            >
                <span class="text-xl tracking-wider font-semibold">3</span>
                
                <input type="checkbox" name="dates" id="2029-03-03" class="hidden" value="2029-03-03">
            </label>
        
    </div>