<template>
  <label class="kole-timepicker kole-timepicker-item">执行时间 <input class="kole-timepicker-control" type="time" :value="props.value" @input="change($event.target.value)" /></label>
</template>

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    value: { type: String, default: '09:30' }, // 绑定值
    format: { type: String, default: 'HH:mm' }, // 格式
});
const emit = defineEmits(["change"]);

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

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