From bfff7d5028bfc3772574f1c67eda8e684cbed43f Mon Sep 17 00:00:00 2001
From: Pihkaal <hello@pihkaal.me>
Date: Wed, 14 Jan 2026 23:35:33 +0100
Subject: [PATCH] feat(settings/clock/time): implement

---
 .../BottomScreen/Menus/Clock/Time.vue         |  51 ++++++++++++++++++
 .../Settings/BottomScreen/Menus/Menus.vue     |   2 +
 .../bottom-screen/clock/time-colon.webp       | Bin 0 -> 56 bytes
 3 files changed, 53 insertions(+)
 create mode 100644 app/components/Settings/BottomScreen/Menus/Clock/Time.vue
 create mode 100644 public/nds/images/settings/bottom-screen/clock/time-colon.webp

diff --git a/app/components/Settings/BottomScreen/Menus/Clock/Time.vue b/app/components/Settings/BottomScreen/Menus/Clock/Time.vue
new file mode 100644
index 0000000..9e6501d
--- /dev/null
+++ b/app/components/Settings/BottomScreen/Menus/Clock/Time.vue
@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { SettingsBottomScreenNumberInput as NumberInput } from "#components";
+import { useIntervalFn } from "@vueuse/core";
+
+const store = useSettingsStore();
+const { assets } = useAssets();
+const { onRender } = useScreen();
+
+const now = ref(new Date());
+
+useIntervalFn(() => {
+  now.value = new Date();
+}, 1000);
+
+const handleCancel = () => {
+  store.closeSubMenu();
+};
+
+const handleConfirm = () => {
+  store.closeSubMenu();
+};
+
+onRender((ctx) => {
+  assets.images.settings.bottomScreen.clock.timeColon.draw(ctx, 113, 62);
+});
+
+defineOptions({ render: () => null });
+</script>
+
+<template>
+  <NumberInput
+    :model-value="now.getHours()"
+    title="Hour"
+    :x="4 * 16"
+    :disabled="true"
+  />
+  <NumberInput
+    :model-value="now.getMinutes()"
+    title="Minute"
+    :x="9 * 16"
+    :disabled="true"
+  />
+
+  <CommonButtons
+    :y-offset="0"
+    b-label="Cancel"
+    a-label="Confirm"
+    @activate-b="handleCancel"
+    @activate-a="handleConfirm"
+  />
+</template>
diff --git a/app/components/Settings/BottomScreen/Menus/Menus.vue b/app/components/Settings/BottomScreen/Menus/Menus.vue
index 0c61bf4..1a0df1d 100644
--- a/app/components/Settings/BottomScreen/Menus/Menus.vue
+++ b/app/components/Settings/BottomScreen/Menus/Menus.vue
@@ -10,6 +10,7 @@ import UserBirthday from "./User/Birthday.vue";
 
 import ClockMenu from "./Clock/Menu.vue";
 import ClockDate from "./Clock/Date.vue";
+import ClockTime from "./Clock/Time.vue";
 import TouchScreenMenu from "./TouchScreen/Menu.vue";
 import Selector from "~/components/Common/ButtonSelector.vue";
 
@@ -166,6 +167,7 @@ const viewComponents: Record<string, Component> = {
   optionsGbaMode: OptionsGbaMode,
 
   clockDate: ClockDate,
+  clockTime: ClockTime,
 
   userColor: UserColor,
   userBirthday: UserBirthday,
diff --git a/public/nds/images/settings/bottom-screen/clock/time-colon.webp b/public/nds/images/settings/bottom-screen/clock/time-colon.webp
new file mode 100644
index 0000000000000000000000000000000000000000..784ef9e07423c4bb522ca6304e92fa9c72288a28
GIT binary patch
literal 56
zcmWIYbaOLcU|<M$bqWXzu<%g^vi0Q{co<qIHFPfMInwy*NA;Z)m;dSx_t^|&7dhox
Lxv;v`GBW@G%KZ`0

literal 0
HcmV?d00001