Problems showing a date captured with datapicker on a smartgrid

I am new in angular and I have the following problem of the invoices form where I capture by means of the component datapicker 5 different dates to calculate the days that pass between two dates, I am thinking of using for that function moments.js .

However, when you create a smarthgrid to show all the invoices, I have the following problem, the dates show them to me in the following way " 2017-01-17T00: 00: 00.000Z "How can I set that smartgrid to only show" 2017-01-17 "How can it be shown that way only in smartgrid ?

Thanks for the help.

Button code for datapicker in invoice.html

<div class="input-group">
    <input class="calendar-input form-control" placeholder="dd-mm-yyyy" name="dpDate" ngbDatepicker #a="ngbDatepicker" [(ngModel)]="invoice.date"  (ngModelChange)="invoice.date = $event">
    <div class="input-group-append">
        <button class="btn btn-outline-secondary" (click)="a.toggle()" type="button">
            <i class="fa fa-calendar" aria-hidden="true"></i>
        </button>
    </div>
</div>