dcc.DatePickerSingle

Dash Python
1

I am using this widget
dbc.Col(
[
dbc.Label(“myLabel:”, html_for=“myId”),
html.Br(),
dcc.DatePickerSingle(
id=‘myId’,
min_date_allowed=date(1990, 1, 1),
max_date_allowed=date.today(),
initial_visible_month=date.today(),
date=date.today()
)
], width=3),

to display a date picker. The size of the widget is a bit too big for my purpose
Capture

is there a option to control the size of the widget itself, not the date font size. I don’t see any in this reference: DatePickerSingle | Dash for Python Documentation | Plotly

Thanks

2

Datepickers are a little tricky to deal with because they are usually a mixture of components on top of one another. I wound up just messing with the css like this to change the wdith/height of the input itself.

If you examine the datepicker css in your browser, you can usually see which classes to mess with to make the object smaller.

3

@markmnei give this datepicker a try: DatePicker.
You can also set size of the datepicker if you don’t like the default one.

4

Thank you. I like this library. The Datepickers sizing option is what I was looking for

1 Like
5

Thank you for your reply.

The https://dash-mantine-components.herokuapp.com/ as mentioned by @ snehilvj provided a much simple approach. I decided to go that wat for now.

1 Like