MagicMirror² v2.14.0 is available! For more information about this release, check out this topic.

CalendarEXT2 and Calendar (default)

  • I have read over the configuration notes for CalendarEXT2 but same problem is occurring on the default Calendar also.
    They both say X days until a given event. I want the date and start/stop times for events.
    I pulled the link from my Google calendar and it is date and time so don’t really understand where the hang up is. I’ve tried plugging in the formats that are listed on the EXT2 Configuration Settings but nothing works.
    Any suggestions are welcome.

  • @ankonaskiff17 the default calendar has a lot of work done since last release. Download the develop branch for the fixes.

    See the instructions here

    It won’t help ext2. The author has left mm for family reasons, and no-one has taken over this module.

  • Module Developer

    That’s called relative time.

    It’s easy to fix… in your config…


     useEventTimeRelative: false, 


    urgency: 0,
    getRelative: 0,
    timeFormat: "absolute",

  • @sdetweil I got the CalendarEXT2 done per another reply.
    I’m following your instructions at link but I get error telling me to either commit or stash clock.js, calendar.js, package-lock.json and package.json.
    I copied the contents of calendar, clock, config, css as I needed to do that (with css & config) anyway but my Noobie is showing in not knowing how to commit files. I can move if I need to.
    Also, which of those json files are being referred to?
    I get a hernia repaired later today so may be a couple of days.

  • @ankonaskiff17 you should not change any module files unless u know what u are doing.

    package-lock.json is rebuilt, so not needed

    git checkout package-lock.json

    there are big changes in package.json, do u remember why u changed that?

    Unless u were fixing a bug by changing the code in clock and calendar. I would move the changes to config.js
    And then restore those files too

    git checkout Filename

  • I think (but am far from sure) that any changes made to to those json files were done by MS VSCode automatically and not directly by me. That’s why I asked VSCode Question about committing changes, etc.

    VSCode and Github are both Microsoft products and entities meant to tightly integrate with each other, which I learned somewhat after the fact.
    What I think happened was those files were in the commit location, I posted my question and closed VSCode to hopefully get an answer, but clicking close in VSCode caused a commit.

    I just want a code editor with a save or save as option that also has good color coding and breaks out the code block hierarchy well.
    I want to mess with the code at my end as locally installed files. If I break a module, that’s on me alone then. I then just re-download the file, try to understand why it broke and start over.
    I’m not going to learn the language otherwise.
    I understand Github is a version control tool among other things but I did not know that a link existed between GithubVSCode so that one doesn’t need to leave VSCode to for it to merge files on closing VSCode, hence my VSCode question.

  • @ankonaskiff17 use winscp on windows. It will give u a file manager window over the files on pi (via ssh)
    Then I use notepad++ on my windows box to edit the files. By double clicking…

    because the mm folder working directory is managed by git, you can git diff to see what changed, and git checkout file to restore from the local repo to the working directory

  • I use VNC client & server to essentially remote in to the Pi desktop directly. So I sit at Windows 10 laptop and access the Pi desktop.
    For me as an end user with terrible typing skills I find VNC much easier to use.

    I don’t have a clue how git works under the hood like you and developers do.
    I understand conceptually the benefit it provides to developers who may be widely disbursed geographically.

    I fired up GEANY which is part of the Pi OS programming software but initially found it very hard to read, so gave VSCode a shot which ended up being a bad choice on my part. I then poked around GEANY early yesterday prior to surgery and found some settings that made the code much more readable. It also looks like there is no built-in ability to commit files back to Github. So will use it going forward.

    If an individual uses the automatic install vs manual, does the custom.css file get loaded pre-populated say with the default modules css settings or is it blank?

    For me, as an end user with poor typing skills, I see plugging in the css values directly in to the module as steps saved rather than generating that same set over on the custom.css file that is not there initially, since I have no reason to send the original but css edited XYZ.js file back to github.

  • @ankonaskiff17 custom.css will be empty

    Problem with changing main.css. like the other files, is update will be blocked because a file mm owns was changed.
    I hate editing over vnc.

  • @sdetweil That’s kind of funny, you hate VNC, I hate SSH. That’s what makes the world go round.
    I’m not editing main.css really. At least not yet.

    In the case of main.css I need to better understand how it works. If you remember, a few days ago I talked about needing to globally shrink some things, while globally enlarge other items. That was in reference to plugging in Pi to a bigger screen TV. They are about giving away 75" TV’s at Best Buy electronics stores for under $1000.00 so if you use a spare HDMI port on one of those, the modules are huge because the region is huge.

    The clock default module would be 2 ft across. In that scenario, one would want to shrink things in the top_left and top_right globally while increasing the center regions for like an iFrame showing weather radar or a live YouTube stream in the middle portion. That also has the side benefit of allowing more modules on the screen the bigger the screen is.

    All I’ve changed css that is internal to some of the modules. For example on the default calendar, there is a long list of defaults in the calendar.js file. Those default configuration settings are all basically css-like properties to me. But the calendar config file doesn’t contain that whole list of defaults when you copy from the module web page.

    Since I am an end user, I just change the defaults in thecalendar.js file rather than copy it all over to the config.js file,

    It gets even more complicated when the module is using an external program such as chartjs or momentjs as a wrapper I think is the term used.

    It may not seem apparent but I do try and dig for the answer prior to posting the question.

Log in to reply