The hardest part of development was writing manual…

MMM-CalendarExt2

Whole new build-up for MMM-CalendarExt

Screenshot

Install & Configuration

See the wiki

Major feature

• Multiple views at same time in a scene
• Scenes could be rotated by time or notification or other trigger (e.g: Scene per PAGE)
• MMM-CalendarExtTimeline, MMM-TelegramBot supported.
• Over 5000 icons; (iconify)
• custom class for beautifying
• month/week timeline view.

What’s different with MMM-CalendarExt

But if you have no dissatisfaction with MMM-CalendarExt, leave it.

• New parser. New look.
• profile is deprecated. scene is more than that.
• Beautiful timeline view (month/week)
• dynamic scene changeable.

MEMO

• I should release this before my winter holidays. So this is not tested fully.
• Bug reports, PR, any other suggestions are always welcome!

@bert2002
Hard to find especially such a small size.
Anyway, the USB power from monitor usually be some small to run Pi stably.

Or you can use “MMM-DailyAlarm” which can send notification by periodical repeated time per day.

And for alert, you can use HTML or image for more significant notice.

With MMM-NotificationTrigger you can catch the notification from your PIR module then emit SHOW_ALERT to alert by its time condition.

@jimmysmalls
use timeFormat: "hh:mm A" instead timeFormat: "HH:mm"
If you don’t want AM/PM indicator, just use "hh:mm"

@bkeyport
Yes. you are right.
Just one point, user-defined property should be start with -- not -

@bkeyport
In modern CSS, you can use variables. If you are using values referenced frequently or dependently, you can set that value as variables.
In prior example, --body-margin is defined. Now you can use it instead static fixed value 20px. So when you have to change that value, just modify --body-margin once.

@jimmysmalls
By default, time of month/week view is hidden because there might be not enough space.
Add this into your css/custom.css;

.CALEXT .tableStyle .eventTime {
   display: block;
   order: 3; // when you want to display time under the event title. 
}

:root {
  --body-margin : 20px;
}

body {
  margin: var(--body-margin);
  width: calc(100vw - var(--body-margin) * 2);
  height: calc(100vh - var(--body-margin) * 2);
}