Multipage app not updating current date in datepicker on webpage load

Dash Python
1

plotly 5.18.0
dash 2.14.1

multipage does not updating current date on page load (only after restart of container)

#app

def app_layout():
    return html.Div(
        id="main",
        children=[
            html.Div(
                id="cont",
                className="container",
                children=[
                    dcc.Location(id="url", refresh=False),
                    # Sidebar Section
                    side_bar(),
                    # Main Content
                    dmc.Container(
                        dash.page_container,
                        className="main",
                        pt=30,
                        px=5,
                        fluid=True,
                    ),
                ],
                lang="en",
            )
        ],
    )


app.layout = app_layout

#page

register_page(
    __name__,
    path="/daily-returns",
    title="Daily Returns",
)
def make_layout():
    return html.Div(
        className="main-subpage",
        children=[
            # First Container
            dmc.Container(
                children=[
                    html.Div(
                        [
                            dcc.Loading(graph_daily_returns, type="graph"),
                        ],
                    ),
                ],
                className="chart-container",
                size="100%",
            ),
            # Second Container
            dmc.Container(
                html.Div(
                    id="right-content",
                    children=right_daily_returns_layout,
                    className="right-section",
                ),
                className="main-right-container",
            ),
        ],
    )


layout = make_layout

@callback(
    Output("daily-returns-line-chart", "figure"),
    Input("multiselect-ticker-daily-returns", "value"),
    Input("start-date-daily-returns", "value"),
    Input("end-date-daily-returns", "value"),
   
    background=True,
    suppress_callback_exceptions=True,
)
def update_daily_returns_line_chart(symbols, start_date, end_date):
    fig = go.Figure()

#right_daily_returns_layout (datepicker end)

dmc.DatePicker(
                label="Set end date",
                value=datetime.now().date(),
                id="end-date-daily-returns",
                required=True,
                clearable=False,
                inputFormat="DD-MM-YYYY",
                maxDate=datetime.now().date(),
            ),
2

Hello @rafalsza,

I believe this is due to the nature of how your app is setup, in order to populate a current date of the app, you’ll need to turn the layout into a function to populate.

Assuming your right_returns_layout is a variable that is only populated once from the function, this isn’t being triggered to populate again during the layout function.

3

you mean layout = make_layout() ? on page

4

No, I mean the function where you are setting the date, in your layout it looks like a static variable instead of function that gets call each time.

Wherever you are setting this variable, the function is only being called once, upon app startup.

5

so I need to add callback on page to update end date? like:

@callback(
    Output("end-date-daily-returns", "value"),
    Input("end-date-daily-returns", "value"),
)
def update_end_date_on_load(start_date):
    return datetime.now().date()
6

I think here needs to turn into a function…

What you suggested would work as well, but an unnecessary call.

7

so something like:

# Second Container
            dmc.Container(
                html.Div(
                    id="right-content",
                    children=generate_right_daily_returns_layout(),
                    className="right-section",
                ),
                className="main-right-container",
            ),
8

Correct, this should update the date each time the user reloads the layout.

9

I will check it , updated app on container and wait for tommorow.
Strange is that I thought that layout = make_layout will update layout on page load

10

Make_layout would be a function, but if you have a variable that represents the datePicker, it will not update because it is just a variable that is set at one time.

To make it update, it needs to be a function…

1 Like
11

yes, it worked, thank you

1 Like