Custom Slicer for Different Time Intervals in a 24 hour Format

Hi Power BI community,

I am creating a report in which i have to create a custom slicer for various day ranges along with the time interval.

The user of the report must be able to select the day range and time interval to check the historical data that filters the line chart accordingly.

I tried to create one slicer with the DAX measure and for time interval I am using the Relative time slicer. I am replicating a web page which enables user to select a particular time stamp along with the Date.

I have attached screenshots of the web page that i am trying to create. if you have any other approach method to create the Slicer. please let me know.

Looking forward for any suggestions and help.

Best regards,

Ibrahim