Date Range Component visibility

Hi team,

Noticed a bug with the date range component: the contrast text isn’t visible against the primary theme color. (The single date component is fine.)

To recreate, create this app and set the Primary colour of your theme to #1830DC.

You'll notice in the demo I contrast the difference between the Single Date Component & the Date Range Component

Screenshots

Notice the main text of the component (in the input bar)

This shows the style option for the text, it should always remain readable
Screenshot 2023-11-24 at 15.27.12 (1)

This is how it should look (from the Single Date Component

(Also, changing the available colour options isn't the solution here, that is what we've had to do in the meanwhile, but it means that this component is not consistent with out brand)

Thanks!

1 Like

Thanks for pointing this issue out. I have just taken this bug back to the team.

1 Like

In version 3.24 and up, the styling of the date range has been updated to avoid this contrast issue. Thanks again @tristdrum for raising this on the forum!