diff --git a/aleksis/apps/alsijil/frontend/components/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/documentation/LessonInformation.vue
index 1c5be2c0113b4922870c3d0960a1269c5aa74bad..26f8e7916d7ce75ccb2a6baf8cc24cefa881ba5e 100644
--- a/aleksis/apps/alsijil/frontend/components/documentation/LessonInformation.vue
+++ b/aleksis/apps/alsijil/frontend/components/documentation/LessonInformation.vue
@@ -1,13 +1,14 @@
 <template>
   <v-card-text>
-    {{ $d(documentation.dateTimeStart, "shortTime") }} –
-    {{ $d(documentation.dateTimeEnd, "shortTime") }}
+    {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }} –
+    {{ $d(toDateTime(documentation.datetimeEnd), "shortTime") }}
     <subject-chip :subject="documentation.subject" />
   </v-card-text>
 </template>
 
 <script>
 import SubjectChip from "aleksis.apps.cursus/components/SubjectChip.vue";
+import { DateTime } from "luxon";
 
 export default {
   name: "LessonInformation",
@@ -20,5 +21,10 @@ export default {
       required: true,
     },
   },
+  methods: {
+    toDateTime(dateString) {
+      return DateTime.fromISO(dateString);
+    },
+  },
 };
 </script>