@ruff-hi

That is exactly the alternative which I showed

{
			module: "calendar",
			header: "House",
			position: "top_left",
			maximumEntries: "3",
			config: {
				colored: true,
				tableClass: "small",
				calendars: [
					{
                                                symbol: "fas fa-house-user",
                                                maximumEntries: "2",
                                                color: "rgb(121, 0, 86)",
                                                url: "https://calendar.google.com/calendar/ical/xxx/basic.ics"
                                        }
			                    ]
				}
		},
		{
                        module: "calendar",
                        header: "Trash",
                        position: "top_left",
                        maximumEntries: "3",
                        config: {
                                colored: true,
                                tableClass: "small",
                                calendars: [
                                        {
                                                symbol: "fas fa-trash",
                                                color: "rgb(185, 62, 38)",
                                                maximumEntries: "2",
                                                url: "https://calendar.google.com/calendar/ical/xxxxx/basic.ics"                                        
                                        }        
                                            ]
                                }
                },

Which will look like this

@ruff-hi
Why don’t you work with different colors

{
			module: "calendar",
			header: "Events",
			position: "top_left",
			maximumEntries: "3",
			config: {
				colored: true,
				tableClass: "small",
				calendars: [
					{
						symbol: "fas fa-trash",
						color: "rgb(185, 62, 38)",
						maximumEntries: "2",
						url: "https://calendar.google.com/calendar/ical/xxxxx/public/basic.ics"
					},
					{
                                                symbol: "far fa-calendar-alt",
                                                color: "rgb(250, 253, 140)",
                                                maximumEntries: "2",
                                                url: "webcal://p102-caldav.icloud.com/published/2/xxxx"
                                        },
					{
                                                symbol: "fas fa-house-user",
                                                maximumEntries: "2",
                                                color: "rgb(121, 0, 86)",
                                                url: "https://calendar.google.com/calendar/ical/xxx/basic.ics"
                                        }
			                    ]
				}
		},

This way you know excatly which calendar you are looking at.

Alternatively you cloud add two different instances of the calendar module

{
			module: "calendar",
			header: "Wife",
			position: "top_left",
			maximumEntries: "3",
			config: {
				colored: true,
				tableClass: "small",
				calendars: [
					{
						symbol: "fas fa-trash",
						color: "rgb(185, 62, 38)",
						maximumEntries: "2",
						url: "https://calendar.google.com/calendar/ical/xxxx/basic.ics"
					}

		},

{
			module: "calendar",
			header: "You",
			position: "top_left",
			maximumEntries: "3",
			config: {
				colored: true,
				tableClass: "small",
				calendars: [
					{
					                                                symbol: "fas fa-house-user",
					                                                maximumEntries: "2",
					                                                color: "rgb(121, 0, 86)",
					                                                url: "https://calendar.google.com/calendar/ical/xxx/basic.ics"
					                                        }

		},

@jerryp

Woha!!!

I just unchecked the Public calendar in iCloud and rechecked it again - this changed the link to

webcal://p102-caldav.icloud.com/published/2/xxx

and now it works again!

Changing to solved!

@jerryp
Checked it on the iCloud page again - yes.

One problem remains if I copy the link which iCloud is giving me an I copy it in Firefox - it wants to open Chrome which gives me nothing

If i change the webcal to http or https i get a HTTP error 503

I even tried a new public calendar … same issues

@jerryp

Tried this as well - every possbile way - webcal / http and https
I get the same error message (with webcal it reverts back to http)

{
                                                symbol: "far fa-calendar-alt",
                                                color: "rgb(250, 253, 140)",
                                                maximumEntries: "2",
                                                url: "http://p44-caldav.icloud.com/published/2/xxx"
                                        },

{
                                                symbol: "far fa-calendar-alt",
                                                color: "rgb(250, 253, 140)",
                                                maximumEntries: "2",
                                                url: "https://p44-caldav.icloud.com/published/2/xxx"
                                        },

{
                                                symbol: "far fa-calendar-alt",
                                                color: "rgb(250, 253, 140)",
                                                maximumEntries: "2",
                                                url: "webcal://p44-caldav.icloud.com/published/2/xxx"
                                        },

I’ve been running the MM-Calendar modul for over 1 1/2 years now -

Magic Mirror Version

Starting MagicMirror: v2.16.0

Calendar Module Integration

{
			module: "calendar",
			header: "Events",
			position: "top_left",
			maximumEntries: "3",
			config: {
				colored: true,
				tableClass: "medium",
				calendars: [
					{
						symbol: "fas fa-trash",
						color: "rgb(185, 62, 38)",
						maximumEntries: "2",
						url: "https://calendar.google.com/calendar/ical/xxxxx/public/basic.ics"
					},
					{
                                                symbol: "far fa-calendar-alt",
                                                color: "rgb(250, 253, 140)",
                                                maximumEntries: "2",
                                                url: "https://p44-caldav.icloud.com/published/2/xxxx"
                                        },
					{
                                                symbol: "fas fa-house-user",
                                                maximumEntries: "2",
                                                color: "rgb(121, 0, 86)",
                                                url: "https://calendar.google.com/calendar/ical/xxxx/basic.ics"
                                        }
			                    ]
				}
		},

MM currently cannot fetch the iCloud calendar - and I did not change a single line of code. The Google calendars still work like a charm.

I get this Error Message

[06.03.2022 09:15.52.234] [ERROR] Calendar Error. Could not fetch calendar:  https://p44-caldav.icloud.com/published/2/xxx Error: Service Unavailable
    at NodeHelper.checkFetchStatus (/home/pi/MagicMirror/js/node_helper.js:121:9)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)

I beleive Apple changed something - or the service is down - but I did not find anything on the Status pages.

Anyone has the same issues?