CalendarHeader - fix RTL arrows image

Author: Inbal-Tish

src/calendar/header/style.ts

@@ -1,9 +1,11 @@
 import {StyleSheet, Platform} from 'react-native';
 import * as defaultStyle from '../../style';
 import {Theme} from '../../types';
+import constants from '../../commons/constants';
 
 export default function (theme: Theme = {}) {
   const appStyle = {...defaultStyle, ...theme};
+  const flipStyle = constants.isRTL ? {transform: [{scaleX: -1}]} : undefined;
   return StyleSheet.create({
     header: {
       flexDirection: 'row',
@@ -28,6 +30,7 @@ export default function (theme: Theme = {}) {
       ...appStyle.arrowStyle
     },
     arrowImage: {
+      ...flipStyle,
       tintColor: appStyle.arrowColor,
       ...Platform.select({
         web: {
@@ -37,6 +40,7 @@ export default function (theme: Theme = {}) {
       })
     },
     disabledArrowImage: {
+      ...flipStyle,
       tintColor: appStyle.disabledArrowColor
     },
     // @ts-expect-error