Estoy usando el selector de fecha ngx-boostrap y tengo dos selectores de fecha como se muestra a continuación

 <div class="form-group col-sm-2"> <input type="text" id="dvcStart" class="form-control form-control-sm" #dp="bsDatepicker" bsDatepicker [(bsValue)]="dvcStartDateValueStr" [(ngModel)]="dvcStartDateValue" [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD' ,containerClass:'theme-dark-blue' }"> </div> <div class="form-group col-sm-2"> <input type="text" id="dvcEnd" class="form-control form-control-sm" #dp="bsDatepicker" bsDatepicker [(bsValue)]="dvcEndDateValueStr" [(ngModel)]="dvcEndDateValue" [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD',containerClass:'theme-dark-blue' }"> </div>

El primer selector de fechas funciona perfectamente como se esperaba, pero el segundo cambia el valor en sí mismo, por ejemplo, la página inicial normalmente con los valores esperados, pero cuando hago clic en uno de los botones o activa un evento sin conexión con el selector de fechas, el segundo valor del selector de fechas desaparece y elimina el valor. Así es como lleno mis selectores de fecha en el lado mecanografiado

 public dvcEndDateValue: Date; public dvcStartDateValue: Date; ngOnInit() { this.dvcStartDateValue = getFirstDayOfMonth(); this.dvcEndDateValue = new Date(); }

que esta causando este problema? ¿Algunas ideas?