使用React Big Calendar禁用事件截断

import React from 'react';
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 events = [
  {
    title: 'Event 1',
    start: new Date(2022, 0, 1, 10, 0), // 2022-01-01 10:00
    end: new Date(2022, 0, 1, 12, 0), // 2022-01-01 12:00
  },
  {
    title: 'Event 2',
    start: new Date(2022, 0, 1, 11, 0), // 2022-01-01 11:00
    end: new Date(2022, 0, 1, 13, 0), // 2022-01-01 13:00
  },
];

const eventStyleGetter = (event, start, end, isSelected) => {
  const style = {
    backgroundColor: '#f0f0f0',
    borderRadius: '5px',
    opacity: 1,
    color: 'black',
    border: '1px solid #ccc',
    display: 'block',
    overflow: 'hidden',
    whiteSpace: 'nowrap',
    textOverflow: 'ellipsis',
  };

  return {
    style: {
      ...style,
      width: `${(100 / events.length).toFixed(2)}%`, // 设置事件宽度
      left: `${(100 / events.length * events.indexOf(event)).toFixed(2)}%`, // 设置事件位置
    },
  };
};

const App = () => (
  <div style={{ height: '500px' }}>
    <Calendar
      localizer={localizer}
      events={events}
      eventPropGetter={eventStyleGetter}
      views={['month']}
      startAccessor="start"
      endAccessor="end"
      selectable
      resizable
    />
  </div>
);

export default App;