VMFieldWrapper.vm-calendar(v-bind="$props" :class="{ opened: isActive }")
BaseInput.vm-calendar-input(v-bind="$props")
CalendarHeader(
:interval="resultClickDate"
:opened="isActive"
@click="toggleBody"
)
transition(name="vm-show-select" mode="out-in")
.vm-calendar-content(v-if="isActive")
.vm-calendar-content-header
.vm-calendar-content-arrow-block(@click.stop="")
.vm-calendar-content-arrow(@click="clickYearDown")
VMIcon(icon="arrow-left")
.vm-calendar-content-arrow(@click="clickMonthDown")
VMIcon(icon="arrow-left")
.vm-calendar-content-date-name
span {{ currentMonth.getFullYear() }}
monthName(:monthNum="currentMonth.getMonth()")
template(v-if="isDouble")
span ,
monthName(:monthNum="currentMonth.getMonth()")
.vm-calendar-content-arrow-block(@click.stop="")
.vm-calendar-content-arrow(@click="clickMonthUp")
VMIcon(icon="arrow-right")
.vm-calendar-content-arrow(@click="clickYearUp")
VMIcon(icon="arrow-right")
.vm-calendar-content-wrapper
CalendarBody(
key="calendar1"
:currentMonth="currentMonth"
:interval="resultClickDate"
:hoverDate="hoverDate"
@click="clickDate"
@update="updateCurrentDate"
@hover-date="updateHoverDate"
)
template(v-if="isDouble")
.vm-calendar-content-separator
CalendarBody(
key="calendar2"
:currentMonth="currentMonth2"
:interval="resultClickDate"
:hoverDate="hoverDate"
@click="clickDate"
@update="updateCurrentDate"
@hover-date="updateHoverDate"
)