diff --git a/ui/src/App.vue b/ui/src/App.vue
index a129edf..94e991f 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -1,15 +1,19 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />
+  <CalendarBild />
+  <CalendarBild />
 </template>
 
 <script lang="ts">
-import { Options, Vue } from 'vue-class-component';
-import HelloWorld from './components/HelloWorld.vue';
+import { Options, Vue } from "vue-class-component";
+import HelloWorld from "./components/HelloWorld.vue";
+import CalendarBild from "./components/CalendarBild.vue";
 
 @Options({
   components: {
     HelloWorld,
+    CalendarBild,
   },
 })
 export default class App extends Vue {}
diff --git a/ui/src/components/CalendarBild.vue b/ui/src/components/CalendarBild.vue
new file mode 100644
index 0000000..0408260
--- /dev/null
+++ b/ui/src/components/CalendarBild.vue
@@ -0,0 +1,10 @@
+<template>
+  <img src="http://localhost:8000/api/days/picture/1" />
+</template>
+
+<script>
+export default {};
+</script>
+
+<style>
+</style>
\ No newline at end of file