Coded element in repeater disappears after loading??

Thank you!
Yes, the collection is synced.

I am trying to change a date to 12 hour time (ideally with AM/PM).
URL: https://www.indivisible-ma.org/Vol-Activities/AZ08
This is a dynamic page. There are multiple places, apart from this dynamic page, where I would like to change these dates on the website.

With the above code, this is what happens when the published page is loaded:
https://www.screencast.com/t/nLYpXphaIlR

(also, the hour should be showing as 00:00. I don’t know why it’s showing as 04:00)

Here it is in preview mode (it’s correct here)
https://www.screencast.com/t/7gxQWd0leY

And here is what the back end looks like:
https://www.screencast.com/t/z1FSqvR2C
https://www.screencast.com/t/0DqM9KN2
https://www.screencast.com/t/RMoidFJ6p

Here is what it looks like without the code if I directly connect the dataset field to the text box:
https://www.screencast.com/t/WXOFpOmXRg

Let me know if there is anything more you need.
Many thanks!