title: How do set time inside bootstrap widget
body: <p>I am using this <a href="https://ng-bootstrap.github.io/#/components/timepicker/examples" rel="nofollow noreferrer">Widget</a> in my angular application . In my <code>appmodule.ts</code></p>
  
  <pre><code>  import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
    imports:[NgbModule.forRoot(),....]
  </code></pre>
  
  <p>Widget is shown in UI but time is not set.<a href="https://i.stack.imgur.com/xqexI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xqexI.png" alt="enter image description here"></a></p>
  
  <pre><code>      //inside component.ts 
        meridian = true;
        timePickerFormat:any ;
        //inside constructor
        this.timePickerFormat = {hour: 13, minute: 30};
  </code></pre>
  
  <p>And inside html <code>&lt;ngb-timepicker [(ngModel)]="timePickerFormat" [meridian]="meridian"&gt;&lt;/ngb-timepicker&gt;</code></p>