solara 1.30.1__py2.py3-none-any.whl → 1.32.0__py2.py3-none-any.whl

solara/lab/components/chat.py

@@ -1,203 +0,0 @@
-import uuid
-from typing import Callable, Dict, List, Optional, Union
-
-from typing_extensions import Literal
-
-import solara
-from solara.components.input import use_change
-
-
-@solara.component
-def ChatBox(
-    children: List[solara.Element] = [],
-    style: Optional[Union[str, Dict[str, str]]] = None,
-    classes: List[str] = [],
-):
-    """
-    The ChatBox component is a container for ChatMessage components.
-    Its primary use is to ensure the proper ordering of messages,
-    using `flex-direction: column-reverse` together with `reversed(messages)`.
-
-    # Arguments
-
-    * `children`: A list of child components.
-    * `style`: CSS styles to apply to the component. Either a string or a dictionary.
-    * `classes`: A list of CSS classes to apply to the component.
-    """
-    style_flat = solara.util._flatten_style(style)
-    if "flex-grow" not in style_flat:
-        style_flat += " flex-grow: 1;"
-    if "flex-direction" not in style_flat:
-        style_flat += " flex-direction: column-reverse;"
-    if "overflow-y" not in style_flat:
-        style_flat += " overflow-y: auto;"
-
-    classes += ["chat-box"]
-    with solara.Column(
-        style=style_flat,
-        classes=classes,
-    ):
-        for child in list(reversed(children)):
-            solara.display(child)
-
-
-@solara.component
-def ChatInput(
-    send_callback: Optional[Callable] = None,
-    disabled: bool = False,
-    style: Optional[Union[str, Dict[str, str]]] = None,
-    classes: List[str] = [],
-):
-    """
-    The ChatInput component renders a text input together with a send button.
-
-    # Arguments
-
-    * `send_callback`: A callback function for when the user presses enter or clicks the send button.
-    * `disabled`: Whether the input should be disabled. Useful for disabling sending further messages while a chatbot is replying,
-        among other things.
-    * `style`: CSS styles to apply to the component. Either a string or a dictionary. These styles are applied to the container component.
-    * `classes`: A list of CSS classes to apply to the component. Also applied to the container.
-    """
-    message, set_message = solara.use_state("")  # type: ignore
-    style_flat = solara.util._flatten_style(style)
-
-    if "align-items" not in style_flat:
-        style_flat += " align-items: center;"
-
-    with solara.Row(style=style_flat, classes=classes):
-
-        def send(*ignore_args):
-            if message != "" and send_callback is not None:
-                send_callback(message)
-                set_message("")
-
-        message_input = solara.v.TextField(
-            label="Type a message...",
-            v_model=message,
-            on_v_model=set_message,
-            rounded=True,
-            filled=True,
-            hide_details=True,
-            style_="flex-grow: 1;",
-            disabled=disabled,
-        )
-
-        use_change(message_input, send, update_events=["keyup.enter"])
-
-        button = solara.v.Btn(color="primary", icon=True, children=[solara.v.Icon(children=["mdi-send"])], disabled=message == "")
-
-        use_change(button, send, update_events=["click"])
-
-
-@solara.component
-def ChatMessage(
-    children: Union[List[solara.Element], str],
-    user: bool = False,
-    avatar: Union[solara.Element, str, Literal[False], None] = None,
-    name: Optional[str] = None,
-    color: Optional[str] = "rgba(0,0,0,.06)",
-    avatar_background_color: Optional[str] = None,
-    border_radius: Optional[str] = None,
-    notch: bool = False,
-    style: Optional[Union[str, Dict[str, str]]] = None,
-    classes: List[str] = [],
-):
-    """
-    The ChatMessage component renders a message. Messages with `user=True` are rendered on the right side of the screen,
-    all others on the left.
-
-    # Arguments
-
-    * `children`: A list of child components.
-    * `user`: Whether the message is from the current user or not.
-    * `avatar`: An avatar to display next to the message. Can be a string representation of a URL or Material design icon name,
-        a solara Element, False to disable avatars altogether, or None to display initials based on `name`.
-    * `name`: The name of the user who sent the message.
-    * `color`: The background color of the message. Defaults to `rgba(0,0,0,.06)`. Can be any valid CSS color.
-    * `avatar_background_color`: The background color of the avatar. Defaults to `color` if left as `None`.
-    * `border_radius`: Sets the roundness of the corners of the message. Defaults to `None`,
-        which applies the default border radius of a `solara.Column`, i.e. `4px`.
-    * `notch`: Whether to display a speech bubble style notch on the side of the message.
-    * `style`: CSS styles to apply to the component. Either a string or a dictionary. Applied to the container of the message.
-    * `classes`: A list of CSS classes to apply to the component. Applied to the same container.
-    """
-    style_flat = solara.util._flatten_style(style)
-
-    if "border-radius" not in style_flat:
-        style_flat += f" border-radius: {border_radius if border_radius is not None else ''};"
-    if f"border-top-{'right' if user else 'left'}-radius" not in style_flat:
-        style_flat += f" border-top-{'right' if user else 'left'}-radius: 0;"
-    if "padding" not in style_flat:
-        style_flat += " padding: .5em 1.5em;"
-
-    msg_uuid = solara.use_memo(lambda: str(uuid.uuid4()), dependencies=[])
-    with solara.Row(
-        justify="end" if user else "start",
-        style={"flex-direction": "row-reverse" if user else "row", "padding": "5px"},
-    ):
-        if avatar is not False:
-            with solara.v.Avatar(color=avatar_background_color if avatar_background_color is not None else color):
-                if avatar is None and name is not None:
-                    initials = "".join([word[:1] for word in name.split(" ")])
-                    solara.HTML(tag="span", unsafe_innerHTML=initials, classes=["headline"])
-                elif isinstance(avatar, solara.Element):
-                    solara.display(avatar)
-                elif isinstance(avatar, str) and avatar.startswith("mdi-"):
-                    solara.v.Icon(children=[avatar])
-                else:
-                    solara.HTML(tag="img", attributes={"src": avatar, "width": "100%"})
-        classes_new = classes + ["chat-message-" + msg_uuid, "right" if user else "left"]
-        with solara.Column(
-            classes=classes_new,
-            gap=0,
-            style=style_flat,
-        ):
-            if name is not None:
-                solara.Text(name, style="font-weight: bold;", classes=["message-name", "right" if user else "left"])
-            for child in children:
-                if isinstance(child, solara.Element):
-                    solara.display(child)
-                else:
-                    solara.Markdown(child)
-        # we use the uuid to generate 'scoped' CSS, i.e. css that only applies to the component instance.
-        extra_styles = (
-            f""".chat-message-{msg_uuid}:before{{
-                content: '';
-                position: absolute;
-                width: 0;
-                height: 0;
-                border: 6px solid;
-                top: 0;
-            }}
-            .chat-message-{msg_uuid}.left:before{{
-                left: -12px;
-                border-color: var(--color) var(--color) transparent transparent;
-            }}
-            .chat-message-{msg_uuid}.right:before{{
-                right: -12px;
-                border-color: var(--color) transparent transparent var(--color);
-            }}"""
-            if notch
-            else ""
-        )
-        solara.Style(
-            f"""
-            .chat-message-{msg_uuid}{{
-                --color: {color};
-                max-width: 75%;
-                position: relative;
-            }}
-            .chat-message-{msg_uuid}.left{{
-                    border-top-left-radius: 0;
-                    background-color:var(--color);
-                    { "margin-left: 10px !important;" if notch else ""}
-            }}
-            .chat-message-{msg_uuid}.right{{
-                    border-top-right-radius: 0;
-                    background-color:var(--color);
-                    { "margin-right: 10px !important;" if notch else ""}
-            }}
-            {extra_styles}
-            """
-        )

