React DayPicker Styling Placeholder

Question

Я работаю с полем "день реакции" (https://react -day-picker.js.org / ). Я хочу настроить это. Я уже зашел на response-day-picker / lib / style.css и поиграл с цветами, размерами шрифта и т. Д. Но проблема в том, что я не могу изменить сам стиль заполнителя! Я уже все перепробовал, в основном я хочу отобразить "Hello" и создать красный фон вместо YYYY-MD и белый фон . Пожалуйста помоги. Вот что я сейчас имею: 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;

Answer 1

Вот что я получил для тебя. Просто открыл сайт, перешел на элементы и отредактировал их.

Так что, если вы хотите добиться этого, просто создайте файл CSS и импортируйте его в свой файл CSS.