mdb-datepicker-toggle still clickable when [disabled] is set

Expected behavior

When you have [disabled]="true" on the <input> and on the <mdb-datepicker-toggle> it means you can't interact with this field

Actual behavior

You very much so still can click on the <mdb-datepicker-toggle> even though it is visually in a disabled state

Resources (screenshots, code snippets etc.)

TS

<mdb-form-control class="input-field">
    <input mdbInput [mdbValidate]="true" id="whenDatePicker" name="whenDatePicker" formControlName="whenControl"
        [mdbDatepicker]="whenDatePicker" [disabled]="announcement.type !== 'event'" type="text" class="form-control"
        (click)="whenDatePicker.open();">
    <label mdbLabel for="whenDatePicker" class="form-label">When</label>
    <mdb-datepicker-toggle [mdbDatepicker]="whenDatePicker" [disabled]="announcement.type !== 'event'"></mdb-datepicker-toggle>
    <mdb-datepicker #whenDatePicker [format]="'mmm d, yyyy'" [minDate]="announcement.when"></mdb-datepicker>
    <mdb-error *ngIf="(whenControl?.invalid && (whenControl?.dirty || whenControl?.touched))">Please pick a date</mdb-error>
    <mdb-success *ngIf="whenControl?.valid && (whenControl?.dirty || whenControl?.touched)"></mdb-success>
</mdb-form-control>