From 3f0afbcab2ca8c9ff765a13c50a2821c11530a35 Mon Sep 17 00:00:00 2001
From: Tuomas Ahola <taahol@utu.fi>
Date: Sat, 25 Nov 2023 14:00:33 +0200
Subject: [PATCH] Use React fragments for HTML entity support

components/calendar.tsx
---
 components/calendar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/calendar.tsx b/components/calendar.tsx
index 85d6e50..f5c26b3 100644
--- a/components/calendar.tsx
+++ b/components/calendar.tsx
@@ -102,7 +102,7 @@ const Event: FC<{ event: Event }> = ({ event }) => {
 const formatWithTime = (start: Date, end: Date) => {
   const startFormatted = format(start, 'HH:mm', { locale: fi });
   const endFormatted = format(end, 'HH:mm', { locale: fi });
-  return `kello ${startFormatted} &ndash; ${endFormatted}`;
+  return <>kello {startFormatted} &ndash; {endFormatted}</>;
 };
 
 const formatWithoutTime = (start: Date, end: Date) => {
@@ -112,7 +112,7 @@ const formatWithoutTime = (start: Date, end: Date) => {
 
   if (startFormatted === endFormatted) return 'Koko päivä';
 
-  return `${startFormatted} &ndash; ${endFormatted}`;
+  return <>{startFormatted} &ndash; {endFormatted}</>;
 };
 
 export default Calendar;