Search code examples
angulartypescriptngx-bootstrap

ngx-bootstrap - Timepicker popup for input

I'm using the time-picker component from ngx-bootsrap and I want to include the time-picker to an input box as follows. (More in a popup dialog way, which used in date-picker)

enter image description here

Any advice on how to do that , because as per the documentation it always uses the time-picker HTML directive. 

eg:- <timepicker [(ngModel)]="mytime"></timepicker>
Solution

  • You can use popover to achieve this.

    I have created a example for this - https://stackblitz.com/edit/so-angular-ngx-timepicker