Py.Cafe

maartenbreddels/

dash-mantine-component-demo

Dash Mantine Component Demo

DocsPricing
  • app.py
  • requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
# check out https://www.dash-mantine-components.com/ for documentation
# or https://github.com/snehilvj/dash-mantine-components for GitHub

from datetime import date

from dash import Dash, Input, Output, callback, html, dcc
import dash
from dash.exceptions import PreventUpdate

import dash_mantine_components as dmc

stylesheets = ["https://unpkg.com/@mantine/dates@7/styles.css"]
dash._dash_renderer._set_react_version('18.2.0')

app = Dash(__name__, external_stylesheets=stylesheets)

app.layout = dmc.MantineProvider(
    [
        dcc.Markdown("""
        # Demo of dash-mantine-components

        Demo taken from [dash-mantine-component GitHub](https://github.com/snehilvj/dash-mantine-components)

        
        """, link_target="_blank"),
        dmc.DatePicker(
            id="date-picker",
            label="Start Date",
            description="You can also provide a description",
            minDate=date(2020, 8, 5),
            value=None,
            w=200
        ),
        dmc.Space(h=10),
        dmc.Text(id="selected-date"),
    ]
)


@callback(Output("selected-date", "children"), Input("date-picker", "value"))
def update_output(d):
    prefix = "You have selected: "
    if d:
        return prefix + d
    else:
        raise PreventUpdate


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