React DayPicker样式占位符

我正在与 反应日选取器 字段( https://react-day-picker.js.org/ )。我想自定义它。我已经去了 反应日选取器/库/样式。css 还有颜色、字体大小等。但问题是,我无法更改占位符样式本身!我已经尝试了一切,基本上我想做的就是展示 “你好” 并使 红色背景 而不是 YYYY-M-D 和 白色背景 .请帮忙。这就是我现在所拥有的: https://ibb.co/nGgCwJ

我的 .js代码 :

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 (
      <div>
        {selectedDay && <h3>Day: {selectedDay.toLocaleDateString()}</h3>}
        {!selectedDay && <h3>Date Picker</h3>}
        <DayPickerInput
          onDayChange={this.handleDayChange}
        />
      </div>
    );
  }
}

export default DateP;