title: React DayPicker Styling Placeholder
body: <p>I am working with <em>react-day-picker</em> field (<a href="https://react-day-picker.js.org/" rel="nofollow noreferrer">https://react-day-picker.js.org/</a>). I want to customize it. I have already went to <em>react-day-picker/lib/style.css</em> and played with colors, font sizes etc. But the problem is, I can't change placeholder style itself! I have already tried everything, basically what I want to do is to display <em>"Hello"</em> and make the <em>red background</em> instead of <em>YYYY-M-D</em> and <em>white background</em>. Please, help. That's what I have right now: 
  <a href="https://ibb.co/nGgCwJ" rel="nofollow noreferrer">https://ibb.co/nGgCwJ</a></p>
  
  <p>My <strong>.js code</strong>:</p>
  
  <pre><code>import React, {Component} from 'react';
  import DayPickerInput from 'react-day-picker/DayPickerInput';
  import 'react-day-picker/lib/style.css';
  
  class DateP extends Component {
    constructor(props) {
      super(props);
      this.handleDayChange = this.handleDayChange.bind(this);
      this.state = {
        selectedDay: undefined
      };
    }
    handleDayChange(day) {
        this.setState({ selectedDay: day });
    }
    render() {
      const { selectedDay} = this.state;
      return (
        &lt;div&gt;
          {selectedDay &amp;&amp; &lt;h3&gt;Day: {selectedDay.toLocaleDateString()}&lt;/h3&gt;}
          {!selectedDay &amp;&amp; &lt;h3&gt;Date Picker&lt;/h3&gt;}
          &lt;DayPickerInput
            onDayChange={this.handleDayChange}
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  export default DateP;
  </code></pre>