React-datepicker: CSS Not Loading - Redux Hot Example
Trying to integrate this beautiful datepicker into this very popular React-Redux boilerplate https://github.com/erikras/react-redux-universal-hot-example. The input box appears and it is possible to select dates but the styling does not load at all. I have tried the canusedom approach from https://github.com/Hacker0x01/react-datepicker/issues/137 but the most it does is not give the "document is not defined" error. Screenshot is attached to show the kind of component that gets rendered.
Clicking on any of the numbers does select the right date, but the nicely styled date selector component is not rendered. Is there a way to make this render as it is supposed to?
yomolify
All 10 comments
+1
eversadia
on 28 Oct 2015
Seeing the same issue. Using React 0.14.0 and 0.15.1 of the datepicker.
jasongonzales23
on 29 Oct 2015
Oh holy wow. Here's the fix. Add this:
require('react-datepicker/dist/react-datepicker.css')
Why is this not in the documentation!!!
jasongonzales23
on 29 Oct 2015
Oh that might be an oversight from our side! Sorry about that.. Would be
awesome if someone could contribute to the documentation with their
experiences.
On do 29 okt. 2015 at 22:05 Jason [email protected] wrote:
Oh holy wow. Here's the fix. Add this:
require('react-datepicker/dist/react-datepicker.css')
Why is this not in the documentation!!!
—
Reply to this email directly or view it on GitHub
https://github.com/Hacker0x01/react-datepicker/issues/194#issuecomment-152326521
.
martijnrusschen
on 29 Oct 2015
Happy to add to the docs, will squeeze it in here in a sec, but now noticing another bug. The datepicker stays display: none right now. I can manipulate in the dev console and then it works until page refresh.
Will create a new issue for this.
jasongonzales23
on 29 Oct 2015
Thanks!
martijnrusschen
on 8 Nov 2015
Even with importing the CSS the datepicker has the same issue for me :disappointed: Playing around with it
ctrlaltdylan
on 2 Feb 2017
any solution for this yets?
yasserzubair
on 2 Oct 2017
If anyone is using CSS Modules, you have to import react-datepicker/src/stylesheets/datepicker-cssmodules.scss
stphnlngdncoding
on 13 Nov 2017
I'm using CSS Modules
I import react-datepicker/src/stylesheets/datepicker-cssmodules.scss
not helping :(
yoavgecht
on 9 Apr 2018
Related issues
ericreis
·
3Comments
jbccollins
·
3Comments
evolve2k
·
3Comments
sarav1234
·
3Comments
rsouthpaw
·
3Comments
Most helpful comment
Even with importing the CSS the datepicker has the same issue for me :disappointed: Playing around with it