Skip to content

DatePickerModal - Darker primary color on web makes action button unreadable #457

Open
@jennifer-dickinson

Description

@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

Image

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

iM-GeeKy commented on Mar 8, 2025

@iM-GeeKy
Collaborator

PRs are welcome!

Clement-coder

Clement-coder commented on Jun 2, 2025

@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 .

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingrepro providedReproducible example provided

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      DatePickerModal - Darker primary color on web makes action button unreadable · Issue #457 · web-ridge/react-native-paper-dates