UI template

ui/review.slint

@@ -0,0 +1,35 @@
+import { VerticalBox, LineEdit, Button, DatePickerPopup } from "std-widgets.slint";
+import { Timeline } from "timeline.slint";
+
+export component ReviewWidget inherits VerticalBox {
+    property<int> current-year;
+    property<int> current-month;
+    property<int> current-day;
+
+    Timeline {}
+    GridLayout {
+        spacing-vertical: 8px;
+        spacing-horizontal: 16px;
+        Text {
+            text: "Day: \{current-day}/\{current-month}/\{current-year}";
+            font-size: 32px;
+            horizontal-alignment: right;
+        }
+        Button {
+            text: "Select";
+            clicked => {
+                date-picker.show()
+            }
+        }
+    }
+    date-picker := DatePickerPopup {
+        x: (root.width - self.width) / 2;
+        y: (root.height - self.height) / 2;
+        title: "";
+        accepted(date) => {
+            current-year = date.year;
+            current-month = date.month;
+            current-day = date.day;
+        }
+    }
+}