title: ng-bootstrap timepicker display format as hh:mm a?
body: <p>Angular6 project.</p>
  
  <p>I am using this <a href="https://ng-bootstrap.github.io/#/components/timepicker/examples" rel="nofollow noreferrer">https://ng-bootstrap.github.io/#/components/timepicker/examples</a></p>
  
  <p>The output of ngb-timepicker using NgbTimeStruct which is formatted like so</p>
  
  <pre><code>{hour: 13, minute: 30};
  </code></pre>
  
  <p>How do I display this as 01:30 PM? I was looking at Pipe Date from angular, but this requires use Javascript Date object... but I do not need Date just the time.</p>
  
  <p>This is my code</p>
  
  <p>html</p>
  
  <pre><code> &lt;ngb-timepicker [formControl]="startCtrl" [meridian]="meridian" [minuteStep]="minuteStep"&gt;&lt;/ngb-timepicker&gt;
   &lt;button class="btn btn-success" (click)="update()"&gt;Update Time&lt;/button&gt;
   &lt;div&gt;{{ startTime }}&lt;/div&gt;
  </code></pre>
  
  <p>component </p>
  
  <pre><code> startCtrl = new FormControl();
  
   update(){
    this.starter = this.startCtrl.value;
   }
  </code></pre>
  
  <p>I don't need the date just the time</p>