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

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    value: { type: String, default: '2026-09-20' }, // 绑定值
    range: { type: Boolean, default: false }, // 取值范围
    format: { type: String, default: 'YYYY-MM-DD' }, // 格式
    presets: { type: Array, default: () => [] }, // 快捷预设
});
const emit = defineEmits(["change"]);

function change(value) { emit('update:modelValue', value); emit('change', value); emit('pagechange', value); }
</script>

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