React-datepicker: Rendering incorrectly using the datepicker in React 15.4.2

Created on 29 Mar 2017 · 5Comments · Source: Hacker0x01/react-datepicker

For some reason the calendar isn't rendering correctly and the only recent change we have made is upgrade to react

<DatePicker
                  label="Rent Begin"
                  placeholderText="Pick rent begin date"
                  minDate={moment()} // Today is minimum date
                  weekStart='0' // start on sunday
                  selected={this.state.rentBeginMoment ? moment(this.state.rentBeginMoment) : null}
                  onChange={this.handleChangeRentStartDate.bind(this)} />

screen shot 2017-03-29 at 2 11 54 pm

wontfix

Source

stephanieatrtr

Most helpful comment

I guess u people are forget to import the css file

i.e.., import 'react-datepicker/dist/react-datepicker.css';

Yamini-Govardhani on 30 Mar 2017

👍4

All 5 comments

I am getting the same

agrcrobles on 29 Mar 2017

I guess u people are forget to import the css file

i.e.., import 'react-datepicker/dist/react-datepicker.css';

Yamini-Govardhani on 30 Mar 2017

👍4

Importing the CSS file working for me. Thanks @Yamini-Govardhani

dereksweet on 3 Apr 2017

👍1

It still didn't work for me

tharakabimal on 22 Nov 2017

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.