You can highlight the original row using onEventMoving event handler. In the ASP.NET MVC you can set this event handler using EventMovingJavaScript property:
https://doc.daypilot.org/scheduler/event-moving-customization/
See also:
https://api.daypilot.org/daypilot-scheduler-oneventmoving/
Example:
MVC View:
@Html.DayPilotScheduler("dp", new DayPilotSchedulerConfig {
BackendUrl = Url.Action("Backend", "Scheduler"),
// ...
EventMovingJavaScript = "onEventMoving(args)"
})
JavaScript:
function onEventMoving(args) {
dp.rows.all().forEach(function(row) {
row.removeClass("highlighted");
});
if (args.e.resource() === args.resource) {
args.row.addClass("highlighted");
}
}
This will add "highlighted" CSS class to the header of the original row when the event shadow is over that row. You'll need to clear the CSS class on drop (use EventMoveJavaScript or a global mouseup event):
dp.rows.all().forEach(function(row) {
row.removeClass("highlighted");
});