.c-timepicker(ref="timepicker")
.c-timepicker__icon.c-timepicker__hovericon(
:class="sizeClassName"
@click="clear"
v-if="!disabled")
c-icon(name="x-circle")
.c-timepicker__icon(
:class="sizeClassName"
@click="openTimePanel"
)
c-icon(type="feather" name="clock")
c-timerange(
:value="value"
:readonly="readonly"
:disabled="disabled"
:size="size"
v-if="timeType == 'timerange'"
:format="format"
@change="timerangeChange"
)
c-input(
v-model="showValue"
:placeholder="placeholder"
:disabled="disabled"
:size="size"
:readonly="readonly"
@click.native="openTimePanel"
@change="valueChange"
v-if="timeType=='timepicker'"
)
.c-timepicker__wrap(
ref="timepickerPanel"
v-if="timeType=='timepicker'"
:class="{show: isOpen}"
)
c-timepanel(
:isShown="isOpen"
:hour="hour"
:minute="minute"
:second="second"
:format="format"
:minTime="minTime"
:maxTime="maxTime"
:secondStep="secondStep"
:minuteStep="minuteStep"
:hourStep="hourStep"
:defaultValue="defaultValue"
@change="timeChange"
)