Blueprint: DatePicker not rendering properly at all :(

Created on 16 Nov 2019  路  2Comments  路  Source: palantir/blueprint

Environment

  • __Package version(s)__: 3.17.2
  • __Browser and OS versions__: Chrome 78.0.3904.70

If possible, link to a minimal repro (fork this code sandbox):

Steps to reproduce

  1. create-react-app
  2. Followed steps https://blueprintjs.com/docs/#blueprint/getting-started

Actual behavior


image

Expected behavior

I expected to see a calender

Possible solution

I have no idea what is going on... spent an hour trying to solve. Can't see anything wrong :/

question

Most helpful comment

Looks like you forgot to add the datetime css file.
@import '~@blueprintjs/datetime/lib/css/blueprint-datetime.css';

If you use select or table package they have a separate css file to.
@import '~@blueprintjs/select/lib/css/blueprint-select.css';
@import '~@blueprintjs/table/lib/css/table.css';

All 2 comments

Looks like you forgot to add the datetime css file.
@import '~@blueprintjs/datetime/lib/css/blueprint-datetime.css';

If you use select or table package they have a separate css file to.
@import '~@blueprintjs/select/lib/css/blueprint-select.css';
@import '~@blueprintjs/table/lib/css/table.css';

Oh damn.. I knew it was something simple 馃憤
thx very much!

Was this page helpful?
0 / 5 - 0 ratings