Issue Summary

After upgrading to Confluence Data Center 10.x, the Team Calendar macro fails to render the legend at the bottom of the calendar even when the macro parameter showLegend is explicitly set to bottom. The legend remains stuck on the right side.

This appears to be due to a change in the React-based UI layout where the .sub-calendar-panel is now pushed inside the .calendar-layout container after the .calendar-panel, preventing legacy CSS overrides from positioning it correctly.

Steps to Reproduce

1. Install or upgrade to Confluence Data Center 10.2.13.
2. Create a new page and insert a Team Calendar macro.
3. In the macro browser, set the Calendar Legend position to bottom.
4. Save the page.

Expected Results

The calendar legend should appear underneath the calendar.

Actual Results

The legend appears on the right-hand side of the calendar.

Workaround

Add the following script to Confluence Administration » General Configuration » Custom HTML in the At end of the BODY section:
 

<script>
<!-- Workaround bug fix for CONFSERVER-104369 to ensure Calendar legend appears at bottom. -->
$('.calendar-container.sub-calendar-panel-bottom').each(function() {
  var $container = $(this);
  var $layout = $container.find('.calendar-layout').first();
  var $subPanel = $layout.find('.sub-calendar-panel').first();
  if ($subPanel.length) {
    // Move .sub-calendar-panel after .calendar-layout
    $subPanel.insertAfter($layout);
  }
});
</script>