React-datepicker: size of month container

Created on 14 Jun 2019  路  7Comments  路  Source: Hacker0x01/react-datepicker

Expected behavior

Hello,
how do i reproduce the Calender Size of your Demosite? (https://reactdatepicker.com/)

The Calender is somehow much smaller than in shown in your demo :(


Behavior on your site

image

behavior on my site

image

my Code:
image

Thanks for helping

wontfix

All 7 comments

I'm trying to adjust the size of mine, but I do know that is all sized with rems, so check what your html {font-size: ...}
I would still like to know how to adjust the size of just the picker since I can't adjust my html font-size...

I was facing a similar issue. Adding the scale transformation worked for me.
I had added transform: scale(1.5) translate(35px, 25px)

Hi,

I had similar issue. I solved it by taking copy of default styles and changed rems to pixels.

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.

I was facing a similar issue. Adding the scale transformation worked for me.
I had added transform: scale(1.5) translate(35px, 25px)

It worked in a blured way, I guess we could find a better way.

what i do is modified the html's fontsize, it worked.

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.

I have overwritten the style, adding the zoom property to the react-datepicker class.
.react-datepicker { zoom: 175%; }

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hoodsy picture hoodsy  路  3Comments

ro-savage picture ro-savage  路  3Comments

lclemence picture lclemence  路  3Comments

ericreis picture ericreis  路  3Comments

kkras3 picture kkras3  路  3Comments