How to correctly configure the calendar module

Feedy88

I am trying to cofigure the calendar module in the following way but cannot make it happen so maybe someone can help me out:

For today’s all day events, display Today
For today’s event with a certain time, display Today, 9:00
For tomororw’s all day events, display Tomorrow
For tomorrow’s event with a certain time, display Tomorrow, 9:00
For all other later events, display the date respectively date and time if not all-day event.

This is what my current config looks like:

module: "calendar",
header: "Termine & Feiertage",
position: "top_left",
config: {
  fetchInterval: 300000, //5 Minute
  displaySymbol: true,
  showLocation: false,
  fade: true,
  fadePoint: 0.4,
  dateFormat: "D. MMM HH:mm",
  fullDayEventDateFormat: "D. MMM",
  timeFormat: "absolute",
  getRelative: 12,
  urgency: 0,
  maximumEntries: 10,
  displayRepeatingCountTitle: true,
  hideOngoing: false,
  nextDaysRelative: true,
  calendars: 
  	...
	]
}

I have added nextDaysRelative: true as a temp solution to get the next day relative and know this should probably be removed.

Any help would be appreciated.

sdetweil

@Feedy88 the code only does today/tomorrow/… for full day events, not with time.

and nextDaysRelative: true is required for full day events to show

					if (event.fullDayEvent && this.config.nextDaysRelative) {
						// Full days events within the next two days
						if (event.today) {
							timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("TODAY"));
						} else if (event.yesterday) {
							timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("YESTERDAY"));
						} else if (event.startDate - now < ONE_DAY && event.startDate - now > 0) {
							timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("TOMORROW"));
						} else if (event.startDate - now < 2 * ONE_DAY && event.startDate - now > 0) {
							if (this.translate("DAYAFTERTOMORROW") !== "DAYAFTERTOMORROW") {
								timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("DAYAFTERTOMORROW"));
							}
						}
					}

sdetweil

@Feedy88 please don’t post in discord and the forums… pick one

sdetweil

@Feedy88 the code only does today/tomorrow/… for full day events, not with time.

and nextDaysRelative: true is required for full day events to show

					if (event.fullDayEvent && this.config.nextDaysRelative) {
						// Full days events within the next two days
						if (event.today) {
							timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("TODAY"));
						} else if (event.yesterday) {
							timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("YESTERDAY"));
						} else if (event.startDate - now < ONE_DAY && event.startDate - now > 0) {
							timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("TOMORROW"));
						} else if (event.startDate - now < 2 * ONE_DAY && event.startDate - now > 0) {
							if (this.translate("DAYAFTERTOMORROW") !== "DAYAFTERTOMORROW") {
								timeWrapper.innerHTML = CalendarUtils.capFirst(this.translate("DAYAFTERTOMORROW"));
							}
						}
					}

Feedy88

@sdetweil Acknowledged to only post in one medium, sorry for that.

Thanks a lot for the code. Can you tell me where this has to be added?

sdetweil

@Feedy88 that is the existing code. only for fullDayEvent.