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:
[https://codesandbox.io/embed/vuetify-playground-907u3?fontsize=14&hidenavigation=1&theme=dark]

Hi

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

<v-menu
              ref="menu"
              :close-on-content-click="false"
              :nudge-right="40"
              :return-value.sync="i.time" // <-- remove sync and it works
              transition="scale-transition"
              offset-y
              max-width="290px"
              min-width="290px"
            >

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.