Skip to content

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

@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

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