Time Slider Widget - Programming Exercise 

Time-Slider Widget Instructions:

  1. Adjust the time using the slider control.
  2. Fine-tune the slider value by clicking on the "Up" or "Down" controls.
    • NOTE: The sensitivity of the up/down controls adjust to which mode the Time-Slider is in: MINUTES or HOURS.
  3. Switch time between hours and minutes by clicking on the "Toggle Time Display Mode" control.
  4. Reset the slider back to zero with the "Reset Timer" control.
  Minutes
UP - Add time to the slider.
DOWN - Subtract time from the slider.

Toggle Time Display Mode

Reset Timer - Back to zero (center).