Dash between event start and end times is "undefined" with eventTimeFormat and moment plugin

[blutorange]

Bug Reports

Version: FullCalendar v5-beta.4

I'm looking into updating the Schedule component for PrimeFaces, which uses FullCalendar. While doing so, I came across a minor issue:

• FullCalendar with moment plugin
• Option eventTimeFormat set to some value such as HH:mm:ss
• An event with a start and end time in timeGridDay displays as 15:38:02undefined16:08:02 (the dash between the times is missing)

To Reproduce: https://codesandbox.io/s/jolly-brown-hwbvy?file=/src/DemoApp.vue (not specific to vue, also happens with a plain webpack build without a framework)

[acerix]

Thanks, confirmed.

[jefbarn]

Seeing the same on v5 final and Luxon plugin.

Edit:
Found the workaround in the docs. Seems the api changed a bit:
From:
eventTimeFormat: 'HH:mm',
To:
eventTimeFormat: {
hour: '2-digit',
minute: '2-digit',
meridiem: false
},

[blutorange]

Yeah, that definitely works. As far as I can tell, we already had to pass an object to eventTimeFormat even in v4. Though the moment plugin should add support for passing a moment date-time string instead.

[arshaw]

fixed in v5.1.0

https://codesandbox.io/s/old-wood-qxh91?file=/src/DemoApp.vue