title: How to initialize an Angular Material Datepicker input form field?
body: <p>I'm trying to format my date picker. I don't know the way. I tried inserting a moment.js library that I don't know how to use but copying it from the internet. Now my date picker returns an object moment and I don't know how to format this.</p>
  <h2>Component</h2>
  <pre><code>this.form = this.fb.group({
    deliveryDate: [this.deliveryDate], // i try to set here instead this.delieryDate null or moment() or everythink.....
    address: [null, [Validators.required, Validators.minLength(5)]],
    phone: [null, [Validators.minLength(9),Validators.maxLength(19)]],
    city: [null, [Validators.required, Validators.minLength(5)]],
    data: this.fb.array([this.createContact()])
  });
  </code></pre>
  <h2>Template</h2>
  <pre><code>&lt;mat-form-field&gt;
    &lt;input matInput [matDatepicker]=&quot;picker&quot; placeholder=&quot;Izaberite datum narudzbe&quot;
        formControlName=&quot;deliveryDate&quot;&gt;
    &lt;mat-datepicker-toggle matSuffix [for]=&quot;picker&quot;&gt;&lt;/mat-datepicker-toggle&gt;
    &lt;mat-datepicker #picker&gt;&lt;/mat-datepicker&gt;
  &lt;/mat-form-field&gt;
  </code></pre>