I use DTSTART and RRULE values for build calendar:

<script>
  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
  
    var calendar = new FullCalendar.Calendar(calendarEl, {
      headerToolbar: {
        right: 'dayGridMonth,timeGridWeek,timeGridDay',
        center: 'title',
        left: 'prevYear,prev,next,nextYear'
      },
      initialDate: "20240510T090000",
      events: [
        {
          title: 'my recurring event',
          rrule: 'DTSTART:20240510T090000nRRULE:FREQ=DAILY;UNTIL=20241124T235959Z'
        }
      ]
    });

    calendar.render();
  });
  
  </script>
  
  <div id="calendar"></div>

It works, but how to use DTEND value here?

I try to use

rrule: 'DTSTART:20240510T090000nDTEND:20240510T180000nRRULE:FREQ=DAILY;UNTIL=20241124T235959Z'

but it’s doesn’t work.