diff --git a/ui/src/App.vue b/ui/src/App.vue
index c9b44f2..ae51db2 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -6,7 +6,9 @@
         :logo_below="logo_below"
         :title="title_html"
       />
-      <Dashboard :message="message_html" />
+      <Dashboard :message="message_html">
+        <Calendar />
+      </Dashboard>
     </v-main>
     <TickerBar
       v-if="ticker_html !== ''"
@@ -18,12 +20,14 @@
 
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
+import Calendar from "./components/Calendar.vue";
 import Dashboard from "./components/Dashboard.vue";
 import TitleBar from "./components/TitleBar.vue";
 import TickerBar from "./components/TickerBar.vue";
 
 @Component({
   components: {
+    Calendar,
     Dashboard,
     TitleBar,
     TickerBar,
diff --git a/ui/src/components/Calendar.vue b/ui/src/components/Calendar.vue
new file mode 100644
index 0000000..c139129
--- /dev/null
+++ b/ui/src/components/Calendar.vue
@@ -0,0 +1,26 @@
+<template>
+  <v-list three-line>
+    <v-list-item>
+      <h1>11.</h1>
+      <h2>06.</h2>
+      <v-list-item-content>
+        <v-list-item-title> Lorem Ipsum </v-list-item-title>
+        <v-list-item-subtitle>
+          Aut doloremque eos cum nam ducimus quidem consequuntur. Sed aut ut et
+          sint. Rem et ut enim. Voluptates ratione sed asperiores dignissimos
+          accusamus.
+        </v-list-item-subtitle>
+      </v-list-item-content>
+    </v-list-item>
+  </v-list>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from "vue-property-decorator";
+
+@Component
+export default class Calendar extends Vue {}
+</script>
+
+<style>
+</style>
\ No newline at end of file