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
In DateRangePicker you can pass for start date input startDateId and then can edit CSS accordingly.
Thanks, what do you mean by pass startDateId?
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
I tried startDatePlaceholderTextId and startDatePlaceholderId but it does not work
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 notifications@github.com
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
.
Many thanks @majapw , working!
Or use the class name like this:
.DateInput_input::placeholder {
color: #00b0ea;
}
thank you bro
Most helpful comment
Or use the class name like this:
.DateInput_input::placeholder { color: #00b0ea; }