# Change background color for datePicker

**URL:** https://community.plotly.com/t/change-background-color-for-datepicker/42188
**Category:** Dash Python
**Created:** [July 8, 2020, 9:18pm UTC](https://community.plotly.com/t/change-background-color-for-datepicker/42188 "2020-07-08T21:18:57Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Itaru\_Kishikawa](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/itaru_kishikawa/32/11726_2.png) [@Itaru\_Kishikawa](https://community.plotly.com/u/Itaru_Kishikawa)
#### Post date: [July 8, 2020, 9:18pm UTC](https://community.plotly.com/t/change-background-color-for-datepicker/42188/1 "2020-07-08T21:18:57Z")

</div>

I want to change the color of background for datePicker when it is disabled so that a user knows it’s disabled. I can change the color manually from in `.DateInput_input` css, but I want to change dynamically based on the user’s input. Is there a way to change the color dynamically?

---

<div class="post-metadata">

### Author: ![Itaru\_Kishikawa](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/itaru_kishikawa/32/11726_2.png) [@Itaru\_Kishikawa](https://community.plotly.com/u/Itaru_Kishikawa)
#### Post date: [July 8, 2020, 9:40pm UTC](https://community.plotly.com/t/change-background-color-for-datepicker/42188/2 "2020-07-08T21:40:15Z")

</div>

I solved it by simply adding `opacity` to the datePicker.

Thanks!

---

<div class="post-metadata">

### Author: ![verydata](https://avatars.discourse-cdn.com/v4/letter/v/b4bc9f/32.png) [@verydata](https://community.plotly.com/u/verydata)
#### Post date: [March 15, 2021, 8:08pm UTC](https://community.plotly.com/t/change-background-color-for-datepicker/42188/3 "2021-03-15T20:08:13Z")

</div>

> [@Itaru\_Kishikawa](#):
>
> `.DateInput_input`

can you share your solution?

---

<div class="post-metadata">

### Author: ![roudan](https://avatars.discourse-cdn.com/v4/letter/r/51bf81/32.png) [@roudan](https://community.plotly.com/u/roudan)
#### Post date: [May 4, 2022, 9:17pm UTC](https://community.plotly.com/t/change-background-color-for-datepicker/42188/4 "2022-05-04T21:17:16Z")

</div>

Hi Can you share your solution, I have an exactly question. Thanks