Datepicker font control

hi there,
I came a cross the problem you are discussing here.
So, how could the size of dcc.DatePickerRange be changed, say, how to set 70% of its original size?

and, how could we set control on the inputs set by a user , if the user select end period smaller than the start period,
date

Which classname should i modify for positioning the dates.

Hello, if you right click on the dashboard in the browswer and you inspect the page you can find all CSS classnames of the different components.
For the datepicker range, it would be .DateInput_input, .DateInput_input_1

(I’ve changed different layouts to the datepicker range in this example: https://corporate-dash.herokuapp.com/ that I’ve explained here https://gabri-albini.medium.com/create-a-professional-dasbhoard-with-dash-and-css-bootstrap-e1829e238fc5 )

1 Like