Re Time Picker

Appearance

Events ​

open ​

Trigger when dropdown open

vue
<template>
  <ReTimePicker v-model="value" @open="open" />
</template>

<script setup lang="ts">
// import ...

const value = ref('10:10:10 AM');
const open = () => {
  console.log('open');
};
</script>
<template>
  <ReTimePicker v-model="value" @open="open" />
</template>

<script setup lang="ts">
// import ...

const value = ref('10:10:10 AM');
const open = () => {
  console.log('open');
};
</script>

close ​

Trigger when dropdown close

vue
<template>
  <ReTimePicker v-model="value" @close="close" />
</template>

<script setup lang="ts">
// import ...

const value = ref('10:10:10 AM');
const close = () => {
  console.log('close');
};
</script>
<template>
  <ReTimePicker v-model="value" @close="close" />
</template>

<script setup lang="ts">
// import ...

const value = ref('10:10:10 AM');
const close = () => {
  console.log('close');
};
</script>

change ​

Trigger when value changed

vue
<template>
  <ReTimePicker v-model="value" @change="change" />
</template>

<script setup lang="ts">
// import ...

const value = ref('10:10:10 AM');
const change = (val) => {
  console.log('change', val);
};
</script>
<template>
  <ReTimePicker v-model="value" @change="change" />
</template>

<script setup lang="ts">
// import ...

const value = ref('10:10:10 AM');
const change = (val) => {
  console.log('change', val);
};
</script>