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

MMM-Multimonth


  • Module Developer

    MagicMirror Module to display a calendar with multiple months

    A mini-calendar with as many months as the user wants, assuming screen space is available.

    screenshot.png

    Download

    https://www.github.com/BKeyport/MMM-Multimonth

    Installation

    Clone this repository in your ~/MagicMirror/modules/ folder ( $ cd ~MagicMirror/modules/ ):

    git clone https://github.com/BKeyport/MMM-Multimonth.git
    

    Using the module

    To use this module, add it to the modules array in the config/config.js file:

    {
      module: 'MMM-Multimonth',
    	position: 'top_left', // can be any of the postions
    	config: { // Optional - will default to 3 months, with one previous and one next. 
    	  startMonth: -1, // Define when you start from current month (negative is before current, zero is current, positive is in future) 
    		monthCount: 3, //  How many months to display 
    	}
    }
    

    Many thanks to kirash for the inspiration with the monthly_calendar module, sdetweil and lavolp3 for the help in coding and CSS work. Without your help, this would just be a pipe dream.

    This is still a very basic module, but I felt it was good enough for release to the public. Please, if you have any suggestions for improvement, let me know, I’m learning Javascript and CSS as I write this, and I dream of much bigger things.

    Versioning

    0.1 Initial release, English / Sunday first only
    0.2 Change code to improve functionality, allow for some localization - will not move start of week yet, but will change languages with system.
    0.25 Temporary fix to allow module to refresh highlighted day of week - sometime between midnight and 1am, wasn’t doing any refresh at all in new MM configuration, didn’t realize it because I rebooted my system nightly for another tool I no longer use. Will adjust later to join in the midnight madness…
    0.3 Now properly refreshes at midnight.



  • @BKeyport this is great! Thank you. Is there a way to change the colors?



  • @BKeyport I would like to know as well if the header color can be changed.


  • Module Developer

    yes. It’s all in CSS. Take a look at the CSS file in the directory, and copy over to your custom.css



  • @BKeyport Great MMM, exactly what I was looking for! 😉 Can the first day of the week be changed to monday?


  • Module Developer

    @PH1TCH It’s in the notes I haven’t figured out how to do this yet. Everything I’ve tried has failed due to API issues. I’m cracking on it when I can. My business takes priority, and we’ve been extended out due to this whole virus thing.



  • @BKeyport Okay, thanks for the update!



  • Hello, how can I change the color from grey (days+numbers) from grey to white?


  • Module Developer

    @Werner1340 That’s actually a magicmirror default. I believe it’s getting it from here:

    .normal {
      color: #999;
    }
    


  • @BKeyport Hm, i found that code in the main.css and changed the color to #fff.
    …still grey color in calendar. ;-). any more Ideas?