MarkedType='custom' with multi dots

[omzoSamb]

Hello,

when we use the parameter markedType='custom', the dots parmeters do not work when we want to hide them, and we do not have the possibilities to custom the style of markedDate.

check the exemple below and the result :

  const [currentDate, setCurrentDate] = useState(moment().format('YYYY-MM-DD'));
  const [selectedDate, setSelectedDate] = useState(currentDate);
  let res:ISomeObject = {};
  (dates? dates : []).forEach(it => {
    res[it] = {
      marked: true, 
      selected: true, 
      customStyles: {
        container: {
          backgroundColor: COLORS.pictonBlue,
          borderRadius: 5
      }
    }};
  })
  const marked = {
    ...res,
    [selectedDate]: { 
      dots: [],
      disableTouchEvent: false,
      selected: true,
      selectedColor: COLORS.greenConifer,
      customStyles: {
        container: {
          backgroundColor: COLORS.greenConifer,
          borderRadius: 5
        }
      }
    },
    '2023-08-11': {
      marked: true,
      dotColor: 'red',
      selected: true,
      dots: [
        {key: 'entrainement', color: 'white', selectedDotColor: 'magenta'},
        {key: 'compétition', color: 'red', selectedDotColor: 'black'}
      ]
    },
  };

  const onDayPress = useCallback((day: any) => {
      setSelectedDate(day.dateString);
    }, [selectedDate]);

  const displaySessionDay = console.log('Afficher les sessions du jour')

  return (
    <>   
      <Calendar
        markingType={'custom'}
        current={currentDate}
        onDayPress={onDayPress}
        markedDates={marked}
        firstDay= {1}
        style={CustomCalendarStyle.calendarStyle}
        hideExtraDays
        theme={{
          monthTextColor: COLORS.calendarTextDayColor,
          arrowColor: COLORS.astronautBlue,
          dayTextColor: COLORS.calendarTextDayColor,
          backgroundColor: COLORS.pictonBlue,
          textSectionTitleColor: COLORS.astronautBlue,
          textDayFontSize: 14,
          textDayFontWeight: '400',
          textDayFontFamily: 'OpenSans',
          textMonthFontSize: 16,
          textMonthFontWeight: '600',
          textMonthFontFamily: 'OpenSans',
          textDayHeaderFontSize: 16,
          textDayHeaderFontWeight: '600',
          textDayHeaderFontFamily: 'OpenSans'
        }}
      />
    </>
  );

};

Br Thank you!

[minhasmaqsood]

I am facing the same issue +1

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.