jquense / react-big-calendar

gcal/outlook like calendar component
http://jquense.github.io/react-big-calendar/examples/index.html
MIT License
7.88k stars 2.23k forks source link

Resize doesn't work #2421

Closed marcellio4 closed 1 year ago

marcellio4 commented 1 year ago

Check that this is really a bug

Reproduction link

https://codesandbox.io/s/react-big-calendar-example-forked-dc74c6?from-embed

Bug description

Resize prop doesn't work in Calendar. Here is my setup

      `<section style={{ height: '100vh' }}>
         <DnDCalendar localizer={localizer}
                events={pickerEvents}
                draggableAccessor={() => true}
                onSelectSlot={handleOnSelectSlot}
                onSelectEvent={handleOnSelectEvent}
                onEventDrop={handleOnEventDrop}
                onEventResize={handleOnResize}
                resizableAccessor={() => true}
                selectable
                popup
                resizable
                showMultiDayTimes={true}
                step={15}
            />
      </section>`

Expected Behavior

resizeable should work

Actual Behavior

in react 18 and higher version is not working.

react-big-calendar version

1.8.1

React version

18.2.0

Platform/Target and Browser Versions

Chrome

Validations

Would you like to open a PR for this bug?

cutterbl commented 1 year ago

You forgot to add the DnD stylesheet. See the DnD Example Codesandbox