diff --git a/ui/src/App.vue b/ui/src/App.vue
index eeabd9b..3031681 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="container">
     <div class="section">
-      <h1 class="title has-text-centered is-uppercase">Adventskalender</h1>
+      <h1 class="title has-text-centered is-uppercase">
+        Adventskalender {{ date }}
+      </h1>
       <h2 class="subtitle has-text-centered">Der Gelöt</h2>
 
       <ImageModal v-model="modal_visible" :imageUrl="image_url" />
@@ -29,6 +31,13 @@ import ImageModal from "./components/ImageModal.vue";
 export default class App extends Vue {
   image_url = "";
   modal_visible = false;
+  date = "";
+
+  public mounted(): void {
+    this.$advent22.api_get_string("days/date", (date: string) => {
+      this.date = date;
+    });
+  }
 
   private paula(url: string): void {
     this.image_url = url;
diff --git a/ui/src/plugins/advent22.ts b/ui/src/plugins/advent22.ts
index 535bde1..8bc7b2f 100644
--- a/ui/src/plugins/advent22.ts
+++ b/ui/src/plugins/advent22.ts
@@ -74,6 +74,18 @@ export class Advent22 {
       "blob",
     );
   }
+
+  public api_get_string(
+    endpoint: string,
+    on_success: (data: string) => void,
+  ): void {
+    this.api_get<string>(
+      endpoint,
+      (data: string) => {
+        on_success(data);
+      }
+    );
+  }
 }
 
 export const Advent22Plugin: Plugin = {