How to Extract just the Date from Angular Material Datepicker

Question

I have a reactive form and inside it I want to use the angular material datepicker. I've extracted the value from the datepicker using (dateChange) but the value it self is of the type object and included much more than what I need. Sun Aug 11 2019 00:00:00 GMT-0400 (Eastern Daylight Time)

Is there away to get just the Month, Day, and the Year Aug 11 2019 without all the rest?

HTML

 <mat-form-field>
   <input matInput [matDatepicker]="dp" placeholder="Choose a date (dateChange)="updateDOB($event)" disabled>
   <mat-datepicker-toggle matSuffix [for]="dp"></mat-datepicker-toggle>
   <mat-datepicker touchUi #dp disabled="false"></mat-datepicker>
 </mat-form-field>

TS (pretty simple at the moment)

updateDOB(dateObject) {
    console.log(dateObject.value);
  }

I've been reading a bunch of documentation but still can't figure it out. Any help is greatly appreciated.

Answer 1

Try this,

updateDoB(dateObject){
 console.log("DATE in dd/mm/yyyy",dateObject.toLocaleDateString())
}

Answer 2

-Update-

I was able to come up with a work around for the problem. I stringified the object value and then trimmed the string to just included the date.

updateDOB(dateObject) {
    // convert object to string then trim it to yyyy-mm-dd
    const stringified = JSON.stringify(dateObject.value);
    const dob = stringified.substring(1, 11);
    this.applicant.contact[0].dob = dob;
  }

The result now comes out to 2019-08-11 which works for me.
If anyone has any other suggestions I'd still be happy to hear them.