Time picker sets default value on the form input but no v-model value when clicked

I’m submitting a …

[x] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ ] Other, please describe

Tell about your platform

• flatPickr version : 4.5.2
• Vue.js version : 3.0.5
• Browser name and version : Firefox 63.0.3
• This package version : 8.0.0

Current behavior

Time picker puts a default value (in my case 12:00) but no v-model equivalent value when it is clicked.

Expected behavior

If time picker form is clicked there should be no default value put on the form. Or immediately set the v-model to the default value when it’s clicked.

Minimal reproduction of the problem with instructions I only set my flatpickr config to this:

enableTime: true,
noCalendar: true,
dateFormat: "U",
altInput: true,
altFormat: "h:i K",

And my flatpickr:

<flat-pickr v-model="myTime" class="input" placeholder="Time" :config="pickr.time"></flat-pickr>

https://jsfiddle.net/kqvhzxy2/2/

[asharghi]

For anyone finding this. No need for a method. Just do:

<flat-pickr v-model=“date” :config=“config” @on-close=“date = $event” />

[fobiasmog]

Another issue solution is use watch https://jsfiddle.net/zbrejkin/n84y65w0/13/