MMM-MyCalendar

A Former User

As I know, private calendar sharing works only in Google Calendar. If you want to use calendar in other application, you should use public calendar. (I might be wrong.)

j.e.f.f

I worked with @PCPAYN3 over chat to figure out this issue. For anyone else this might help, the problem was as follows:

The following error came up in the log:
Error: dates lower than Thu Jan 01 1970 00:00:00 GMT-0500 (EST) are not supported

A bit of Googling pointed me to this thread:
https://forum.magicmirror.builders/topic/2208/calendar-shows-no-entries-after-mm-update/29?page=3

Apparently the problem is that there is an entry in the calendar that has a date prior to Jan 1, 1970. The solution was to edit the following file:

/home/pi/MagicMirror/node_modules/rrule-alt/lib/rrule.js

and change the ORDINAL_BASE property on line 56 to an earlier date.

example, I changed:
ORDINAL_BASE: new Date(1970, 0, 1),

to
ORDINAL_BASE: new Date(1900, 0, 1),

and then the calendar worked.

zzaidi148

@j.e.f.f Hi Jeff! I love your module and its been easily booting up nicely. However, I tried adding two of my google calendars on it, and as I booted the module it up, it loaded and said no upcoming events. While today I dont have any events, tomorrow I do. I set the max number of days in the future to a huge number but stilll nothing. Any ideas?

j.e.f.f

@zzaidi148 Can you confirm that you got your Gmail ICS link by following the instructions here?
https://www.smsclientreminders.com/how_to_share_your_calendar_with_other_applications#google

If so, send me a private message and I’ll troubleshoot your config.

bmarofsky

@j.e.f.f Thank You! Spent 3 days trying to figure this out after my SD card corrupted and I had to rebuild my MM.
(making sure I remember where I store my backup .img)

Buggy

Hi all. Has someone seen this? Today ist the 4th. The second term is wrong “heute” (today) and the third term is correct “morgen” (tomorrow)

A Former User

@Buggy
I don’t know why creater leave this issue until now, but there is a hot-fix about that.
https://github.com/jclarke0000/MMM-MyCalendar/issues/3

Buggy

@Sean Thank you. I will apply this hot-fix.

j.e.f.f

@Sean I’m currently moving to the UK, so I haven’t had time to fix this. If the hot fix worked for you, then great! I probably won’t get around to addressing this until sometime in the new year.

nitram

@j.e.f.f Hi all, firstly thanks for this module - it’s fab. I’m having the exact same issue as above with today/tomorrow not working properly. I tried applying the hotfix, but it didn’t seem to work for me (though that was quite a way beyond my skill level so I could have done that wrong!). Has anyone else got this sorted?

rrrene

Hello,

first of all thanks for the great looking module.
Unfortunately I don‘t get it up on my side…

It doesnt‘t show anything no matter if I load your example ics or my iCloud calendar Url (is this supposed to work?)

Below you can see my module config, maybe someone can help me out :)

{
		module: "MMM-MyCalendar",
		position: "top_left",
		config: {
			maximumEntries: 6,
			calendars: [
				{
					url: "http://calendarlabs.com/templates/ical/US-Holidays.ics"
			}
			]
		}
	},

Thanks in advance.

Best regards,
René

Hotstepper

This post is deleted!

Hotstepper

@rrrene said in MMM-MyCalendar:

Hello,

first of all thanks for the great looking module.
Unfortunately I don‘t get it up on my side…

It doesnt‘t show anything no matter if I load your example ics or my iCloud calendar Url (is this supposed to work?)

Hi,

I have had the same issue and have searched the error for a while…
My fault was, that the entry in the “MMM-Carousel”-Module in the slides-Section was missing.
So the Module wasn’t showing.

		module: 'MMM-Carousel',
        		
                		slides: [
                    				['MMM-MyCalendar',.....],
                			],

Best regards

Lutz

fabbr

alt text

I can’t find out why the left panel is stretched so much. when I turn this module off it goes back to normal. Any ideas?

Here’s my code:

		{
		module: "MMM-MyCalendar",
		position: "top_left",	// This can be any of the regions. Best results in left or right regions.
		config: {
				colored: true,
				maxTitleLength: 10,
				maximumEntries: 5,
				fade: true,
				calendars: [
					{
						url: 'webcal://mycalendar',
						symbol: 'calendar',
						color: "#6666ff"
					},
					{
						url: "webcal://www.calendarlabs.com/templates/ical/US-Holidays.ics",
						color: "#ffffcc"

					},
							],
				}
		},

ninjabreadman

@fabbr There is nothing (iirc) that really constrains the MM regions … they expand to fit their content. Moreover, I think some modules aren’t written with a landscape orientation in mind. I suggest you try the following in your custom.css:

.module.MMM-MyCalendar {
min-width: 200px; /* adjust number as necessary */
}

Alternatively, you can try instead using:

.region.top.left {
max-width: 30%;
}

fabbr

@ninjabreadman Thank, that didn’t work however, I found the file MMM-MyCalendar.css and there I changed this and got my problem solved, thank you !!!

.MMM-MyCalendar {
  max-width: 250px;  //original was 500
}

j.e.f.f

@fabbr you’re better off putting this change in custom.css. If you update the module down the road, the change you made will be overwritten.

A better solution here is to revert your change and set a width for the container, like as follows:

region.left,
region.left .module-content {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}

This will size the entire left column to 250px, including anything you put in top_left, bottom_left, etc. If you want to limit it to just top_left replace region.left with region.top.left.

fabbr

@j.e.f.f I agree with you, however for some reason I can’t make that work. Did those changes worked on your custom.css? if yes, would you mind sharing your code with me? I might be doing something wrong.

Thanks

j.e.f.f

@fabbr Try also setting a maximum width for MMM-MyCalendar in your custom.css file as well. Here is exactly what I have in my custom.css file:

.region.left,
.region.left .module-content {
  width: 555px;
  max-width: 555px;
  min-width: 555px;  
}

.MMM-MyCalendar {
  max-width: 555px;
}

Adjust 555px to whatever you like.

fabbr

@j.e.f.f Very strange mine is completely ignoring the CSS. No change is made on the screen. Here’s my CSS:

 body {
  		 .region.left,
		.region.left .module-content {
 			  width: 555px;
			  max-width: 555px;
			  min-width: 555px;  
		}

		.MMM-MyCalendar {
			  max-width: 555px;
		}
 }