Passing markedDates only to items with markedDates

Author: Inbal-Tish

src/calendar-list/index.tsx

@@ -287,13 +287,27 @@ class CalendarList extends Component<CalendarListProps, State> {
     });
   };
 
+  getMarkedDatesForItem(item?: any) {
+    const {markedDates} = this.props;
+    
+    if (markedDates) {      
+      if (item && item.getTime) {
+        for (const [key, value] of Object.entries(markedDates)) {
+          if (sameMonth(new XDate(key), new XDate(item))) {
+            return markedDates;
+          }
+        }
+      }
+    }
+  }
+
   renderItem = ({item}: any) => {
-    const {horizontal, calendarStyle, calendarWidth, testID, markedDates, ...others} = this.props;
+    const {horizontal, calendarStyle, calendarWidth, testID, ...others} = this.props;
     // NOTE: now only 'item' and 'markedDates' change for the 3 calendar (item.getTime) items
     return (
       <CalendarListItem
         {...others}
-        markedDates={item.getTime ? markedDates : undefined}
+        markedDates={this.getMarkedDatesForItem(item)}
         item={item}
         testID={`${testID}_${item}`}
         style={calendarStyle}