Me gustaría obtener el valor de dos fechas obtenidas desde un datapicker en angular, y poder pasarlo al controlador en una variable, y en vez de mostrar el valor de la fecha en formato con slash , cambiarlo a guion, por ejemplo "2019-07-16" y asignarlo dentro de de la función getListOrder, en la linea comentada. La idea es obtener tener un filtro entre dos fechas para realizar un gráfico para un componente

Adjunto el html de mi componente 

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    import { Component, OnInit, ViewChild } from '@angular/core';
    import { MatSort } from '@angular/material/sort';
    import { MatTableDataSource } from '@angular/material/table';
    import { OrderInterface } from '../../../models/order';
    import { NgForm } from '@angular/forms';
    import { AuthService } from '../../../services/auth.service';
    import { AngularFireAuth } from '@angular/fire/auth';
    import { UserInterface } from '../../../models/user';
    import { OrderService } from '../../../services/order.service';
    import { DetailsInterface } from 'src/app/models/details';
    import * as moment from "moment";

    declare let Chart: any;

    @Component({
      selector: 'chart-list',
      templateUrl: './chart-list.component.html',
      styleUrls: ['./chart-list.component.css']
    })
    export class ChartListComponent implements OnInit {

      constructor(private dataApi: OrderService,  private authService: AuthService) { }
      private details: DetailsInterface[];
      private charts: OrderInterface[];
      private chartParams: { xParams: string[], yParams: number[] };
      private order = [];
      public isAdmin: any = null;
      public userUid: string = null;

      ngOnInit() {
        this.getListOrder();
      }


    getListOrder() {


        this.dataApi.getAllOrdersOffer()
          .subscribe(order => {
            this.dataApi.getAllDetails()
              .subscribe((details: any) => {
                // elimianr grafico
                const ids = order.filter((row) => {
                  return row.status // && moment(row.date).isSameOrAfter("2019-07-16") && moment(row.date).isSameOrBefore("2019-07-16");
                }).map((row) => row.id);

                let productos = details
                .filter((row) => ids.includes(row.ref))
                .map((detail) => detail.details.map((row) => row.name))
                .join().split(",");
                
                productos = Array.from(new Set(productos));
                this.chartParams = {
                  xParams: productos,
                  yParams: productos.map((p) => {
                    return details.reduce((suma, current) => {
                      return suma += current.details.filter((row) => row.name === p).reduce((suma, current) => {
                        return suma += current.cant;
                      }, 0);
                    }, 0);
                  })
                };
                this.buildChart();
              });
          });
      }

<!-- language: lang-html -->

    <mat-form-field>
        <input matInput [matDatepicker]="dp3" placeholder="Fecha de inicio" disabled >
        <mat-datepicker-toggle matSuffix [for]="dp3"></mat-datepicker-toggle>
        <mat-datepicker #dp3 disabled="false"></mat-datepicker>
      </mat-form-field>

<!-- end snippet -->