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)
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>
You can use popover to achieve this.
I have created a example for this - https://stackblitz.com/edit/so-angular-ngx-timepicker
@aspergillusOryzae: to display time-only format, use value properties instead of [(ngModel)]
<input value="{{ mytime | date: 'HH:mm' }}" [popover]="popTemplate" [outsideClick]="true" placement="bottom" />