You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
When i add the custom time picker from the documentation https://vue3datepicker.com/slots/components/#time-picker then utilize auto-apply with flow=[calendar, hours. minutes] it is considering each calendar date pick as a new flow step
<template>
<div>
<Datepickerv-model="date":flow="flow"auto-apply>
<template #time-picker="{ time, updateTime }">
<divclass="custom-time-picker-component">
<selectclass="select-input":value="time.hours"@change="updateTime(+$event.target.value)"
>
<optionv-for="h in hoursArray":key="h.value":value="h.value">
{{ h.text }}
</option>
</select>
<selectclass="select-input":value="time.minutes"@change="updateTime(+$event.target.value, false)"
>
<optionv-for="m in minutesArray":key="m.value":value="m.value">
{{ m.text }}
</option>
</select>
</div>
</template>
</Datepicker>
</div>
</template>
<script setup>
import { ref, computed } from'vue';importDatepickerfrom'@vuepic/vue-datepicker';import'@vuepic/vue-datepicker/dist/main.css';constdate=ref();constflow=ref(['calendar', 'hours', 'minutes']);consthoursArray=computed(() => {constarr= [];for (let i =0; i <24; i++) {arr.push({ text: i <10?`0${i}`: i, value: i }); }return arr;});constminutesArray=computed(() => {constarr= [];for (let i =0; i <60; i++) {arr.push({ text: i <10?`0${i}`: i, value: i }); }return arr;});
</script>
To Reproduce
Steps to reproduce the behavior:
Click three different dates without touching time
Calendar closes because the flow step is increasing when i click a new date on the calendar
Expected behavior
I expect the calendar to only close when i click a calendar date followed by hour then minute
The text was updated successfully, but these errors were encountered:
Describe the bug
When i add the custom time picker from the documentation https://vue3datepicker.com/slots/components/#time-picker then utilize auto-apply with flow=[calendar, hours. minutes] it is considering each calendar date pick as a new flow step
To Reproduce
Steps to reproduce the behavior:
Expected behavior
I expect the calendar to only close when i click a calendar date followed by hour then minute
The text was updated successfully, but these errors were encountered: