Issue with Vue's async event loop

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

Hi there,

Thank you for this component. I ran into an issue caused by Vue’s async event loop.

To reproduce, go to this fiddle: https://jsfiddle.net/6b94mxes/

• Open calendar, the time should be updating every second
• Scroll up once on the minutes location to increase the minute by one. Do this right before the seconds is about to change to the next second

Expected behavior: The minute place will increase and the calendar will stop updating until one minute has passed.

Current behavior: DOM input takes a few moments to change v-model. So this.date is not updated quickly enough and the minute place reverts back to what it was.

Any advice on how to work around this?

Thanks!

[ankurk91]

This will never solve. This is how js works.

[ankurk91]

@bhulsman Your issue is different. When user clicks on reset (clear) button; v-model value needs to be updated so component emits input event with new value.