title: ngx-bootstrap - Timepicker popup for input
body: <p>I'm using the <code>time-picker</code> component from <a href="https://valor-software.com/ngx-bootstrap/#/timepicker" rel="nofollow noreferrer">ngx-bootsrap</a> and I want to include the <code>time-picker</code> to an input box as follows. (More in a popup dialog way, which used in <a href="https://valor-software.com/ngx-bootstrap/#/datepicker" rel="nofollow noreferrer">date-picker</a>)</p>
  
  <p><a href="https://i.stack.imgur.com/BhiPy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BhiPy.png" alt="enter image description here"></a></p>
  
  <p>Any advice on how to do that , because as per the documentation it always uses the <code>time-picker</code> HTML directive. </p>
  
  <pre><code>eg:- &lt;timepicker [(ngModel)]="mytime"&gt;&lt;/timepicker&gt;
  </code></pre>