Love this module, and have spent some time modifying some parts of it using CSS and learning a lot on the way. One thing i have not been able to achieve is to have the time format to show exactly how i want it to be.
I want the time for any event to show like 9am / 9:15am instead of the “9:00 a.m.”, to save some space and try to make it more readable. Any ideas on how to achieve this?? i have tried to modify with eventtransformer code in many ways, but all i get is to turn back to 24hr; it seems like it defaults to my locale (ES), and i don’t want to switch since i want everything to be in Spanish.
Any suggestions are welcomed, thank you.
eventTransformer: (event) => {
// Get the event's start time as a Date object
let startDate = new Date(event.startDate);
// Manually extract hours and minutes
let hours = startDate.getHours();
let minutes = startDate.getMinutes();
// Determine AM or PM
let ampm = hours >= 12 ? 'pm' : 'am';
// Convert 24-hour format to 12-hour
hours = hours % 12;
hours = hours ? hours : 12; // If 0 (midnight/noon), set to 12
// Format minutes (add leading zero if needed)
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
// Construct the final time format (e.g., "9am" or "9:15am")
let formattedTime = `${hours}${minutes === 0 ? '' : ':' + formattedMinutes}${ampm}`;
// Manually set the formatted time as the event's start time
event.startTime = formattedTime;
return event; // Return the modified event with the new time
},