# Datepicker display problem

**URL:** <https://community.plotly.com/t/datepicker-display-problem/20780>\
**Category:** Dash Python\
**Created:** [March 12, 2019, 2:27am UTC](https://community.plotly.com/t/datepicker-display-problem/20780 "2019-03-12T02:27:43Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![almond](https://avatars.discourse-cdn.com/v4/letter/a/e56c9b/32.png) [@almond](https://community.plotly.com/u/almond)\
**Post date:** [March 12, 2019, 2:27am UTC](https://community.plotly.com/t/datepicker-display-problem/20780/1 "2019-03-12T02:27:44Z")

</div>

Hi dash community,

I am trying to use datepicker in my dash app.  
The datepicker functions as you can pick dates, but it is not displayed properly.  
Please see the screenshots below.  
I have tried to adjust the column width, delete the html.A component above.  
None of this could solve the display problem.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/0/0aa100bfde643fcbbbb742011387b27ef04a7720.png)  
 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/2/23db1de1119cc88047fc088eb982ab52d59d425c.png)

dash version 0.31.0  
dash\_core\_components version 0.39.0  
dash\_html\_components version 0.13.2

Please let me know if you need further information to help solve the issue.  
Thanks a lot.

---

<div class="post-metadata">

**Author:** ![tcbegley](https://avatars.discourse-cdn.com/v4/letter/t/46a35a/32.png) [@tcbegley](https://community.plotly.com/u/tcbegley)\
**Post date:** [March 12, 2019, 6:40am UTC](https://community.plotly.com/t/datepicker-display-problem/20780/2 "2019-03-12T06:40:12Z")

</div>

Could you share the code that you used to make these screenshots?

---

<div class="post-metadata">

**Author:** ![almond](https://avatars.discourse-cdn.com/v4/letter/a/e56c9b/32.png) [@almond](https://community.plotly.com/u/almond)\
**Post date:** [March 13, 2019, 6:57am UTC](https://community.plotly.com/t/datepicker-display-problem/20780/3 "2019-03-13T06:57:34Z")

</div>

@tcbegley  
Hi Tom,

I tried to reproduce the problem and found out that the display problem was caused by zooming of the browser.  
This is zoom at 50%,

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/5/52ac45fa553fb3986aacf3aa18ab53e19f302acc.png)  
The display should be fine at 100% zoom.

I thought it was covered by components around it.

Anyways, thanks for trying to help me out!