title: Angular 6 matDatepicker with Moment date format
body: <p>Need some help regarding Angular 6 matDatepicker Moment. There are two date pickers, one for MM/YYYY and the other for DD/MM/YYYY. So the issue is when I pick a date on the second, I get MM/YYYY on the input field instead of DD/MM/YYYY. dev tutorial/info from: <a href="https://material.angular.io/components/datepicker/overview" rel="nofollow noreferrer">https://material.angular.io/components/datepicker/overview</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import {FormControl} from '@angular/forms';
  import {MomentDateAdapter} from '@angular/material-moment-adapter';
  import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';
  import {MatDatepicker} from '@angular/material/datepicker';
  import * as _moment from 'moment';
  import { default as _rollupMoment, Moment } from 'moment';
  const moment = _rollupMoment||_moment;
  export const MY_FORMATS = {
    parse: {
      dateInput: 'MM/YYYY',
    },
    display: {
      dateInput: 'MM/YYYY',
      monthYearLabel: 'MMM YYYY',
      dateA11yLabel: 'LL',
      monthYearA11yLabel: 'MMMM YYYY',
    },
  };
  @Component({
    selector: 'myselector',
    templateUrl: 'my.html',
    styleUrls: ['my.css'],
    providers: [
      {provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE]},
      {provide: MAT_DATE_FORMATS, useValue: MY_FORMATS},
    ],
  })
  date = new FormControl(moment()); //for first datepicker
  generalStartDate = new Date(new Date().getFullYear(), 0, 1);//for second datepicker</code></pre>
  </div>
  </div>
  </p>