Estou utilizando o datepicker da ng-boostrap e estou encontrando dificuldade em formatar a data que vai para o input após o click no dia desejado:
Gostaria que ficasse no formato: dd/mm/yyyy.
Segue HTML do input:
<input class="form-control form-control-sm" type="text" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" [ngClass]="{ 'is-invalid': enviado && f.dt_inicial.errors?.required }" formControlName="dt_inicial">
Abaixo está como alterei a localidade padrão do Angular, bem como a importação do NgbModule:
import { registerLocaleData, DatePipe } from '@angular/common';
import localePt from '@angular/common/locales/pt';
registerLocaleData(localePt);
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
...
imports: [
...
NgbModule
],
providers: [
...
{ provide: LOCALE_ID, useValue: 'pt' }
]