diff --git a/ui/src/components/calendar/CalendarCarousel.vue b/ui/src/components/calendar/CalendarCarousel.vue
index 6155959..a37c996 100644
--- a/ui/src/components/calendar/CalendarCarousel.vue
+++ b/ui/src/components/calendar/CalendarCarousel.vue
@@ -1,7 +1,7 @@
 <template>
   <v-carousel
     cycle
-    interval="10000"
+    :interval="speed"
     height="auto"
     :show-arrows="false"
     touchless
@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from "vue-property-decorator";
+import { Component, Prop, Vue } from "vue-property-decorator";
 import Calendar from "./Calendar.vue";
 import { CalendarData, CalendarJSONData } from "./model";
 
@@ -24,6 +24,9 @@ import { CalendarData, CalendarJSONData } from "./model";
   },
 })
 export default class CalendarCarousel extends Vue {
+  @Prop({ default: 10000 })
+  private readonly speed!: number;
+
   private readonly data: Array<CalendarJSONData> = [
     {
       title: "Lorem Ipsum",