Update

src/lib/Event.svelte

@@ -1,5 +1,6 @@
 <script>
   export let event;
+  export let hideDate = false;
 
   import Avatar from "$lib/Avatar.svelte";
   import Tooltip from "$lib/Tooltip.svelte";
@@ -83,8 +84,8 @@
   <div class="">
     <div class="text-sm flex flex-wrap gap-3 flex-1">
       <div class="opacity-80"><EventTypeLabel event={e} /></div>
-      {#if schedule}
+      {#if schedule && !hideDate}
-        <EventSchedule item={schedule} event={e} bundle={$bundle} />
+        <EventSchedule item={schedule} e={e} bundle={$bundle} />
       {/if}
       {#if duration}<div class="text-xs my-auto">{duration}m</div>{/if}
       {#if e.track}

src/lib/EventSchedule.svelte

@@ -1,6 +1,6 @@
 <script>
   import { formatCET } from "$lib/utils.js";
-  import { cs } from "date-fns/locale/index.js";
+  import { parse } from "date-fns";
 
   export let item;
   export let e;
@@ -9,8 +9,9 @@
   $: stage = bundle
     ? bundle.spec.stages.find((s) => s.id === item.stage)
     : null;
-  const start = new Date(item.period.start);
+
-  const end = new Date(item.period.end);
+  const start = typeof(item.period.start) === 'string' ? new Date(item.period.start) : item.period.start
+  const end = typeof(item.period.end) === 'string' ? new Date(item.period.end) : item.period.end
 </script>
 
 <div class="font-semibold">

src/lib/utils.js

@@ -1,12 +1,11 @@
 import { format, compareAsc, compareDesc } from "date-fns";
 
-const TZoffset = new Date().getTimezoneOffset()
-
 export function formatCET (...args) {
 
+  const TZoffset = new Date().getTimezoneOffset()
   if (TZoffset !== -120) {
     const co = (120-(-TZoffset))
-    args[0] = new Date(args[0].getTime() + (co*60*1000))
+    args[0] = args[0].getTime() + (co*60*1000)
   }
   return format(...args)
 }

src/routes/seznam-udalosti.svelte

@@ -233,7 +233,7 @@
   </div>
   <div class="mt-4">
     {#each ids as id}
-      <Event event={$bundle.spec.events.find((e) => e.id === id)} />
+      <Event event={$bundle.spec.events.find((e) => e.id === id)} hideDate="true" />
     {/each}
   </div>
   <!--div class="mt-4">