Show time in app bar for interval menu

Deltares · Feb 21, 2024 · 75beb7f · 75beb7f
1 parent 83bb062
commit 75beb7f
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/time-control/TimeControlMenu.vue b/src/components/time-control/TimeControlMenu.vue
@@ -1,8 +1,15 @@
 <template>
   <v-menu left bottom :close-on-content-click="false" class="menu">
-    <template v-slot:activator="{ props }">
-      <v-btn v-bind="props" icon>
-        <v-icon>mdi-clock-start</v-icon>
+    <template v-slot:activator="{ props, isActive }">
+      <v-btn v-bind="props" variant="tonal" rounded>
+        {{
+          Intl.DateTimeFormat('nl', {
+            hour: '2-digit',
+            minute: '2-digit',
+            timeZoneName: 'short',
+          }).format(store.systemTime)
+        }}
+        <v-icon>{{ isActive ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
       </v-btn>
     </template>