Vuetify: Timepicker with text field - the value is not set the first time

[vikegart]

Steps to reproduce

Just try to set time, and look at the text field - it is empty!
But if you try to set time again adn again - it's have been working.
You can reproduce this on you site too https://vuetifyjs.com/components/pickers

For example - this both timepickers has one v-model, but I can set different time!

Versions

Vue 0.15.7
Browsers and OS:
Windows 10 1703, Google Chrome 60.0.3112.113
Android 7.1.1 Google Chrome 61.0.3163.81

What is expected ?

I want it to work fine

What is actually happening ?

When opened time picker textfield loses focus and lazy is not updating.

Reproduction Link

https://codepen.io/vikegart/pen/LzNNwe

[diqost]

+1

[diqost]

I investigated the problem,
watcher of value in TextField
value (val) {
// Value was changed externally, update lazy
if (!this.isFocused) this.lazyValue = val
!this.validateOnBlur && this.validate()
this.shouldAutoGrow && this.calculateInputHeight()
}

the problem: when opened time picker textfield loses focus and lazy is not updating

[diqost]

The work around is to listen event focus and then do blur manually
for example:
ref="timefield"
@focus="()=>$refs.timefield.blur()">

[KaelWD]

This will be fixed in 0.16

See #1729

---

@diqost You can paste code into github comments by surrounding it with backticks:
````

...code here...

````

[vikegart]

ok, you can close this issue and add some labels

[chanlito]

Ran into this today, hope 0.16 come out soon.

[KaelWD]

0.16 is currently planned for october 4th.

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord