I was able to get it working. For those that may need to resolve this in the future, the answer was at this link:
https://github.com/MMRIZE/MMM-CalendarExt3Agenda#update-to-120
When some submodule is not updated, try this.
cd ~/MagicMirror/modules/MMM-CalendarExt3Agenda
git submodule update --init --recursive
I was able to get MMM-CalendarExt3 working, but I’m struggling with MMM-CalendarExt3Agenda. I cannot figure out what I’m doing wrong. None of the events appear in the MMM-CalendarExt3Agenda module but they do appear in the MMM-CalendarExt3 module. Any help is appreciated.
Google Calendar Config
{
module: "MMM-GoogleCalendar",
header: "Family Calendar",
classes: "calendar-agenda",
config: {
calendars: [
{
symbol: "calendar-week",
calendarID: "myemail@gmail.com",
name: "mycalendar"
},
],
broadcastEvents: true,
broadcastPstEvents: true,
maximumEntries: 100
}
},
MMM-CalendarExt3 Config
{
module: "MMM-CalendarExt3",
position: "top_center",
title: "Family Calendar EXT3",
config: {
mode: "month",
instanceID: "Ext-Calendar-Month",
calendarSet: ['mycalendar'],
weeksInView: 3,
preProcessor: (e) => {
if (e.start?.dateTime) {
e.startDate = new Date(e.start.dateTime).valueOf()
} else if (e.start?.date) {
e.startDate = new Date('${e.start.date}T00:00:00').valueOf()
}
if (e.end?.dateTime) {
e.endDate = new Date(e.end.dateTime).valueOf()
} else if (e.end?.date) {
e.endDate = new Date('${e.end.date}T00:00:00').valueOf()
}
e.title = e.summary
e.fullDayEvent = (e.start?.date) ? true : false
return e
}
}
},
MMM-CalendarExt3Agenda Config
{
module: "MMM-CalendarExt3Agenda",
position: "top_left",
title: "Something",
config: {
instanceId: "Ext3-Calendar-Agenda",
calendarSet: ['mycalendar'],
firstDayOfWeek: 1,
startDayIndex: -1,
endDayIndex: 10,
showMiniMonthCalendar: false,
preProcessor: (e) => {
if (e.start?.dateTime) {
e.startDate = new Date(e.start.dateTime).valueOf()
} else if (e.start?.date) {
e.startDate = new Date('${e.start.date}T00:00:00').valueOf()
}
if (e.end?.dateTime) {
e.endDate = new Date(e.end.dateTime).valueOf()
} else if (e.end?.date) {
e.endDate = new Date('${e.end.date}T00:00:00').valueOf()
}
e.title = e.summary
e.fullDayEvent = (e.start?.date) ? true : false
return e
}
}
},
@BKeyport In addition to that code you sent, I also had to add “broadcastEvents: true” to the MMM-GoogleCalendar config. Now I’m able to see events on the MMM-CalendarEXT3 module. Thanks!
@BKeyport I appreciate the quick reply. I tried adding that but unfortunately it didn’t change anything.
Is there anything I need to do with eventNotification?
{
module: "MMM-GoogleCalendar",
header: "Family Calendar",
position: "top_left",
classes: "calendar-agenda",
config: {
calendars: [
{
symbol: "calendar-week",
calendarID: "myemail@gmail.com",
name: "mycalendar"
},
],
fade: false,
maximumNumberOfDays: 5,
showlocation: true,
tableClass: "medium",
}
},
{
module: "MMM-CalendarExt3",
position: "top_left",
title: "Family Calendar EXT3",
config: {
mode: "week",
instanceID: "I-calendar-month",
calendarSet: ['mycalendar'],
weeksInView: 3,
preProcessor: (e) => {
if (e.start?.dateTime) {
e.startDate = new Date(e.start.dateTime).valueOf()
} else if (e.start?.date) {
e.startDate = new Date(`${e.start.date}T00:00:00`).valueOf()
}
if (e.end?.dateTime) {
e.endDate = new Date(e.end.dateTime).valueOf()
} else if (e.end?.date) {
e.endDate = new Date(`${e.end.date}T00:00:00`).valueOf()
}
e.title = e.summary
e.fullDayEvent = (e.start?.date) ? true : false
return e
}
}
},
How do I use MMM-CalendarExt3 to show events from MMM-GoogleCalendar? I have MMM-GoogleCalendar setup and it’s displaying events. However, I tried adding MMM-CalendarExt3 to the config and it won’t display anything. Any help is much appreciated.
My config file…
{
module: "MMM-GoogleCalendar",
header: "Family Calendar",
position: "top_left",
classes: "calendar-agenda",
config: {
calendars: [
{
symbol: "calendar-week",
calendarID: "myemail@gmail.com",
name: "mycalendar"
},
],
fade: false,
maximumNumberOfDays: 5,
showlocation: true,
tableClass: "medium",
}
},
{
module: "MMM-CalendarExt3",
position: "top_left",
config: {
instanceID: "I-calendar-month",
calendarSet: ['mycalendar'],
weeksInView: 3
}
},