[HOLD for payment 2022-12-15] [HOLD for payment 2022-12-06] iOS - The dropdown menu text is very hard to see in date selector

[kbecciv]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Access the New Expensify iOS app
2. Sign into a valid account
3. Click on Profile > Workspace > Connect bank > Connect manually
4. Enter routing information and proceed to the next page
5. Scroll down to the "Incorporation date" section and tap on the field, a drop down menu should open

Expected Result:

When the user taps the dropdown, all text should be clear and readable

Actual Result:

The dropdown menu text is very hard to see in date selector

Workaround:

Unknown

Platform:

Where is this issue occurring?

• iOS

Version Number: 1.2.34.0

Reproducible in staging?: Yes

Reproducible in production?: Yes

Email or phone of affected tester (no customers):

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

Issue reported by: Applause - Internal Team / @dhairyasenjaliya
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1669787031782639

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @JmillsExpensify (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[dhairyasenjaliya]

Proposal

Slack proposal link https://expensify.slack.com/archives/C049HHMV9SM/p1669787038687609?thread_ts=1669787031.782639&cid=C049HHMV9SM

• we just need to change themeVariant prop to dark in DatePicker index.ios.js

https://github.com/Expensify/App/blob/main/src/components/DatePicker/index.ios.js

          <RNDatePicker
            value={this.state.selectedDate}
            mode=“date”
            display=“spinner”
-            themeVariant=“light”
+            themeVariant=“dark” //for now once we get actual dark/light  variable we can set conditional based on selected theme
            onChange={this.updateLocalDate}
            locale={this.props.preferredLocale}
            maximumDate={this.props.maximumDate}
          />

[alex-mechler]

Snagging this one to knock it out super quick cc @JmillsExpensify

[dhairyasenjaliya]

@alex-mechler can you check my above proposal i add along with bug reporting #13203 (comment)

[alex-mechler]

Yup, that was also how I ended up solving it in the pr. I'll check to see if you are eligible for payment on that

[JmillsExpensify]

Thanks @alex-mechler!

[JmillsExpensify]

Also if we are using @dhairyasenjaliya's proposal in the internal PR, then I'm fine paying it out in this case.

[alex-mechler]

Yup, I used @dhairyasenjaliya's proposal, lets pay out like normal if #13210 solves the issue

[JmillsExpensify]

Noted, sounds great.