<div id="month-selector">
            <span class="disabled-text">Мiesiąc:</span> <select id="month" onchange="updateCalendar()">
            </select>
        </div>
        
        <div id="calendar">
            <div class="prev">
                <img src="<?=get_template_directory_uri()?>/assets/images/prev.svg" alt="Previous" />
            </div>

            <div id="termin" class="owl-carousel owl-theme">
                <!-- <div class="item termin__el">
                    <div class="day">1 Wtz</div>
                    <div class="hour">8:00</div>
                    <div class="hour">8:30</div>
                    <div class="hour">9:00</div>
                </div>
                <div class="item termin__el">
                    <div class="day">1 Wtz</div>
                    <div class="hour">8:00</div>
                    <div class="hour">8:30</div>
                    <div class="hour">9:00</div>
                </div>
                <div class="item termin__el">
                    <div class="day">1 Wtz</div>
                    <div class="hour">8:00</div>
                    <div class="hour disabled">8:30</div>
                    <div class="hour">9:00</div>
                </div> -->
            </div>

            <div class="next">
                <img src="<?=get_template_directory_uri()?>/assets/images/next.svg" alt="Next" />
            </div>

            <div class="toggle-hours-btn__wrapper">
                <div class="toggle-hours"><button id="toggle-hours-btn">Pokaż więcej godzin</button><img id="toggle-hours-img" src="<?=get_template_directory_uri()?>/assets/images/arrow-up.svg" alt="arrow"/></div>
            </div>
        </div>