diff --git a/src/widgets/calendar/monthly.jsx b/src/widgets/calendar/monthly.jsx
index 8a208bc1b..62f869ed7 100644
--- a/src/widgets/calendar/monthly.jsx
+++ b/src/widgets/calendar/monthly.jsx
@@ -111,6 +111,7 @@ export default function Monthly({ service, colorVariants, events, showDate, setS
   }
 
   const eventsArray = Object.keys(events).map((eventKey) => events[eventKey]);
+  eventsArray.sort((a, b) => a.date - b.date);
 
   return (
     <div className="w-full text-center">