Add real-time clock to home automation demo (#8390)

demos/home-automation/node/main.js

@@ -6,5 +6,21 @@ import * as slint from "slint-ui";
 
 const ui = slint.loadFile("../ui/demo.slint");
 const window = new ui.AppWindow();
+const api = window.Api;
+const date = api.current_date;
+const time = api.current_time;
+
+const timer = setInterval(() => {
+    const now = new Date();
+    date.year = now.getFullYear();
+    date.month = now.getMonth() + 1;
+    date.day = now.getDate();
+    api.current_date = date;
+    time.hour = now.getHours();
+    time.minute = now.getMinutes();
+    time.second = now.getSeconds();
+    api.current_time = time;
+}, 1000);
 
 await window.run();
+clearInterval(timer);

demos/home-automation/rust/Cargo.toml

@@ -20,6 +20,7 @@ name = "home_automation_lib"
 
 [dependencies]
 slint = { path = "../../../api/rs/slint" }
+chrono = "0.4"
 
 [target.'cfg(target_arch = "wasm32")'.dependencies]
 wasm-bindgen = { version = "0.2" }

demos/home-automation/rust/lib.rs

@@ -1,11 +1,14 @@
 // Copyright © SixtyFPS GmbH <info@slint.dev>
 // SPDX-License-Identifier: MIT
 
+use chrono::{Datelike, Local, Timelike};
+use slint::{Timer, TimerMode};
+
 #[cfg(target_arch = "wasm32")]
 use wasm_bindgen::prelude::*;
 
 slint::slint! {
-    export { AppWindow } from "../ui/demo.slint";
+    export { Api, AppWindow } from "../ui/demo.slint";
 }
 
 #[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
@@ -15,5 +18,27 @@ pub fn main() {
     #[cfg(all(debug_assertions, target_arch = "wasm32"))]
     console_error_panic_hook::set_once();
 
-    AppWindow::new().expect("AppWindow::new() failed").run().expect("AppWindow::run() failed");
+    let app = AppWindow::new().expect("AppWindow::new() failed");
+    let app_weak = app.as_weak();
+
+    let timer = Timer::default();
+    timer.start(TimerMode::Repeated, std::time::Duration::from_millis(1000), move || {
+        if let Some(app) = app_weak.upgrade() {
+            let api = app.global::<Api>();
+            let now = Local::now();
+            let mut date = Date::default();
+            date.year = now.year() as i32;
+            date.month = now.month() as i32;
+            date.day = now.day() as i32;
+            api.set_current_date(date);
+
+            let mut time = Time::default();
+            time.hour = now.hour() as i32;
+            time.minute = now.minute() as i32;
+            time.second = now.second() as i32;
+            api.set_current_time(time);
+        }
+    });
+
+    app.run().expect("AppWindow::run() failed");
 }

demos/home-automation/ui/api.slint

@@ -27,13 +27,13 @@ export global Api {
     out property <Orientation> orientation <=> AppState.orientation;
     in-out property <bool> graphics-accelerator-available <=> AppState.graphics-accelerator-available;
 
-    in property <Date> current-date: {
+    in-out property <Date> current-date: {
         year: 2025,
         month: 3,
         day: 18,
     };
 
-    in property <Time> current-time: {
+    in-out property <Time> current-time: {
         hour: 15,
         minute: 12,
         second: 33,