<div class="appointment-calendar jet-apb-calendar">
    <div class="jet-apb-calendar-header">
        <button type="button" class="jet-apb-calendar-btn" data-calendar-toggle="previous">
            <svg height="24" version="1.1" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                <path d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"></path>
            </svg>
        </button>
        <div class="jet-apb-calendar-header__label" data-calendar-label="month">June 2021</div>
        <button type="button" class="jet-apb-calendar-btn" data-calendar-toggle="next">
            <svg height="24" version="1.1" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
                <path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"></path>
            </svg>
        </button>
    </div>
    <div class="jet-apb-calendar-week">
        <span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span><span>Sun</span>
    </div>
    <div class="jet-apb-calendar-body" data-calendar-area="month">
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="tuesday"
             data-calendar-date="1622505600" style="margin-left: 14.28%;">
            <div class="jet-apb-calendar-date-body">1</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="wednesday"
             data-calendar-date="1622592000">
            <div class="jet-apb-calendar-date-body">2</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="thursday"
             data-calendar-date="1622678400">
            <div class="jet-apb-calendar-date-body">3</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="friday"
             data-calendar-date="1622764800">
            <div class="jet-apb-calendar-date-body">4</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="saturday"
             data-calendar-date="1622851200">
            <div class="jet-apb-calendar-date-body">5</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="sunday"
             data-calendar-date="1622937600">
            <div class="jet-apb-calendar-date-body">6</div>
        </div>
        <div class="jet-apb-calendar-slots"></div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="monday"
             data-calendar-date="1623024000">
            <div class="jet-apb-calendar-date-body">7</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="tuesday"
             data-calendar-date="1623110400">
            <div class="jet-apb-calendar-date-body">8</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="wednesday"
             data-calendar-date="1623196800">
            <div class="jet-apb-calendar-date-body">9</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="thursday"
             data-calendar-date="1623283200">
            <div class="jet-apb-calendar-date-body">10</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="friday"
             data-calendar-date="1623369600">
            <div class="jet-apb-calendar-date-body">11</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="saturday"
             data-calendar-date="1623456000">
            <div class="jet-apb-calendar-date-body">12</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="sunday"
             data-calendar-date="1623542400">
            <div class="jet-apb-calendar-date-body">13</div>
        </div>
        <div class="jet-apb-calendar-slots"></div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="monday"
             data-calendar-date="1623628800">
            <div class="jet-apb-calendar-date-body">14</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="tuesday"
             data-calendar-date="1623715200">
            <div class="jet-apb-calendar-date-body">15</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="wednesday"
             data-calendar-date="1623801600">
            <div class="jet-apb-calendar-date-body">16</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="thursday"
             data-calendar-date="1623888000">
            <div class="jet-apb-calendar-date-body">17</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="friday"
             data-calendar-date="1623974400">
            <div class="jet-apb-calendar-date-body">18</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="saturday"
             data-calendar-date="1624060800">
            <div class="jet-apb-calendar-date-body">19</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="sunday"
             data-calendar-date="1624147200">
            <div class="jet-apb-calendar-date-body">20</div>
        </div>
        <div class="jet-apb-calendar-slots"></div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="monday"
             data-calendar-date="1624233600">
            <div class="jet-apb-calendar-date-body">21</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-week-day="tuesday"
             data-calendar-date="1624320000">
            <div class="jet-apb-calendar-date-body">22</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--today" data-status="true" data-week-day="wednesday"
             data-calendar-date="1624406400">
            <div class="jet-apb-calendar-date-body">23</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--selected" data-status="true" data-week-day="thursday"
             data-calendar-date="1624492800">
            <div class="jet-apb-calendar-date-body">24</div>
        </div>
        <div class="jet-apb-calendar-date" data-status="true" data-week-day="friday" data-calendar-date="1624579200">
            <div class="jet-apb-calendar-date-body">25</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-status="false" data-week-day="saturday"
             data-calendar-date="1624665600">
            <div class="jet-apb-calendar-date-body">26</div>
        </div>
        <div class="jet-apb-calendar-date jet-apb-calendar-date--disabled" data-status="false" data-week-day="sunday"
             data-calendar-date="1624752000">
            <div class="jet-apb-calendar-date-body">27</div>
        </div>
        <div class="jet-apb-calendar-slots jet-apb-calendar-slots--active">
            <div class="jet-apb-slot" data-slot="1624521600" data-slot-end="1624525200" data-date="1624492800"
                 data-price="78">08:00-09:00
            </div>
            <div class="jet-apb-slot" data-slot="1624525200" data-slot-end="1624528800" data-date="1624492800"
                 data-price="78">09:00-10:00
            </div>
            <div class="jet-apb-slot jet-apb-slot--selected" data-slot="1624528800" data-slot-end="1624532400"
                 data-date="1624492800" data-price="78">10:00-11:00
            </div>
            <div class="jet-apb-slot" data-slot="1624532400" data-slot-end="1624536000" data-date="1624492800"
                 data-price="78">11:00-12:00
            </div>
            <div class="jet-apb-slot" data-slot="1624536000" data-slot-end="1624539600" data-date="1624492800"
                 data-price="78">12:00-13:00
            </div>
            <div class="jet-apb-slot" data-slot="1624539600" data-slot-end="1624543200" data-date="1624492800"
                 data-price="78">13:00-14:00
            </div>
            <div class="jet-apb-slot" data-slot="1624543200" data-slot-end="1624546800" data-date="1624492800"
                 data-price="78">14:00-15:00
            </div>
            <div class="jet-apb-slot" data-slot="1624546800" data-slot-end="1624550400" data-date="1624492800"
                 data-price="78">15:00-16:00
            </div>
            <div class="jet-apb-slot" data-slot="1624550400" data-slot-end="1624554000" data-date="1624492800"
                 data-price="78">16:00-17:00
            </div>
            <div class="jet-apb-calendar-slots__close">×</div>
        </div>
        <div class="jet-apb-calendar-date" data-status="true" data-week-day="monday" data-calendar-date="1624838400">
            <div class="jet-apb-calendar-date-body">28</div>
        </div>
        <div class="jet-apb-calendar-date" data-status="true" data-week-day="tuesday" data-calendar-date="1624924800">
            <div class="jet-apb-calendar-date-body">29</div>
        </div>
        <div class="jet-apb-calendar-date" data-status="true" data-week-day="wednesday" data-calendar-date="1625011200">
            <div class="jet-apb-calendar-date-body">30</div>
        </div>
        <div class="jet-apb-calendar-slots"></div>
    </div>
    <input type="hidden" name="calendar" class="jet-form-builder__field" value="">
</div>

