<template>
  <label class="kole-datepicker kole-datepicker-item">选择值 <input class="kole-datepicker-control" type="date" :value="value" @input="change($event.target.value)" /></label>
</template>

<script>
export default {
  name: 'KoleDatePicker',
  props: {
    value: { type: String, default: '2026-09-20' }, // 绑定值
    range: { type: Boolean, default: false }, // 取值范围
    format: { type: String, default: 'YYYY-MM-DD' }, // 格式
    presets: { type: Array, default: function () { return []; } }, // 快捷预设
  },
  methods: {
    change: function (value) { this.$emit('input', value); this.$emit('change', value); this.$emit('pagechange', value); }
  },
  // events: change
};
</script>

<style src="./DatePicker.css"></style>
