cloud-ui.vusion/src/u-date-picker.vue/index.html

Vusion Cloud UI

<u-popper ref="popper" appendTo="reference" :placement="placement" @toggle="onToggle($event)">
    <div :class="$style.header">
        <input :class="$style.input" :placeholder="placeholder" :value="showDate" ref="input" :autofocus="autofocus" :readonly="readonly" :disabled="disabled" :style="{width: width+'px'}"  @change="onInput($event)">
    </div>
    <div :class="$style.body" slot="popper" @click.stop>
        <u-calendar :minDate="minDate" :year-diff="yearDiff" :year-add="yearAdd" :maxDate="maxDate" :date="showDate" @select="select($event.date)"/>
    </div>
    <slot></slot>
</u-popper>