有没有办法在React big calendar中为整个日期单元格添加不同的背景色？

import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';

const localizer = momentLocalizer(moment);

// 自定义事件样式
const eventStyleGetter = (event, start, end, isSelected) => {
  const backgroundColor = event.color; // 从事件对象中获取背景色
  const style = {
    backgroundColor,
    borderRadius: '5px',
    opacity: 0.8,
    color: 'white',
    border: '0px',
    display: 'block'
  };
  return {
    style
  };
};

const events = [
  {
    title: 'Event 1',
    start: new Date(),
    end: new Date(),
    color: 'red' // 自定义背景色
  },
  {
    title: 'Event 2',
    start: new Date(),
    end: new Date(),
    color: 'blue' // 自定义背景色
  }
];

const MyCalendar = () => (
  <Calendar
    localizer={localizer}
    events={events}
    startAccessor="start"
    endAccessor="end"
    eventPropGetter={eventStyleGetter} // 设置自定义事件样式
  />
);

export default MyCalendar;