title: How to display Date in Html using angular?
body: <p>I have two datepickeres in my HTML file using bootstrap and I am trying to display a simple message from this (first selected date) to this (second selected date).</p>
  
  <p>The typescript class is:</p>
  
  <pre><code> export class Datepicker {
      date: any;
      } 
  </code></pre>
  
  <p>And the HTML is:</p>
  
  <pre><code> &lt;div class="form-group"&gt;
        &lt;label for="hireDate"&gt;Hire Date:&lt;/label&gt;
        &lt;form class="form-inline"&gt;
          &lt;div class="form-group"&gt;
            &lt;div class="input-group"&gt;
              &lt;input class="form-control" name="hireDate" id="hireDate" placeholder="yyyy-mm-dd"
                     [(ngModel)]="datePicker.date" ngbDatepicker #d="ngbDatepicker"&gt;
              &lt;div class="input-group-append"&gt;
                &lt;button class="btn btn-outline-secondary" (click)="d.toggle()" type="button"&gt;
                  &lt;img src="/assets/calendar-icon.svg" style="width: 1.2rem; height: 1rem; cursor: pointer;"/&gt;
                &lt;/button&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  &lt;div&gt;{{datePicker.date}} &lt;/div&gt;
  </code></pre>
  
  <p>But it gives me Object as a result and not the selected date.
  Any help?</p>