Open
Description
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?
- Have a light theme with a darker primary color such as #0f48a3
- Preview the app using web
- Open the date picker modal
- 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 |
Activity
iM-GeeKy commentedon Mar 8, 2025
PRs are welcome!
Clement-coder commentedon Jun 2, 2025
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 .