<![CDATA[Calendar: Change format of relative times/dates]]>I’d like to change the relative time format for Calendar entries from (e.g.) “Monday at 07:00” to “Mon 07:00” or similar. I’m using the standard “calendar” module.
I’m using a small screen (Raspberry Pi touch screen) with MagicMirror and so have very limited screen real estate. As shown below, the “Monday at 07:00” takes up a good chunk of space, so I’d like to make the column as compact as possible…
I’ve fiddled with various config entries but can find nothing that controls the “Monday at” part of the text.
Any ideas?

20089a38-aa0e-4055-9867-4ac0e9ffc3d1-image.png

]]>https://forum.magicmirror.builders/topic/13762/calendar-change-format-of-relative-times-datesRSS for NodeTue, 14 Apr 2026 12:38:21 GMTSat, 03 Oct 2020 12:34:34 GMT60<![CDATA[Reply to Calendar: Change format of relative times/dates on Sat, 03 Oct 2020 17:56:19 GMT]]>@cokelid yes, same as the others

]]>https://forum.magicmirror.builders/post/82750https://forum.magicmirror.builders/post/82750Sat, 03 Oct 2020 17:56:19 GMT<![CDATA[Reply to Calendar: Change format of relative times/dates on Sat, 03 Oct 2020 17:33:43 GMT]]>Thanks @sdetweil!
So it’s the call to moment.calendar() as you suggested. I changed calendar.js (line 339) to pass in a customised format:

calFormat = {
	sameDay: 'LT',
	nextDay: 'ddd[,] LT',
	nextWeek: 'ddd[,] LT',
	lastDay: '[Yesterday]',
	lastWeek: '[Last] ddd',
	sameElse: 'DD/MM/YYYY'
};
timeWrapper.innerHTML = this.capFirst(moment(event.startDate, "x").calendar(null, calFormat));

Presumably I could easily pull that format in from this.config?

]]>https://forum.magicmirror.builders/post/82748https://forum.magicmirror.builders/post/82748Sat, 03 Oct 2020 17:33:43 GMT<![CDATA[Reply to Calendar: Change format of relative times/dates on Sat, 03 Oct 2020 13:58:47 GMT]]>@cokelid there are two hard coded moment() formats

fromNow()
and
calendar()

]]>https://forum.magicmirror.builders/post/82735https://forum.magicmirror.builders/post/82735Sat, 03 Oct 2020 13:58:47 GMT<![CDATA[Reply to Calendar: Change format of relative times/dates on Sat, 03 Oct 2020 13:54:07 GMT]]>@cokelid one left. timeFormat

]]>https://forum.magicmirror.builders/post/82734https://forum.magicmirror.builders/post/82734Sat, 03 Oct 2020 13:54:07 GMT<![CDATA[Reply to Calendar: Change format of relative times/dates on Sat, 03 Oct 2020 13:47:06 GMT]]>@sdetweil said in Calendar: Change format of relative times/dates:

dateFormat: “MMM Do”,
dateEndFormat: “LT”,
fullDayEventDateFormat: “MMM Do”,

Thanks @sdetweil, I appreciate the speedy response! I have given that a go but they don’t affect the “Monday at 07:00” at all?

]]>https://forum.magicmirror.builders/post/82733https://forum.magicmirror.builders/post/82733Sat, 03 Oct 2020 13:47:06 GMT<![CDATA[Reply to Calendar: Change format of relative times/dates on Sat, 03 Oct 2020 12:52:19 GMT]]>@cokelid there are 4 time formatting options

		timeFormat: "relative",
		dateFormat: "MMM Do",
		dateEndFormat: "LT",
		fullDayEventDateFormat: "MMM Do",

and here are the meanings
https://momentjscom.readthedocs.io/en/latest/moment/04-displaying/01-format/

]]>https://forum.magicmirror.builders/post/82730https://forum.magicmirror.builders/post/82730Sat, 03 Oct 2020 12:52:19 GMT