Adjust calendar controller

js/ui/calendarPopover.js

@@ -151,6 +151,8 @@ export function syncCalendarPopoverVisibility({
     popup,
     isOpen,
     chevron,
+    chevronOpenTransform = 'rotate(180deg)',
+    chevronClosedTransform = 'rotate(0deg)',
     trigger,
     openTriggerStyle = DEFAULT_OPEN_TRIGGER_STYLE,
     closedTriggerStyle = DEFAULT_CLOSED_TRIGGER_STYLE,
@@ -164,7 +166,7 @@ export function syncCalendarPopoverVisibility({
     }
 
     const chevronEl = byId(chevron);
-    if (chevronEl) chevronEl.style.transform = isOpen ? 'rotate(180deg)' : 'rotate(0deg)';
+    if (chevronEl) chevronEl.style.transform = isOpen ? chevronOpenTransform : chevronClosedTransform;
 
     setStyles(
         byId(trigger),
@@ -215,6 +217,8 @@ export function createCalendarPopoverController({
     viewportId,
     triggerId,
     chevronId,
+    chevronOpenTransform,
+    chevronClosedTransform,
     getCalendar,
     openTriggerStyle = DEFAULT_OPEN_TRIGGER_STYLE,
     closedTriggerStyle = DEFAULT_CLOSED_TRIGGER_STYLE,
@@ -228,6 +232,8 @@ export function createCalendarPopoverController({
             popup: popupId,
             isOpen,
             chevron: chevronId,
+            chevronOpenTransform,
+            chevronClosedTransform,
             trigger: triggerId,
             openTriggerStyle,
             closedTriggerStyle,