mdb-error not working

<mdb-error
        *ngIf="loginFormModalEmail.invalid && (loginFormModalEmail.dirty || loginFormModalEmail.touched)">
        Input invalid
      </mdb-error>
      <mdb-success
        *ngIf="loginFormModalEmail.valid && (loginFormModalEmail.dirty || loginFormModalEmail.touched)">Input
        valid
      </mdb-success>

On using the above code in my html I get the following error : Uncaught Error: Template parse errors: 'mdb-error' is not a known element: 1. If 'mdb-error' is an Angular component, then verify that it is part of this module. 2. If 'mdb-error' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" class="form-control" mdbInput mdbValidate> [ERROR ->]

The package.json has the following dependencies:

"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/cdk": "8.1.2",
"@angular/common": "8.2.0 ^8.0.0",
"@angular/compiler": "8.2.0",
"@angular/core": "^8.2.0",
"@angular/forms": "^8.2.0",
"@angular/material": "8.1.2",
"@angular/material-moment-adapter": "8.1.2",
"@angular/platform-browser": "^8.2.0",
"@angular/platform-browser-dynamic": "^8.2.0",
"@angular/router": "~7.2.0",
"@ng-bootstrap/ng-bootstrap": "^5.0.0",
"angular-bootstrap-md": "^8.1.1",
"angular-bootstrap-slider": "^0.1.29",
"bootstrap": "^4.3.1",
"core-js": "^2.5.4",
"mdbootstrap": "^4.8.8",
"rxjs": "^6.4.0",
"tslib": "^1.9.0",
"zone.js": "^0.10.1"

}

My mdbootstrap version is 4.8.8