How to implement a multi-row timeline with dragable items in Angular

Question

I want to create a timeline grid similar to this one: https://demo.mobiscroll.com/angular/timeline/month-view#drag-drop=true&themeVariant=light

The goal is to have a timeline along the x-axis, and a scalable amount of rows along the y-axis (basically a regular calendar week-view, but with non-fixed amount of days). I want to be able to drag and drop items on a fine-grained level along the x-axis (with minute precision), as well as drag and drop them to new rows. How can this be achieved in Angular?

I've tried to come up with a solution using Angular Material's Drag and Drop feature, but can't really figure out how I would represent the finely grained x-axis, without creating a long list with items representing every minute of the day. Is this a viable technique, or are there simpler ways?