Expected behavior

When setting a default date and a placeholder text for a DatePicker in reactive forms, the placeholder should be shown in the input field until the user selects a date.

Actual behavior

Instead of the placeholder text, the default date is shown in the input field.

To force it to show the placeholder text, we had to remove the default date, which leaves the DatePicker in a state of showing "0"s for the year and month labels at the top (see screenshot).

Resources (screenshots, code snippets etc.)

relevant template code:

<mdb-date-picker
      formControlName="dateOfBirth"
      placeholder="{{amplifyService.i18n().get('verify_form_placeholder_birthdate')}}"
      [options]="datePickerOptions"
      [locale]="'de'"
      #birthdatePicker >
</mdb-date-picker>

DatePicker without default date:

verifyFormGroup = new FormGroup({
    dateOfBirth: new FormControl(null, {
      validators: Validators.required,
      updateOn: 'blur'
    })
});

DatePicker with default date:

verifyFormGroup = new FormGroup({
    dateOfBirth: new FormControl('01.01.2018', {
      validators: Validators.required,
      updateOn: 'blur'
    })
});

Input when placeholder and default date are set:

Datepicker when no default date is set: