MMM-CalendarExt

[jimmysmalls]

I can’t seem to figure out why I don’t have the start times on my calendar. I’m really liking it other than that. I’m sure it’s probably something simple but I’m open to feeling stupid after the time I’ve spend trying to figure it out haha

{
      module: 'MMM-CalendarExt',
      position: "lower_third", // ignore this.
      config: {
        system: {
          show: ['month'],
          locale: 'en',
	  showEmptyView: 1,
        },
        views: {
          month: {
            position:'lower_third',
	    showWeeks: 0,
	    onlyStartingTime:1,
          },
        },
        calendars :[
          {

[A Former User]

@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. 
}

[jimmysmalls]

@sean
That did the trick, thank you! One other quick question that maybe I’m overlooking the answer to in the documentation but is there a way to have it show the time on a 12 hour format instead of 24?

[A Former User]

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

[JKTitanium]

@vauxdvihl

Hi, Sorry I new here. Do I need a seperate Calender for each icon/emoj? Can I use Rules for one single Calendar?

[A Former User]

@jktitanium
Symbol is fixed per calendar.
However each event style(color or font except symbol) could be variable by condition.

[Frek]

Hi. In weeks view with event time displayed, is there a way to remove the starting time and ending time on full day events?

[A Former User]

@frek
Add this into your css/custom.css;

.CALEXT .tableStyle .eventTime {
display: none;
}

[Frek]

@sean
Thx for the reply.
I already have this in my css to display time, that I want:

div.CALEXT .tableStyle .eventTime {
display:block;
font-weight:normal;
font-size:70%;
}

But I was wondering if on full day events its possible to only show title, not the time

[A Former User]

@frek

div.CALEXT .tableStyle .fulldayevent .eventTime {
  display:none;
}

Try this.