v2.22.0 & Font Awesome FAB icons

[luisestrada]

Hello,

Usually, every time there’s an update I have to edit calendar.js to get the FAB icons from FontAwesome working.

I noticed this updates is supposed to do the job for me but it seems there’s no tutorial or explanation of how to use it. This is what the update mentions.

Possibility to change FontAwesome class in calendar, so icons like fab fa-facebook-square works.

However in the documentation this is the only information available.

defaultSymbol	The default symbol.

Possible values: See Font Awesome website.
Default value: calendar

I am using one FAS icon for the calendar and another FAB icon for Canadian holidays, but I can’t make it work both at the same time without manipulating the file.

Please let me know how to set it up, (I believe in config.js), to make it work.

[sdetweil]

@luisestrada a new config option lets you change the prefix instead of having it hard coded

defaultSymbolClassName: "fas fa-fw fa-",

and u can set it for each calendar config

     url: 
     defaultSymbolClassName: "fas fa-fw fa-",

[luisestrada]

@sdetweil Fantastic, thank you so much. It worked!

This is the code I have (in case someone needs it):

        {
			module: "calendar",
			header: "Canadian Holidays (QC),
			position: "top_left",
			config: {
				calendars: [
					{
						url: "https://www.officeholidays.com/ics-clean/canada/quebec",
						symbol: "canadian-maple-leaf",
						color: 'crimson'
                    },
				],
				defaultSymbolClassName: "fab fa-",
				colored: true,
				coloredSymbolOnly: true,
				maximumEntries: "2",
				wrapEvents: true,
			}
		},

And happy new year!!!