DatePickerModal - Darker primary color on web makes action button unreadable

[jennifer-dickinson]

Current behaviour

When using web to preview the date picker modal and using an MD2 theme, if the theme primary color is a darker shade, the icon buttons on the modal are not visible.

Expected behaviour

The buttons should be visible regardless of platform.

How to reproduce?

1. Have a light theme with a darker primary color such as #0f48a3
2. Preview the app using web
3. Open the date picker modal
4. Observe the action buttons are not legible

Snack: https://snack.expo.dev/@jvsalas/date-picker-button-color-issue?platform=web

Preview

What have you tried so far?

Unable to tweak theme further in date picker modal.

Your Environment

software	version
react-native-paper-dates	0.22.34
react-native-paper	5.13.1
expo sdk	52

[iM-GeeKy]

PRs are welcome!

[Clement-coder]

Hi

I'd love to work on fixing this issue where dark primary colors affect button visibility in the DatePickerModal on web. Please assign it to me .

[RichardLindhout]

You should use Material You instead of material design 2? This is old layout?

[RichardLindhout]

I don't want to support MD2 anymore. react-native-paper should remove it from their library

[iM-GeeKy]

@RichardLindhout #513 😏