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

<script>
export default {
  name: 'KoleTimePicker',
  props: {
    value: { type: String, default: '09:30' }, // 绑定值
    format: { type: String, default: 'HH:mm' }, // 格式
  },
  methods: {
    change: function (value) { this.$emit('input', value); this.$emit('change', value); this.$emit('pagechange', value); }
  },
  // events: change
};
</script>

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