通过拖动调整元素大小

我有一个类似日历的视图，它显示了一个一周中每天有一列的表（请参见此图）。每一行代表一个特定的东西，可以预订一段时间。现在的想法是，可以通过将外边缘拖到表中的第二天来延长预订，或者以同样的方式缩短预订。活动预订在单元格的每一侧都有一个跨度，该跨度应该是拖动的句柄。

我现在的主要问题是；浏览器中的drop功能似乎不适合我的情况。我不想把某个东西拖到其他地方，我只想拖动来扩展项目。

这仍然可以用通常的HTML5拖拽来完成吗；拖放功能或一些通用的拖放功能；删除库？或者还有其他方法可以实现这一点吗？关于如何解决这个问题，有什么建议吗？

我使用React来实现这一点，如果直接操作DOM，可能会使一些解决方案难以集成。