ngx-bootstrap - Timepicker popup for input

angular typescript ngx-bootstrap
Amila Iddamalgoda picture Amila Iddamalgoda · Aug 28, 2018 · Viewed 8.2k times · Source

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>

Answer

Sumit M picture Sumit M · Aug 28, 2018

You can use popover to achieve this.

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

Related questions

Cannot find module 'ngx-bootstrap'

I'm having an issue in my application with ngx-bootstrap whereby it now can't detect the module unless you specify the path For example: import { BsModalService, BsModalRef } from 'ngx-bootstrap'; produces "Cannot find module 'ngx-bootstrap'". Removing the reference and checking quickfixes just …

Read More
Angular use modal dialog in canDeactivate Guard service for unsubmitted changes (Form dirty)

In my Angular 4 application I have some components with a form, like this: export class MyComponent implements OnInit, FormComponent { form: FormGroup; ngOnInit() { this.form = new FormGroup({...}); } they use a Guard service to prevent unsubmitted changes to get lost, so if …

Read More
How pass data from ModalService into component

I'm trying to use ngx-bootstrap-modal to pass data from a modal service into a modal component. The examples show this: this.modalService.show(ModalContentComponent, {initialState}); But it doesn't show how the ModalContentComponent actually consumes that state. I've played around in …

Read More