diff --git a/src/components/Event/EventMinimalistCard.vue b/src/components/Event/EventMinimalistCard.vue
index 7b93424fe..ba563e18a 100644
--- a/src/components/Event/EventMinimalistCard.vue
+++ b/src/components/Event/EventMinimalistCard.vue
@@ -6,8 +6,23 @@
>
-
+
+
+
import { IEvent, organizer, organizerDisplayName } from "@/types/event.model";
import DateCalendarIcon from "@/components/Event/DateCalendarIcon.vue";
+import MenuDown from "vue-material-design-icons/MenuDown.vue";
import { EventStatus, ParticipantRole } from "@/types/enums";
import RouteName from "../../router/name";
import LazyImageWrapper from "@/components/Image/LazyImageWrapper.vue";
@@ -134,18 +150,39 @@ import Video from "vue-material-design-icons/Video.vue";
import AccountCircle from "vue-material-design-icons/AccountCircle.vue";
import AccountMultiple from "vue-material-design-icons/AccountMultiple.vue";
import Tag from "@/components/TagElement.vue";
+import { computed, inject } from "vue";
+import type { Locale } from "date-fns";
+import { formatDateForEvent } from "@/utils/datetime";
-withDefaults(
+const props = withDefaults(
defineProps<{
event: IEvent;
showOrganizer?: boolean;
}>(),
{ showOrganizer: false }
);
+
+const dateFnsLocale = inject("dateFnsLocale");
+
+const isDifferentBeginsEndsDate = computed(() => {
+ if (!dateFnsLocale) return;
+ const beginsOnStr = formatDateForEvent(
+ new Date(props.event.beginsOn),
+ dateFnsLocale
+ );
+ const endsOnStr = props.event.endsOn
+ ? formatDateForEvent(new Date(props.event.endsOn), dateFnsLocale)
+ : null;
+ return endsOnStr && endsOnStr != beginsOnStr;
+});