Topic: Using FontAwesomeModule for Angular makes icons broken

estalis free asked 2 years ago

Basically, i am using FontAwesomeModule for angular. Here's how im using an icon:

<fa-icon [icon]="['fas', 'clock']"></fa-icon>

Therefore, the code of MDB is not working because it uses the i tag directly:

Is it possible to either make mdb icons working again, either the possibility to "override" the content of mdb-timepicker-toggle ? So I could fix this by:


EDIT: sorry for using pastebin, the editor is completely broken.

Arkadiusz Idzikowski staff commented 2 years ago

@estalis Unfortunately, currently it is not possible to completely override the content of the time picker toggle icon. I added this to our to-do list and we will check if we can provide a way to use a custom template in such cases.

Arkadiusz Idzikowski staff answered 8 months ago

In v5.1.0 we added new MdbDatepickerToggleIconDirective that allow to create a custom icon template for the Datepicker using ng-template.

You can find more information in the documentation:

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 2.2.0
  • Device: who cares
  • Browser: who cares
  • OS: who cares
  • Provided sample code: No
  • Provided link: Yes