Detailed Calendar View (VueCalendar.lava) Shows AM for every event

[cmronk]

Please go through all the tasks below

• Check this box only after you have successfully completed both the above tasks

Please provide a brief description of the problem. Please do not forget to attach the relevant screenshots from your side.

On our particular Rock instance, all of the events within the Detailed Calendar (Vue.js) are showing as "AM" regardless of whether they are AM/PM

Expected Behavior

We would expect to see differentiation between AM/PM Events

Actual Behavior

All Events show AM

Steps to Reproduce

• Navigate to Reservation Management
• Select "Detailed Calendar" from "View As:" dropdown.
• Refresh to get past error (separate issue, seems to read the information inside the as HTML instead of Vue)
  

Workaround - edit the date formats in the Lava.
I did actually go in the lava file and modify the date formats to include 'tt'.
{% for reservationDate in ReservationDates %} {% for reservationSummary in reservationDate.Reservations %} {% assign adminContact = reservationSummary.AdminContactPersonAlias.Person %} { approvalState:"{{reservationSummary.ApprovalState }}", eventContact:'{{eventContact.FullName}}', eventContactId:{{eventContact.Id}}, reservationStart:"{{reservationSummary.ReservationStartDateTime | Date:'M/d h:mm tt'}}", reservationEnd:"{{reservationSummary.ReservationEndDateTime | Date:'M/d h:mm tt'}}", eventStart:"{{reservationSummary.EventStartDateTime | Date:'M/d h:mm tt'}}", eventEnd:"{{reservationSummary.EventEndDateTime | Date:'M/d h:mm tt'}}", locations:"{{reservationSummary.Locations | Select:'Location' | Select:'Name' | Join:', ' | Replace:'"','\"'}}", resources:"{{reservationSummary.Resources | Select:'Location' | Select:'Name' | Join:', ' | Replace:'"','\"'}}", id:{{reservationSummary.Id}}, name:"{{reservationSummary.ReservationName | Replace:'"','\"' }}", color:"{% case reservationSummary.ApprovalStateInt %}{% when 2 %}#16c98d{% when 3 %}#d4442e{% when 4 %}#ee7624{% when 1 or 5 or 6 %}#ffc870{% else %}#009ce3{% endcase %}", start:"{{reservationSummary.ReservationStartDateTime | Date:'yyyy-MM-ddTHH:mm'}}", end:"{{reservationSummary.ReservationEndDateTime | Date:'yyyy-MM-ddTHH:mm'}}", timed: true }, {% endfor %} {% endfor %}

Rock Version

15.2

Plugin Version

2.4.1.14

Client Culture Setting

en-US

[tcavaletto]

Included in Release 2.4.3.14