React-dates: Change color of the start date placeholder

[elliottyson]

Hi!
I am using showClearDates but I do not know how to change the color of the grey placeholder "Start Date". Can someone help me maybe giving me the CSS class / id?
Many thanks in advance,
Elliot

[mukuljainx]

In DateRangePicker you can pass for start date input startDateId and then can edit CSS accordingly.

[elliottyson]

Thanks, what do you mean by pass startDateId?

[elliottyson]

Ok but if I use startDateId it works if I want to change let's say the color of the date selected but what I am looking for is to change the color of the placeholder when dates are cleared with showClearDates

[elliottyson]

I tried startDatePlaceholderTextId and startDatePlaceholderId but it does not work

[majapw]

The inputs are real inputs and thus, you change the placeholder color, I
believe you need to use a pseudoselector.

https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder should help!
:)

I think you'd be able to use something like .DateInput_input::placeholder
or #startDateInputId::placeholder.

If you're using Aphrodite, there's a theme variable associated with the
placeholder color that you can change.

On Fri, May 18, 2018, 10:42 AM Elliot Tison [e-mail]
wrote:

I tried startDatePlaceholderTextId and startDatePlaceholderId but it does
not work

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/airbnb/react-dates/issues/1176#issuecomment-390138495,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ABUdtbtNs-e0lD5UAuDqazGnTmkq0y4bks5tzomBgaJpZM4UC_Wf
.

[elliottyson]

Many thanks @majapw , working!

[zendostrike]

Or use the class name like this:

.DateInput_input::placeholder { color: #00b0ea; }

[hieupvd00585]

thank you bro