CSS of Datepicker

Dash Python
1

Hello everyone

Im using the dcc.DatePickerRange and the CSS template: https://codepen.io/chriddyp/pen/bWLwgP.css. In my app this looks as follows:

image

Now I want to remove the white area around the start and end date “buttons”. I tried to set the style of the DatePicker to {‘backgroundColor’: ‘transparent’} what doesn’t work. Somehow it creates a white box behind it and thats why the backgroundColor is not the issue. Can someone help me which style settings i have to choose to remove the grey border and white background around the DatePicker start and end date?

Removing the borders around the start and end date would be fine too.

Thank you very much
Till

2

Found out myself. In the css add:

.DateRangePickerInput{
  border: 0px;
  background-color: transparent;
}