solara/lab/components/confirmation_dialog.py

@@ -1,165 +0,0 @@
-from typing import Callable, List, Union, overload
-
-import reacton.ipyvuetify as v
-
-import solara
-
-
-@overload
-def ConfirmationDialog(
-    open: solara.Reactive[bool],
-    *,
-    on_close: Union[None, Callable[[], None]] = None,
-    content: Union[str, solara.Element] = "",
-    title: str = "Confirm action",
-    ok: Union[str, solara.Element] = "OK",
-    on_ok: Callable[[], None] = lambda: None,
-    cancel: Union[str, solara.Element] = "Cancel",
-    on_cancel: Callable[[], None] = lambda: None,
-    children: List[solara.Element] = [],
-    max_width: Union[int, str] = 500,
-    persistent: bool = False,
-):
-    ...
-
-
-# when open is a boolean, on_close should be given, otherwise a dialog can never be closed
-# TODO: copy this pattern to many other components
-@overload
-def ConfirmationDialog(
-    open: bool,
-    *,
-    on_close: Callable[[], None],
-    content: Union[str, solara.Element] = "",
-    title: str = "Confirm action",
-    ok: Union[str, solara.Element] = "OK",
-    on_ok: Callable[[], None] = lambda: None,
-    cancel: Union[str, solara.Element] = "Cancel",
-    on_cancel: Callable[[], None] = lambda: None,
-    children: List[solara.Element] = [],
-    max_width: Union[int, str] = 500,
-    persistent: bool = False,
-):
-    ...
-
-
-@solara.component
-def ConfirmationDialog(
-    open: Union[solara.Reactive[bool], bool],
-    *,
-    on_close: Union[None, Callable[[], None]] = None,
-    content: Union[str, solara.Element] = "",
-    title: str = "Confirm action",
-    ok: Union[str, solara.Element] = "OK",
-    on_ok: Callable[[], None] = lambda: None,
-    cancel: Union[str, solara.Element] = "Cancel",
-    on_cancel: Callable[[], None] = lambda: None,
-    children: List[solara.Element] = [],
-    max_width: Union[int, str] = 500,
-    persistent: bool = False,
-):
-    """A dialog used to confirm a user action.
-
-    (*Note: [This component is experimental and its API may change in the future](/documentation/getting_started/lab).*)
-
-    By default, has a title, a text explaining the
-    decision to be made, and two buttons "OK" and "Cancel".
-
-    ## Basic examples
-
-    ```solara
-    import solara
-
-    open_delete_confirmation = solara.reactive(False)
-
-    def delete_user():
-        # put your code to perform the action here
-        print("User being deleted...")
-
-    @solara.component
-    def Page():
-        solara.Button(label="Delete user", on_click=lambda: open_delete_confirmation.set(True))
-        solara.lab.ConfirmationDialog(open_delete_confirmation, ok="Ok, Delete", on_ok=delete_user, content="Are you sure you want to delete this user?")
-    ```
-
-    ## Arguments
-
-    * `open`: Indicates whether the dialog is being shown or not.
-    * `on_open`: Callback to call when the dialog opens of closes.
-    * `content`: Message that is displayed.
-    * `title`: Title of the dialog.
-    * `ok`: If a string, this text will be displayed on the confirmation button (default is "OK"). If a Button, it will be used instead of the default button.
-    * `on_ok`: Callback to be called when the OK button is clicked.
-    * `cancel`: If a string, this text will be displayed on the cancellation button (default is "Cancel"). If a Button, it will be used instead of the default
-        button.
-    * `on_cancel`: Callback to be called when the Cancel button is clicked. When persistent is False, clicking outside of the element or pressing esc key will
-       also trigger cancel.
-    * `children`: Additional components that will be shown under the dialog message, but before the buttons.
-    * `max_width`: Maximum width of the dialog window.
-    * `persistent`: When False (the default), clicking outside of the element or pressing esc key will trigger cancel.
-
-    """
-
-    def on_open(open_value):
-        if not open_value:
-            if on_close:
-                on_close()
-
-    open_reactive = solara.use_reactive(open, on_open)
-    del open
-
-    def close():
-        open_reactive.set(False)
-
-    user_on_click_ok = None
-    user_on_click_cancel = None
-
-    def perform_ok():
-        if user_on_click_ok:
-            user_on_click_ok()
-        on_ok()
-        close()
-
-    def perform_cancel():
-        if user_on_click_cancel:
-            user_on_click_cancel()
-        on_cancel()
-        close()
-
-    def on_v_model(value):
-        if not value:
-            on_cancel()
-        open_reactive.set(value)
-
-    with v.Dialog(
-        v_model=open_reactive.value,
-        on_v_model=on_v_model,
-        persistent=persistent,
-        max_width=max_width,
-    ):
-        with solara.v.Card():
-            solara.v.CardTitle(children=[title])
-            with solara.v.CardText(style_="min-height: 64px"):
-                if isinstance(content, str):
-                    solara.Text(content)
-                else:
-                    solara.display(content)
-                if children:
-                    solara.display(*children)
-            with solara.v.CardActions(class_="justify-end"):
-                if isinstance(cancel, str):
-                    solara.Button(label=cancel, on_click=perform_cancel, text=True, classes=["grey--text", "text--darken-2"])
-                else:
-                    # the user may have passed in on_click already
-                    user_on_click_cancel = cancel.kwargs.get("on_click")
-                    # override or add our own on_click handler
-                    cancel.kwargs = {**cancel.kwargs, "on_click": perform_cancel}
-                    solara.display(cancel)
-
-                # similar as cancel
-                if isinstance(ok, str):
-                    solara.Button(label=ok, on_click=perform_ok, dark=True, color="primary", elevation=0)
-                else:
-                    user_on_click_ok = ok.kwargs.get("on_click")
-                    ok.kwargs = {**ok.kwargs, "on_click": perform_ok}
-                    solara.display(ok)

