DnD Calendar React js, растягивание задач начало и конец

Пишу свой календарь с возможностью перетаскивать задачи из списка свободных задач и менять начало и конец задачи. Использую React Butiful DnD. Может кто-нибудь сталкивался с подобной задачей, подскажите каким путем лучше реализовать растягивание по датам? Пробовал менять ширину , но при попытке тянуть край задачи, тянется вся задача целиком. Сейчас реализованно так , что каждая колонка это Droppable элемент, а задача -Draggable, ширина task-1 высчитывается из разницы endDate и startDate , задана в state, и умножением на ширину колонки календаря.

Прошу направить в каком направлении хотябы думать, перепробовал пару вариантов, в итоге захожу в тупик.

ссылка на CodeSandbox: https://codesandbox.io/s/dnd-calendar-mqb8x