DotColor Working Fine

src/components/Calendar/CalendarComponents/components/DaysList.js

@@ -260,13 +260,15 @@ const DaysList = ({
     const specialDate = (sDay, sMonth, sYear) => {
       return events.map((e) => {
         if (sDay == e.day && sMonth == e.month && sYear == e.year) {
-          return '.';
+          return <span key={'dot' + e.id} style={{
+            color: e.dotColor
+          }}>.</span>;
 
         }
       })
 
     };
-    
+
     const showEventDescription = (sDay, sMonth, sYear) => {
 
       return events.map((e) => {

src/components/Calendar/index.js

@@ -54,7 +54,8 @@ const eventsList = [
         categoryId: 1,
         year: 1400,
         month: 10,
-        day: 3
+        day: 3,
+        dotColor: 'blue'
     },
     {
         id: 4,