ngx-bootstrap - всплывающее окно Timepicker для ввода

Question

Я использую компонент time-picker из ngx-bootsrap и хочу добавить time-picker в поле ввода следующим образом. (Больше во всплывающем диалоге, который используется в Date-Picker )

Любой совет, как это сделать, потому что согласно документации он всегда использует директиву time-picker HTML.

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

Answer 1

@ aspergillusOryzae: для отображения только временного формата используйте value свойства вместо [(ngModel)]

<input value="{{ mytime | date: 'HH:mm' }}" [popover]="popTemplate" [outsideClick]="true" placement="bottom" />

Answer 2

Вы можете использовать popover для достижения этого.

Я создал пример для этого - https://stackblitz.com/edit/so-angular-ngx-timepicker