Expected behavior
When setting a value in HTML using data-mdb-value="4" for example, hovering over the rating icons, and then moving the pointer back out, I would expect to see the original 4 icons filled in.

Actual behavior When page loads, data-mdb-value="4" shows 4 icons filled as expected, however, when hovering over, then away, no icons are filled.

Resources (screenshots, code snippets etc.)
the same behaviour can be seen

<ul class="rating" data-mdb-toggle="rating" data-mdb-value="4"> <li><i class="far fa-star fa-sm text-primary" title="Bad"></i></li> <li><i class="far fa-star fa-sm text-primary" title="Poor"></i></li> <li><i class="far fa-star fa-sm text-primary" title="OK"></i></li> <li><i class="far fa-star fa-sm text-primary" title="Good"></i></li> <li><i class="far fa-star fa-sm text-primary" title="Excellent"></i></li> </ul>