TimePicker / time picker not working inside a loop

I am binding time picker inside a loop, and it is binding correctly. But the time picker does not close on minute click, and it reverts back to its original value when I click outside the timepicker

I am not getting any errors.

@click:minute="$refs.menu.save(i.time)" seems like not working - just not sure if this is the reason why the timepicker does not close when minute is clicked.

Here’s my code:


I fund the problem but Im not sure why i works without .sync

              :return-value.sync="i.time" // <-- remove sync and it works

It worked! One last thing. It does not close after clicking the minute.
I can’t use a v-model, as it opens all the timepicker when clicked.