flatpickrでカレンダーが正しく表示されない

Question

npm install flatpickrでflatpickrをインストールしました。カレンダーは、ブト あなたはCSSファイルへのリンクを追加する必要があり、その久しぶり私が知っている入力コントロール

var React = require('React'); 
var ReactDOM = require('ReactDOM'); 
var Flatpickr = require('flatpickr'); 

var Calender = React.createClass({ 

    componentDidMount: function(){ 
    this.flatpickr = new Flatpickr(this.refs.date, {dateFormat: "m/d/Y"}); 
    }, 

    render: function() { 
     return(
       <div>    
        <input data-enable-time defaultValue='2016-11-11' ref="date_from" />  
       </div> 
      ); 
    } 
}); 

Answer 1

をクリックしたときのように表示されます。

あなたのSCSSファイルで：

@import '../node_modules/flatpickr/dist/flatpickr.min.css'; 

これは、ドキュメントの例の最初の行です：
https://github.com/coderhaoxin/react-flatpickr
（私はそれを使用する場合、私は例のCSSファイル名が何よりも異なっていたことがわかりました私は持っていたので、あなたのnode_modulesでダブルチェックしてください。）