Calendar is not displaying correctly using flatpickr
<p>I installed flatpickr by npm install flatpickr. Calender is displaying like when click on input control <a href="https://i.stack.imgur.com/GIxO5.png" rel="noreferrer"><img src="https://i.stack.imgur.com/GIxO5.png" alt="enter image description here"></a></p>

<pre><code>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(
                &lt;div&gt;            
                    &lt;input data-enable-time defaultValue='2016-11-11' ref="date_from" /&gt;    
                &lt;/div&gt;
             );
    }
});
</code></pre>