Module calendar - whole day event

wilco.kuijt

@MMRIZE Yes, this is the way I would like to see it!
Unfortunately (😉) on holiday right now, so I am not able to implement it.

Best regards and thanks for helping me out!
Wilco

htilburgs

@MMRIZE how do you get different icons in front of the calendar items?
Is this a default feature? Btw which calendar module are u using?

MMRIZE

@htilburgs
Basically, default calendar module can hold icons (symbol) and even multiple, and all CX3* support multi-icons also.
But in this case, that is just an emoji included in the event title. :D (If what you mented is the flag symbol)

Babene1

@MMRIZE I like your calendar view, how does it work with the date and under it the individual calendar entries?

htilburgs

@MMRIZE what I ment are the truck, recycling and other symbols in front of each row.
Never seen this before.

MMRIZE

@htilburgs
Add “symbol” to each calendar in your calendar config.
https://docs.magicmirror.builders/modules/calendar.html#configuration-options
The icon symbol derives from “font-awesome”.

MMRIZE

@Babene1
Use timeFormat: “dateheaders”, in your calendar config.

https://docs.magicmirror.builders/modules/calendar.html#configuration-options

htilburgs

@MMRIZE Thanks, I’m currently using MMM-MyCalendar but I’m going to give it a try this evening.

htilburgs

@MMRIZE I’ve succesfully configured the calendar, but I’m looking how to add different icons to calendar items.
Example: checkered-flag to F1 time, calendar to appointment, etc.
I’ve looked in the manual, but I think I miss it. Do you have an example?

MMRIZE

@htilburgs

{
			module: "calendar",
			header: "US Holidays",
			position: "top_left",
			config: {
				calendars: [
					{
						url: "webcal://www.calendarlabs.com/ical-calendar/ics/76/US_Holidays.ics"
                                                symbol: "car", // <==this.
					},
				],
			
			}
},

You can find other symbols in font-awesome.
https://fontawesome.com/