Skip to content
This repository was archived by the owner on Aug 29, 2025. It is now read-only.
This repository was archived by the owner on Aug 29, 2025. It is now read-only.

dcc.DatePickerRange changes disabled_days style when selecting a start date #995

Open

Description

@RunQi-Han

Starting dash-core-components==1.16, there is a new weird behaviour of dcc.DatePickerRange . With max_date_allowed enabled, when a user selects a start date, then, the disabled day will become unmarked (but user cannot select on it, it seems that only the CSS associated with being disabled has been removed.)
The behaviour does not show up with Dash==1.19.0 and dash-core-components==1.15

For example, the April 16th color will change if I select any start day(even though I cannot select 16th)

Apr-14-2022 10-49-09

Here is the code to reproduce the issue:

import dash
import dash_core_components as dcc
import dash_html_components as html


app = dash.Dash(__name__)
server = app.server  # expose server variable for Procfile

app.layout = html.Div(children=[
    dcc.DatePickerRange(
            id='date-picker',
            clearable=True,
            initial_visible_month="2022-04-01",
            max_date_allowed="2022-04-15",
            minimum_nights=0,
            disabled_days = ["2022-4-06","2022-04-07","2022-04-08"]
        ),
])

if __name__ == '__main__':
    app.run_server(debug=True)

with Dash==2.3.1 and dash-core-components==2.0.0

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions