div(v-clickoutside="clickOutside").mdrp-root
div(@click="visible=!visible").mdrp__activator
slot(name="input")
v-text-field(v-bind="$attrs" :value="valueString" readonly)
transition(name="slide-fade" mode="out-in")
div(:class="pickerStyles()" v-show="visible").mdrp__panel.dropdown-menu
calendar-ranges(
v-if="!hidePresets"
:presets="presets"
v-model="model"
@input="apply"
)
calendar(
:day="leftCalendarDay"
:value="model"
:hover="hover"
:show-year-select="showYearSelect"
:min-year="minYear"
:max-year="maxYear"
@input="selectDate"
@update:hover="hoverDate"
@clickNextMonth="clickNextMonth"
@clickPrevMonth="clickPrevMonth"
@clickYear="d=>selectYear('left', d)"
).calendar.left
calendar(
:day="rightCalendarDay"
:value="model"
:hover="hover"
:show-year-select="showYearSelect"
:min-year="minYear"
:max-year="maxYear"
@input="selectDate"
@update:hover="hoverDate"
@clickNextMonth="clickNextMonth"
@clickPrevMonth="clickPrevMonth"
@clickYear="d=>selectYear('right', d)"
).calendar.right