diff --git a/components/lib/calendar/Calendar.js b/components/lib/calendar/Calendar.js
index 3a5ceb0561..52973eb487 100644
--- a/components/lib/calendar/Calendar.js
+++ b/components/lib/calendar/Calendar.js
@@ -3048,10 +3048,10 @@ export const Calendar = React.memo(React.forwardRef((props, ref) => {
                 transitionOptions={props.transitionOptions}>
                 {datePicker}
                 {timePicker}
-                {buttonBar}
-                {footer}
                 {monthPicker}
                 {yearPicker}
+                {buttonBar}
+                {footer}
             </CalendarPanel>
         </span>
     )