I currently have a slider that is ranged from 0 - 24 with 24 divisions (ie each division represents an hour.)
![Slider Example 1](https://i.stack.imgur.com/8osrC.png)

![Slider Example 2](https://i.stack.imgur.com/J7Qdl.png)

I wrote a method below that converts the values from the sliders to 12hrs time format so it looks like this 

```
String startingTimeDisplay() {
 if (_lowerValue > 12) {
  return (_lowerValue - 12.0).toStringAsFixed(0) + ':00 PM';
} else {
  return (_lowerValue).toStringAsFixed(0) + ':00 AM';
}}

String endingTimeDisplay() {
if (_upperValue > 12) {
  return (_upperValue - 12.0).toStringAsFixed(0) + ':00 PM';
} else {
  return (_upperValue).toStringAsFixed(0) + ':00 AM';
}}

```

The result of the above above produces this ![Slider converted to 12 hr format](https://i.stack.imgur.com/O5qSt.png)

I can get access to the current date and time using `DateTime.now()`.

I am trying to offset the time frame of the slider to start from the current time to 24 hrs after that so for example, if the current time is 3pm, the slider should start from 3pm and end at 3pm tomorrow. Any ideas?