Правильно отображать управление реагировать на дату выбора

Question

Я пытаюсь использовать компонент «response-datepicker», но он отображается правильно. В частности, он имеет высоту в одну строку.

Поверьте, что CSS импортируется правильно. Я сделал:

import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

Я вижу, что [некоторые] react-datepicker стили действительно импортированы. Я просто не могу понять, почему мой «поппер» отображается в одной строке.

Я использовал компонент как:

    <div className="date-picker">
      <DatePicker 
      onChange={() => {}}
      selected={startDate}
    />

Пожалуйста, сообщите. Если я добавлю flex-direction: column; к react-datepicker__month, react-datepicker__month-container и react-datepicker__header, проблема исчезнет.

Answer 1

Вы должны использовать относительный путь вместо абсолютного пути, как.

Вы можете импортировать файл выбора даты css из node_modules

импортировать как import '../node_modules/react-datepicker /dist/react-datepicker.css';