Display Timepicker inline not as popup

[Ryan]

Is it possible to display the popup component of the timepicker inline? I'd like to add the timepicker into the body of a dialog view (better for mobile experience).

[Svet]

Hi Ryan,

I am not sure, that I understand the requirement.

We can use the popupSettings input property of the TimePicker component in order to set a custom CSS classes, that will be applied.

We can also add a TimePicker component to the content of a Dialog as demonstrated in the following example:
https://stackblitz.com/edit/angular-xjwocs?file=app%2Fapp.component.ts

I hope this helps. In case further assistance is required for this case, could you provide some more details about the use case scenario, so that we can provide further feedback. Thank you in advance. 

Regards,
Svetlin
Progress Telerik

[Ryan]

Hi Svetlin, i need the timepicker selector (the popup part) in a dialog. Telerik support gave me a work around...

Currently the only way to achieve a similar layout and functionality is to open the TimePicker programmatically after the component is initialized, prevent the close event, and hide the Timepicker itself via CSS, essentially leaving only the Popup part constantly open, e.g.:

https://stackblitz.com/edit/angular-msczdh-bgfske?file=app/app.component.ts