I think the solution for you is to use our plugin Input Mask. If you have access to plugins here is the implementation that may be appropriate for you:

    <mdb-form-control>
      <input
        [mdbDatepicker]="date"
        type="text"
        class="form-control"
        id="date"
        (click)="date.open()"
        formControlName="date"
        name="date"
        autocomplete="off"
        mdbInputMask="mo/da/year"
        [customValidator]="'[0-1],[0-9],[0-3],[0-9],[1-2],[0-9],[0-9],[0-9]'"
        [customMask]="'m,o,d,a,y,e,a,r'"
      />
      <mdb-datepicker-toggle [mdbDatepicker]="date"></mdb-datepicker-toggle>
      <mdb-datepicker #date [inline]="true" [format]="'mm/dd/yyyy'"></mdb-datepicker>
    </mdb-form-control>