Bug: TimePicker with custom input does not lose focus on popup

[Paul]

If i have a TimePicker with a date-input template then the popup will not lose focus and disappear when you click elsewhere on the page (on another control input for example). When i bind to the popup 'show' property and attach handlers to the 'blur' and 'iconclicked' events i can get the popup to hide but on clicking 'Set' on the popup the 'change' event is never raised and the TimePicker input is not updated with the selected time.

[Konstantin Dikov]

Hello Paul,

Thank you for reaching out to us.

I was able to observe the issue in question and I do agree that the closing of the popup should remain the same even with custom input. I will discuss the issue with the developers team, but meanwhile you can handle the onBlur event and use the TimePicker ref and its "setShow" method to close the popup. Here is an example demonstrating this approach:

• https://stackblitz.com/edit/btapak?file=src%2Fmain.vue

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[Paul]

Thanks Konstantin. I'll try and use the TimePicker ref.