Expected behavior

Setting a FormControl to be disabled using the recommended method should work

Actual behavior

It doesn't. Additionally, doing it the way recommended in the MDB documentation ( [disabled]="true" ) throws a angular warning

Resources (screenshots, code snippets etc.)

HTML

<mdb-form-control>
    <input mdbInput [mdbValidate]="true" id="firstname" name="firstname" formControlName="firstnameControl" type="text" class="form-control">
    <label mdbLabel for="firstname" class="form-label">First name</label>
    <mdb-error *ngIf="(firstnameControl?.invalid && (firstnameControl?.dirty || firstnameControl?.touched))">This must not be blank</mdb-error>
    <mdb-success *ngIf="firstnameControl?.valid && (firstnameControl?.dirty || firstnameControl?.touched)"></mdb-success>
</mdb-form-control>

TS

this.formGroup = new FormGroup({
    firstnameControl: new FormControl({
        value: this.firstname, disabled: true }, {
        validators: [Validators.required], updateOn: 'change'
    })
});

using the code (above) does not result in a disabled field, additionally this does not disable the field: this.firstnameControl.disable();