init

1 files changed, 23 insertions, 0 deletions

diff --git a/src/taskbar/time.tsx b/src/taskbar/time.tsx
new file mode 100644
index 0000000..053147b
--- /dev/null
+++ b/src/taskbar/time.tsx
@@ -0,0 +1,23 @@
+import { useEffect, useState } from "preact/hooks";
+
+const dateTimeFormat = new Intl.DateTimeFormat();
+const timezoneId = Temporal.Now.timeZoneId();
+
+export function Time() {
+    const [time, setTime] = useState(Temporal.Now.instant().toZonedDateTimeISO(timezoneId))
+
+    useEffect(() => {
+        const id = setInterval(() => {
+            setTime(time => time.add({ seconds: 1 }));
+        }, 1000)
+
+        return () => {
+            clearInterval(id);
+        }
+    }, [])
+
+    return <div id="time">
+        <div>{dateTimeFormat.format(time.toPlainTime())}</div>
+        <div>{dateTimeFormat.format(time.toPlainDate())}</div>
+    </div>
+}