Add style/class to react-datepicker

Ed Lynch picture Ed Lynch · Jul 10, 2017 · Viewed 19.5k times · Source

So basicly how do I add a css class? I've given this a go but it ain't working:

<DatePicker 
       className="form-control 
       dateInput" 
       selected={startDate}  
       onChange={function(date){
                    startDate = date;
                 }
       }
/>

Thanks, Ed. (It's been compiled with webpack by the way.)

Answer

Kris Selbekk picture Kris Selbekk · Jul 10, 2017

Depending on where you want to add the css class, you can either use className prop or popperClassName. For more, please read the docs: https://github.com/Hacker0x01/react-datepicker/blob/master/docs/datepicker.md