React-dates: Border-radius

Created on 20 Dec 2017  路  6Comments  路  Source: airbnb/react-dates

How could I set border-radius?

question

All 6 comments

Any suggestion?

On what, exactly?

At all, but I dit it! Just added a css and worked!!

Wow. Maybe dropping the css in as an answer would have helped.

Of course!! I've created a file to control my css and added this class there:

.DateRangePickerInput { border-radius: 5px; border: 0px; overflow: hidden; ... }

Adding overflow: hidden; to the .DateRangePickerInput is necessary it seems to get border-radius to appear properly. Even for the default border-radius of 2px.
This is how it appears with .DateRangePickerInput { border-radius: 14px; }
screen shot 2018-10-29 at 5 25 46 pm
Now with .DateRangePickerInput { border-radius: 14px; overflow: hidden; }
screen shot 2018-10-29 at 5 27 07 pm

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cemremengu picture cemremengu  路  3Comments

ekohanyi picture ekohanyi  路  3Comments

Daniel15 picture Daniel15  路  3Comments

Adam-Pendleton picture Adam-Pendleton  路  3Comments

HartiganHM picture HartiganHM  路  3Comments