solara/lab/components/cross_filter.py

@@ -1,7 +0,0 @@
-# for backwards compatibility
-from solara.components.cross_filter import (  # noqa: F401
-    CrossFilterDataFrame,
-    CrossFilterReport,
-    CrossFilterSelect,
-    CrossFilterSlider,
-)

solara/lab/components/input_date.py

@@ -1,298 +0,0 @@
-import datetime as dt
-from typing import Callable, Dict, List, Optional, Tuple, Union, cast
-
-import ipyvue
-import reacton
-
-import solara
-import solara.lab
-from solara.components.input import _use_input_type
-
-
-def use_close_menu(el: reacton.core.Element, is_open: solara.Reactive[bool]):
-    is_open_ref = solara.use_ref(is_open)
-    is_open_ref.current = is_open
-
-    def monitor_events():
-        def close_menu(*ignore_args):
-            is_open_ref.current.set(False)
-
-        widget = cast(ipyvue.VueWidget, solara.get_widget(el))
-        widget.on_event("keyup.enter", close_menu)
-        widget.on_event("keydown.tab", close_menu)
-
-        def cleanup():
-            widget.on_event("keyup.enter", close_menu, remove=True)
-            widget.on_event("keydown.tab", close_menu, remove=True)
-
-        return cleanup
-
-    solara.use_effect(monitor_events, [])
-
-
-@solara.component
-def InputDate(
-    value: Union[solara.Reactive[Optional[dt.date]], Optional[dt.date]],
-    on_value: Optional[Callable[[Optional[dt.date]], None]] = None,
-    label: str = "Pick a date",
-    children: List[solara.Element] = [],
-    open_value: Union[solara.Reactive[bool], bool] = False,
-    on_open_value: Optional[Callable[[bool], None]] = None,
-    optional: bool = False,
-    date_format: str = "%Y/%m/%d",
-    first_day_of_the_week: int = 1,
-    style: Optional[Union[str, Dict[str, str]]] = None,
-    classes: Optional[List[str]] = None,
-):
-    """
-    Show a textfield, which when clicked, opens a datepicker. The input date should be of type `datetime.date`.
-
-    ## Basic Example
-
-    ```solara
-    import solara
-    import solara.lab
-    import datetime as dt
-
-
-    @solara.component
-    def Page():
-        date = solara.use_reactive(dt.date.today())
-
-        solara.lab.InputDate(date)
-        solara.Text(str(date.value))
-    ```
-
-    ## Arguments
-
-    * value: Reactive variable of type `datetime.date`, or `None`. This date is selected the first time the component is rendered.
-    * on_value: a callback function for when value changes. The callback function receives the new value as an argument.
-    * label: Text used to label the text field that triggers the datepicker.
-    * children: List of Elements to be rendered under the calendar. If empty, a close button is rendered.
-    * open_value: Controls and communicates the state of the datepicker. If True, the datepicker is open. If False, the datepicker is closed.
-    Intended to be used in conjunction with a custom set of controls to close the datepicker.
-    * on_open_value: a callback function for when open_value changes. Also receives the new value as an argument.
-    * optional: Determines whether to show an error when value is `None`. If `True`, no error is shown.
-    * date_format: Sets the format of the date displayed in the text field. Defaults to `"%Y/%m/%d"`. For more information, see
-    <a href="https://docs.python.org/3/library/datetime.html#strftime-and-strptime-format-codes" target="_blank">the Python documentation</a>.
-    * first_day_of_the_week: Sets the first day of the week, as an `int` starting count from Sunday (`=0`). Defaults to `1`, which is Monday.
-    * style: CSS style to apply to the text field. Either a string or a dictionary of CSS properties (i.e. `{"property": "value"}`).
-    * classes: List of CSS classes to apply to the text field.
-    """
-    value_reactive = solara.use_reactive(value, on_value)  # type: ignore
-    del value, on_value
-    datepicker_is_open = solara.use_reactive(open_value, on_open_value)  # type: ignore
-    del open_value, on_open_value
-
-    def set_date_typed_cast(value: Optional[str]):
-        if value:
-            try:
-                date_value = dt.datetime.strptime(value, date_format).date()
-                return date_value
-            except ValueError:
-                raise ValueError(f"Date {value} does not match format {date_format.replace('%', '')}")
-        elif optional:
-            return None
-        else:
-            raise ValueError("Date cannot be empty")
-
-    def date_to_str(date: Optional[dt.date]) -> str:
-        if date is not None:
-            return date.strftime(date_format)
-        return ""
-
-    def set_date_cast(new_value: Optional[str]):
-        if new_value:
-            date_value = dt.datetime.strptime(new_value, "%Y-%m-%d").date()
-            datepicker_is_open.set(False)
-            value_reactive.value = date_value
-
-    def standard_strfy(date: Optional[dt.date]):
-        if date is None:
-            return None
-        else:
-            return date.strftime("%Y-%m-%d")
-
-    date_standard_str = standard_strfy(value_reactive.value)
-
-    style_flat = solara.util._flatten_style(style)
-
-    internal_value, error_message, set_value_cast = _use_input_type(value_reactive, set_date_typed_cast, date_to_str)
-
-    if error_message:
-        label += f" ({error_message})"
-    input = solara.v.TextField(
-        label=label,
-        v_model=internal_value,
-        on_v_model=set_value_cast,
-        append_icon="mdi-calendar",
-        error=bool(error_message),
-        style_="min-width: 290px;" + style_flat,
-        class_=", ".join(classes) if classes else "",
-    )
-
-    use_close_menu(input, datepicker_is_open)
-
-    with solara.lab.Menu(
-        activator=input,
-        close_on_content_click=False,
-        open_value=datepicker_is_open,
-        use_activator_width=False,
-    ):
-        with solara.v.DatePicker(
-            v_model=date_standard_str,
-            on_v_model=set_date_cast,
-            first_day_of_week=first_day_of_the_week,
-            style_="width: 100%;",
-        ):
-            if len(children) > 0:
-                solara.display(*children)
-
-
-@solara.component
-def InputDateRange(
-    value: Union[solara.Reactive[Tuple[Optional[dt.date], Optional[dt.date]]], Tuple[Optional[dt.date], Optional[dt.date]]],
-    on_value: Optional[Callable[[Optional[Tuple[Optional[dt.date], Optional[dt.date]]]], None]] = None,
-    label: str = "Select dates",
-    children: List[solara.Element] = [],
-    open_value: Union[solara.Reactive[bool], bool] = False,
-    on_open_value: Optional[Callable[[bool], None]] = None,
-    optional: bool = False,
-    date_format: str = "%Y/%m/%d",
-    first_day_of_the_week: int = 1,
-    style: Optional[Union[str, Dict[str, str]]] = None,
-    classes: Optional[List[str]] = None,
-):
-    """
-    Show a textfield, which when clicked, opens a datepicker that allows users to select a range of dates by choosing a starting and ending date.
-    The input dates should be stored in a reactive tuple of type `datetime.date`. The list should contain either precisely two elements.
-    For an empty pre-selection of dates, pass a reactive empty list.
-
-    ## Basic Example
-
-    ```solara
-    import solara
-    import solara.lab
-    import datetime as dt
-
-
-    @solara.component
-    def Page():
-        dates = solara.use_reactive(tuple([dt.date.today(), dt.date.today() + dt.timedelta(days=1)]))
-
-        solara.lab.InputDateRange(dates)
-        solara.Text(str(dates.value))
-    ```
-
-    ## Arguments
-
-    * value: Tuple with elements of type `datetime.date`. For an empty pre-selection of dates, pass an empty tuple.
-    * on_value: a callback function for when value changes. The callback function receives the new value as an argument.
-    * label: Text used to label the text field that triggers the datepicker.
-    * children: List of Elements to be rendered under the calendar. If empty, a close button is rendered.
-    * open_value: Controls and communicates the state of the datepicker. If True, the datepicker is open. If False, the datepicker is closed.
-    Intended to be used in conjunction with a custom set of controls to close the datepicker.
-    * on_open_value: a callback function for when open_value changes. Also receives the new value as an argument.
-    * date_format: Sets the format of the date displayed in the text field. Defaults to `"%Y/%m/%d"`. For more information,
-    * optional: Determines whether go show an error when value is `None`. If `True`, no error is shown.
-    see <a href="https://docs.python.org/3/library/datetime.html#strftime-and-strptime-format-codes" target="_blank">the Python documentation</a>.
-    * first_day_of_the_week: Sets the first day of the week, as an `int` starting count from Sunday (`=0`). Defaults to `1`, which is Monday.
-    * style: CSS style to apply to the text field. Either a string or a dictionary of CSS properties (i.e. `{"property": "value"}`).
-    * classes: List of CSS classes to apply to the text field.
-
-    ## A More Advanced Example
-
-    ```solara
-    import solara
-    import solara.lab
-    import datetime as dt
-
-
-    @solara.component
-    def Page():
-        date = solara.use_reactive(tuple([dt.date.today(), None]))
-        range_is_open = solara.use_reactive(False)
-        stay_length = solara.use_reactive(1)
-
-        def set_end_date(value):
-            if value and value[0]:
-                value = value[0]
-                second_date = value + dt.timedelta(days=stay_length.value)
-                date.set([value, second_date])
-
-        def book():
-            # Do some stuff here
-            range_is_open.set(False)
-
-        solara.use_memo(lambda: set_end_date(date.value), [stay_length.value])
-
-        with solara.Column(style="width: 400px;"):
-            solara.IntSlider("Length of stay", stay_length, min=1, max=10)
-            with solara.lab.InputDateRange(
-                date,
-                on_value=set_end_date,
-                open_value=range_is_open,
-            ):
-                with solara.Row(justify="end", style="width: 100%;"):
-                    solara.Button(
-                        label="Book",
-                        color="primary",
-                        on_click=book,
-                    )
-
-    ```
-    """
-    value_reactive = solara.use_reactive(value, on_value)  # type: ignore
-    del value, on_value
-    date_standard_strings = [date.strftime("%Y-%m-%d") for date in value_reactive.value if date is not None]
-    datepicker_is_open = solara.use_reactive(open_value, on_open_value)  # type: ignore
-    del open_value, on_open_value
-    style_flat = solara.util._flatten_style(style)
-
-    def dates_to_string(dates: Tuple[Optional[dt.date], Optional[dt.date]]):
-        string_dates = [date.strftime(date_format) if date is not None else "" for date in dates]
-        if (len(dates) < 2 or dates[1] is None) and not optional:
-            return string_dates[0], "Please select two dates"
-        return " - ".join(string_dates), None
-
-    def set_dates_cast(values):
-        date_value = cast(
-            Tuple[Optional[dt.date], Optional[dt.date]], tuple([dt.datetime.strptime(item, "%Y-%m-%d").date() if item is not None else None for item in values])
-        )
-        if len(date_value) > 1 and date_value[1] is not None:
-            datepicker_is_open.set(False)
-        value_reactive.value = date_value
-
-    string_dates, error_message = dates_to_string(value_reactive.value)
-
-    if error_message:
-        label += f" ({error_message})"
-    input = solara.v.TextField(
-        label=label,
-        v_model=string_dates,
-        append_icon="mdi-calendar",
-        error=bool(error_message),
-        style_="min-width: 290px;" + style_flat,
-        readonly=True,
-        class_=", ".join(classes) if classes else "",
-    )
-
-    # We include closing on tab in case users want to skip the field with tab
-    use_close_menu(input, datepicker_is_open)
-
-    with solara.lab.Menu(
-        activator=input,
-        close_on_content_click=False,
-        open_value=datepicker_is_open,
-        use_activator_width=False,
-    ):
-        with solara.v.DatePicker(
-            v_model=date_standard_strings,
-            on_v_model=set_dates_cast,
-            range=True,
-            first_day_of_week=first_day_of_the_week,
-            style_="width: 100%;",
-        ):
-            if len(children) > 0:
-                for el in children:
-                    solara.display(el)