Express-Prorate/project/ui/calculation.slint

import { VerticalBox, Button, Palette } from "std-widgets.slint";
import { CalendarGrid } from "calendar.slint";

export component Calculation inherits PopupWindow {
    width: 500px;
    height: 350px;
    close-policy: PopupClosePolicy.no-auto-close;

    in property <string> message;
    in property <int> start;
    in property <int> end;

    Rectangle {
        height: 100%;
        width: 100%;
        background: Palette.background;
        drop-shadow-color: Palette.border;
        drop-shadow-blur: 50px;
    }

    VerticalBox {
        CalendarGrid {
            start: start;
            end: end;
        }

        Text {
            text: message;
            font-size: 1.5rem;
            horizontal-alignment: center;
            vertical-alignment: center;
        }

        Button {
            text: "Dismiss";
            height: 50px;
            clicked => {
                root.close();
            }
        }
    }
}