CODEWITHSUNDEEP
javascriptreactjseventsreact-domreact-big-calendar
WildThing
WildThing

Reputation: 1285

resizable prop no longer working in react-big-calendar

I was building a scheduling app with react-big-calendar and I have noticed from React v17 onwards the resizable does not work because of the way react handles event changing.

this is the issue: https://github.com/jquense/react-big-calendar/issues/1785

I have seen in the comments that someone fixed this issue and made a pull request: https://github.com/jquense/react-big-calendar/pull/1857

My problem is that it is still not working, the resizable handles does not show up on the big calendar. I made sure I am using the latest version 0.33.6 and also tried to figure out where the user did the changes to events to fix the issue so that I can modify the package, but I noticed they both are completely different files, I wasn't able to find the event handlers in my node_modules/react-big-calendar so that I can make edits. So how do I fix this error? I cannot revert back to reactv16 because I must use v17 in my project.

Here's what my calendar looks like:

<DragAndDropCalendar
  selectable
  resizable
  onEventDrop={onEventDrop}
  onEventResize={resizeEvent}
  localizer={localizer}
  events={events}
  onSelectSlot={handleSelect}
  defaultView="week"
  defaultDate={new Date()}
  timeslots={2}
  step={15}
  popup
  tooltipAccessor={(e) => e.title}
/>

Upvotes: 2

Views: 323

Answers (1)

Gabor Dicso
Gabor Dicso

Reputation: 33

I'm a bit late with my reply, but with react-big-calendar v1.15.0, I was able to get it to work by adding:

import 'react-big-calendar/lib/addons/dragAndDrop/styles.css';

See: https://github.com/jquense/react-big-calendar/issues/1999

Upvotes: 0

Related Questions