Event Calendar Customization

Ask the Community Customization
23

Hi @Emilee_Wagner :wave:

Ah, I am sorry! Now, everything should be working fine.

Could you please double-check it?

1 Like
24

HI Max, the codes aren’t working for me on the calendar app. Can you look at it? https://7aca92f699884c47a02771cf63f5291c.elf.site

Thanks,
Pam

2 Likes
25

Hi there @user13078 :wave:

I’ve shared your request with the devs. Once done, I’ll report back :slightly_smiling_face:

2 Likes
26

Hi there @user13078 :wave:

Apologies for the delayed response!

We’ve hidden UTC by adding the script below to the Custom JS field on the Settings tab of your widget’s settings:

const LISTEN_TYPES = {
	one: {
		select: (selector, root) => root.querySelector(selector),
		validate: (node) => !!node,
	},
	all: {
		select: (selector, root) => root.querySelectorAll(selector),
		validate: (node) => node?.length > 0,
	},
};
function listenStep(args) {
	args.node = args.select(args.selector, args.root);
	if (!args.validate(args.node)) {
		args.step++;
		if (args.step < args.limit)
			setTimeout(() => {
				listenStep(args);
			}, args.delay);
		else args.reject();
	} else {
		args.resolve(args.node);
	}
}
async function asyncListenFor(selector, type = 'one', customArgs = {}) {
	const args = {
		root: document,
		node: undefined,
		selector,
		delay: 100,
		limit: 50,
		step: 0,
		select: LISTEN_TYPES[type].select,
		validate: LISTEN_TYPES[type].validate,
		...customArgs,
	};
	if (type === 'one' || type === 'all') {
		return new Promise((resolve, reject) => {
			listenStep({ ...args, resolve, reject });
		});
	}
}

const removeUTC = (selector) => {
	asyncListenFor(selector, 'all').then((badges) => {
		badges.forEach((badge) => {
			const badgeText = badge.textContent;
			badge.textContent = badgeText.replace(/\bUTC-\S*\b/g, '').trim();
		});
	});
};

removeUTC('.eapp-events-calendar-time-time');

asyncListenFor(
	'#eapps-events-calendar-7aca92f6-9988-4c47-a027-71cf63f5291c'
).then((container) => {
	setTimeout(function () {
		removeUTC('.fc-event-time');
		container.addEventListener('click', () => {
			setTimeout(function () {
				removeUTC('.fc-event-time');
			}, 10);
		});
	}, 10);
});

Please check your website and let me know if everything is fine now :wink:

1 Like