date range picker

the code shows the section of date range picker but when i click on it it doesn't work and nothing appear or pop-up on the browser

    import { DateRangePicker } from 'rsuite';
                import React from 'react';
                import 'rsuite/dist/rsuite.min.css'
                import "./service.css";
    
                function Datess() {
                  return (<div className='dates'>
                    <DateRangePicker/>  
                
                  </div>  );
                }
                
                export default Datess;