Information about designing a timeline

I'm looking for information about timelines but the naming here plays a big role - I need interactive timelines used as filters to filter information in tables by time.
Example is shown in a photo below: a timeline i drew

So how I would like it to work:

  1. 8:01:12 is the starting point in time that we have access to in general
  2. 8:47:12 is the ending point
  3. the light blue field is a kind of filter that filters our data by time (information shown in table are only selected from the time described by the light blue field - thats the most important part generally showing what I'm looking for
  4. ignore the dark blue and the red markers

That's what I came up with, but I need to find additional information about UX of such components, I really don't know where to look for it.