Date picker - breaking change

Dear @Hutton

I would like to take a look at the code which is not working for you (both HTML and TS).

Without it, I won't be able to help you well.

Best Regards,

Damian

Thanks Damian,

On replicating this error for you I notice that it is ISO formatted strings (that we get back from our webservice) that give this error since we have updated to v7.5.2.

You can replicate this error as follows:

TS

 ngOnInit() {
const product = {
  name: 'Test Product',
  startDate: new Date().toISOString()
};

this.productForm.patchValue(product);
}

HTML

<form [formGroup]="productForm" (ngSubmit)="onSubmit()">
  <div class="form-group row">
<label for="code" class="col-sm-3 col-form-label">Product Name</label>
<div class="col-sm-9">
  <input type="text" formControlName="name"
    class="form-control" id="name" placeholder="Product Name">
</div>
  </div>
  <div class="form-group row">
<label for="startDate" class="col-sm-3 col-form-label">Start Date</label>
<div class="col-sm-9">
  <mdb-date-picker id="startDate"
    [options]="myDatePickerOptions" [placeholder]="'Start Date'" formControlName="startDate" required>
  </mdb-date-picker>
</div>
  </div>
  </form>

Thank you for the code, we will take a closer look at this problem. The only workaround for now would be to patch date value using object format. Please take a look at the examples from our documentation (set default value section):

https://mdbootstrap.com/docs/angular/forms/date-picker/

Dear @Hutton

This problem will be resolved with the next release of MDB Angular.

Best Regards,

Damian

That is great to hear. Many thanks Damian