Add chevron icon

Deltares · Feb 16, 2024 · 24549e7 · 24549e7
1 parent f1ee317
commit 24549e7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/time-control/TimeControlMenu.vue b/src/components/time-control/TimeControlMenu.vue
@@ -1,6 +1,6 @@
 <template>
   <v-menu left bottom :close-on-content-click="false" class="menu">
-    <template v-slot:activator="{ props }">
+    <template v-slot:activator="{ props, isActive }">
       <v-btn v-bind="props" variant="tonal" rounded>
         {{
           Intl.DateTimeFormat('nl', {
@@ -9,6 +9,7 @@
             timeZoneName: 'short',
           }).format(store.systemTime)
         }}
+        <v-icon>{{ isActive ? 'mdi-chevron-up' : 'mdi-chevron-down' }}</v-icon>
       </v-btn>
     </template>