How to move content by mouse drag/slide across the screen?

Question

JavaScript

How to do this drag and drop? Something like here: https://www.youtube.com/watch?v=J0u4B9lzBDw

At the moment, the horizontal scroll is organized by catching the vertical scroll through the touchpad / mouse wheel

UPD: I attached my solution in response

Answer 1

use drag events (ondragstart, ondragleave) and move the block with dates left/right

Answer 2

This is a carousel. You can try to make from this one: kenwheeler.github.io/slick there is something similar here.