Что с react-datepicker?

Question

[retyu]

Добрый день! Пробую установить datepicker на react/redux и не совсем получается.
Использую этот пакет .
На данный момент хочу просто вывести простой datepicker.
Код

import DatePicker from 'react-datepicker';
import moment from 'moment';

const DayPickerSection = ({}) => {
    return (
        <div>
            <DatePicker selected={moment()}/>
        </div>
    );
};

export default DayPickerSection;

Выводится инпут с сегодняшней датой и числами в столбик. В чем проблема?
Как его правильно использовать с redux ? Возможно есть какие-то примеры?

Answer 1

[Максим]

Наверное, забыли подключить файл со стилями.

require('react-datepicker/dist/react-datepicker.css');

Comments

[retyu]

ERROR in ./~/react-datepicker/dist/react-datepicker.css
Module parse failed: C:\OpenServer\domains\react-currency-convert\node_modules\react-datepicker\dist\react-datepicker.css Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:0)

Ошыбка если подключаю.

[retyu]

Подключил стили так require('../../node_modules/react-datepicker/dist/react-datepicker.css');
ничего не именилось.

[Максим]

retyu: стили стали работать или нет?) В первом сообщении написано You may need an appropriate loader to handle this file type, что в переводе: вам нужен лоадер. Настройте css лоадер в вебпаке.

[Максим]

retyu: take.ms/132aD у классов появились стили?

[retyu]

Максим: настроил лоадер, подключил через require стили, но как-бы не те стили подгружаются... не те классы

[Максим]

retyu: приведите пример на скриншоте.

[retyu]

Максим: Скинул скрин.

Answer 2

[retyu]

Как виглядит datepicker

Стили что подгузились

Comments

[Максим]

да, какая-то проблема с лоадером. Проверьте настройки, вот мой конфиг (смотрите секцию css, там 2 строчки всего): pastebin.com/an4Sgn0k , а вот скрин с подключением стилей take.ms/A9YmF , и напоследок скрин со стилями в консоли хрома: take.ms/E437v

[retyu]

Максим: Да, немного изменил лоадер и все заработало, спасибо.)
Далее значение dispatch-ом нужно передавать в action? (Например выбранную дату).
И еще, не подскажите как onChange правильно поставить чтоб это сделать?