<div class="mounths_calendar_wrapper" id="mounths-wrapper" data-datetype="{{ dateType|default('') }}">
<p class="regulation_modal_title mb-0">{{ 'site.choose_date'|trans({}, 'dc_base') }}</p>
<div class="recording__service-calendar">
<span class="month-name-block">
<span v-on:click.stop="setMonth(month-1)"><</span>
<span class="month-name" v-html="calendarMonth"></span>
<span v-on:click.stop="setMonth(month+1)">></span>
</span>
<div class="service-calendar-wrap">
<div class="recording__service-calendar-head">
<span>Пн</span>
<span>Вт</span>
<span>Ср</span>
<span>Чт</span>
<span>Пт</span>
<span>Сб</span>
<span>{{ 'modules.online-booking.day_sunday'|trans({},'dc_base') }}</span>
</div>
<div class="recording__service-calendar-day">
<span
v-on:click="setDate"
:data-date="day.active ? day.day : null"
v-for="day in days"
:class="!day.active ? 'active' : ''"
v-html="day.day"
></span>
</div>
</div>
</div>
</div>