title: React Date Range from rsuite
body: <p>I am importing react-date-range from rsuite and also import 'rsuite/dist/styles/rsuite-default.css'; Following is my code snippet:</p>
  <pre><code>import {DateRangePicker} from 'rsuite'
  import 'react-daterange-picker/dist/css/react-calendar.css'
  import 'rsuite/dist/styles/rsuite-default.css';
  
  &lt;div className=&quot;dates&quot;&gt;
       &lt;DateRangePicker/&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Problem:
  I am using this along with other elements. But whenever I am using</p>
  <pre><code>import 'rsuite/dist/styles/rsuite-default.css'; 
  </code></pre>
  <p>Other elements in the dom as well as the <code>DateRangePicker</code> element itself is not showing. But when I comment out the <code>..default.css</code>, everything shows but the DateRangePicker doesn't function or toggle down. I have attached a picture that doesn't show any element in the dashboard because of the import of <code>default.css</code></p>
  <p><a href="https://i.stack.imgur.com/9LNmp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9LNmp.png" alt="" /></a></p>