`DatePickerInput` свойство" className "для``

Question

Я использую компонент реакции DatePickerInput и хочу стилизовать элемент <input /> внутри.С помощью свойства className компонента я могу только стилизовать контейнер <div />.Использование classNames свойства объекта также стилизует другие контейнеры.

Так возможно ли, и если да, то как применить класс CSS непосредственно к элементу <input /> (яиспользуя Bootstrap, поэтому я хочу добавить класс "контроль формы" для согласованности)?

Answer 1

Используйте опору inputProps, чтобы явно пропустить className реквизит на вход.Этот реквизит должен быть объектом с парами ключ / значение, соответствующими реквизитам для ввода:

<DayPickerInput inputProps={{ className: 'form-control' }} … />