ngx- bootstrap диапазон настраиваемого формата даты

Question

Я хочу настроить выбор формата даты. Когда я отправляю его, он становится таким:

What should I do to change like this myDate: 1-2 July 2020. This is my stackblitz демонстрация и код, как вы указываете.

HTML

<div class="container">
<form #z="ngForm" (ngSubmit)="onSave(z)" novalidate>
<input class="form-control"
           placeholder="Daterangepicker"
           (ngModel)="myDate"
           name="mydate"
           bsDaterangepicker
           [minDate]="minDate"
           [maxDate]="maxDate"
           [bsConfig]="{ dateInputFormat: 'DD-MM-YYYY',  displayOneMonthRange: true }">
           <button  class="btn btn-normal pl-4 pr-4">Submit</button>
</form>
</div>

Компонент

 onSave(z: NgForm){
    console.log(z.value);
  }