Header Arrows are not accessible properly on iOS

[EsackNaz]

When I try to access the Header arrows. It's not accessible on iOS. When I place my cursor outside the calender component, the I can able to access the Header arrows. But this is not expected.

Expected Behavior

Header arrows should be accessible when we place the cursor above the arrows.

Observed Behavior

Header arrows is accessible when we place the cursor outside the calendar component. (Eg. Left arrow is accessible when we place cursor outside near left on the calendar component).

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: react-native-calendars@1.1307.0
• npm ls react-native: react-native@0.69.12

Also specify:

1. Device/emulator/simulator & OS version: iPhone 15 - iOS 17.2

Screenshots