My first MagicMirror

[MadsChaves]

@Leobo I actually tweak the calendar_monthly module and created/renamed the module to show previous and next month calendars - a crude way of doing it but it served my purpose :)

[Leobo]

Thanks @MadsChaves. That’s working. :thumbs_up_light_skin_tone:

[sonicgoose]

@MadsChaves How did you tweek the calendar_monthly module? I’ve been racking my brain looking at the js and I’m too much of a newbie to even know where to start!

[sdetweil]

@sonicgoose generally u change the config.js entry, after viewing the README.md file for instructions

[sonicgoose]

@sdetweil As the actual README.md doesn’t list a configuration option to change in config.js, I was hoping for more specific direction on how to do this. The css has styles for previous and next month, but nowhere can I find where I would activate that option.

[sdetweil]

@sonicgoose css is done by editing the css/custom.css file to add your specific module requiremed css classes and styles

[sonicgoose]

@sdetweil After doing more reading, I found the modified .js file on GitHub. Replace original ~/MagicMirror/modules/calendar_monthly/calendar_monthly.js with this one (not mine) and edit ~/MagicMirror/config/config.js to load the module as follows:

{
     disabled: false,
     module: 'calendar_monthly',
     position: "top_left",
     config: {
            showHeader: true,
            // cssStyle: "",
            monthOffset: 0,
     }
},

That will show the current month. If you want the previous month, then add the module again before the current month and change monthOffset to -1. For the next month, add the module again after the current month and change monthOffset to 1.

If you want current month plus the next two months, then add the module three times with monthOffset set to 0, 1, and 2.