selected day background color and text color not changing on press

Description

doing calendar with multi dot marking. selectedDayBackgroundColor and selectedDayTextColor not changing on day press

no error messages

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: react-native-calendars@1.1276.0
• npm ls react-native: react-native@0.64.3

Also specify:

1. Device/emulator/simulator & OS version: working on expo go

[Inbal-Tish]

@cgrady3 If you’re passing these keys in the theme prop you should know that it’s not dynamic. The theme prop is passed once to the stylesheet and is not updated by a state change. In your case, where you want to change the SELECTED day background and text colors, I’ll suggest using the markedDates prop. To the selected date you can pass selectedColor and selectedTextColor keys which will change dynamically as the selected date changes. For example:

  const [selected, setSelected] = useState(INITIAL_DATE);
  const [bgColor, setBgColor] = useState('blue');
  const [textColor, setTextColor] = useState('red');

  const onDayPress = useCallback((day) => {
    setSelected(day.dateString);
    setBgColor('orange');
    setTextColor('black');
  }, []);

  const markedDates = useMemo(() => {
    return {
      [selected]: {
        selected: true,
        disableTouchEvent: true,
        selectedColor: bgColor,
        selectedTextColor: textColor
      },
      ['2022-07-22']: {
        dotColor: 'red',
        marked: true
      }
    };
  }, [selected]);

[DejiAwoniyi]

Also facing this issue. has it been solved?