Currently Ive been asked to help someone create a component/popup that appears above a table that can allow users to select a time window (Aka. Bin) that will then update the table to reflect data from that bin. Although it may already be clear, a bin is the concept of segmenting a large amount of data, that covers a large amount of time into time interval bins. Example, I have a "YEARS" worth of data and I have processed it into bins that hold "1 Days" worth of data I would have 365 bins. What is a good component that could allow users to select a single bin from a large potential range of bins.

Keep in mind data can be over a time period of 2 years and also have been "bin'ed" in to 15min segments. Also It could be 1 day time period "bin'ed" in 6hour segments.

[Wireframe concept I made when speedy development was in mind]

Currently I have been asked to help someone create a component/popup that appears above a table that can allow users to select a time window (the terminology used here is "bin") that will then update the table based on the selected value. Although it may already be clear, a bin is the concept of segmenting a large amount of data into fixed time interval.

For example, if I have a "YEARS" worth of data and I have processed it into bins that hold "1 Days" worth of data then I would have 365 bins. 

What is a good component that could allow users to select a single bin from a large potential range of bins?

Keep in mind data can be over a time period of 2 years and also have been "bin'ed" in to 15min segments. Also It could be 1 day time period "bin'ed" in 6hour segments.

[Wireframe concept I made when speedy development was in mind]