Custom icons (Ionicons) break calendar navigation icons (chevron left/right, menu up/down)

[oussamakh96]

Hello everyone,

I'm using the icon parameter from react-native-paper to change the default icons to Ionicons like this:

`<PaperProvider
settings={{
icon: (props) => <Ionicons {...props} />,
}}
theme={AppTheme}

`
The icons work across the app, but in the react-native-paper-dates calendar component, the chevron icons for left/right navigation, and the menu up/down icons, are not functioning. They do not render correctly.

I would like to continue using Ionicons for the entire app but also need the calendar icons to work properly. Is there a way to customize the calendar icons or ensure that the navigation icons work with a custom icon set?

Thank you for your help!

[github-actions]

Hey! Thanks for opening the issue. Can you provide more information about the issue? Please fill the issue template when opening the issue without deleting any section. We need all the information we can, to be able to help. Make sure to at least provide - Current behaviour, Expected behaviour, A way to reproduce the issue with minimal code (link to snack.expo.dev) or a repo on GitHub, and the information about your environment (such as the platform of the device, versions of all the packages etc.).

[github-actions]

Hey! Thanks for opening the issue. Can you provide a minimal repro which demonstrates the issue? Posting a snippet of your code in the issue is useful, but it's not usually straightforward to run. A repro will help us debug the issue faster. Please try to keep the repro as small as possible. The easiest way to provide a repro is on snack.expo.dev. If it's not possible to repro it on snack.expo.dev, then you can also provide the repro in a GitHub repository.

[RichardLindhout]

Hey yeah I would make a component CustomIonicIcon and log which items are used for icons. Then return their IonicIcon variant

[oussamakh96]

Thanks for your response @RichardLindhout Waiting for new pull 😄