14.12: Timepicker Dynamic example
=================================
**Primary Actor**: User

**Scope**: Ngx-bootstrap DEMO / BS version 3&4

**Goal**: Show user example how to make dynamic timepicker

Main success scenario:
----------------------
1. User opens Timepicker demo page
2. User clicks on Dynamic sub-menu
3. User sees timepicker component with hour, minute inputs, clickable button "AM"("PM") and info alert with current date and time
4. User sees 2 clickable buttons "Set to 14:00" and "Clear"
5. When user clicks on "Set to 14:00" button, then hour input show "02", minute input show "00" and button shows "PM"
6. When user clicks on the "Clear" button, then inputs are cleared and hour input show placeholder "HH", minute input show placeholder "MM" and button show "AM"
7. User see info alert with "Time is: " and danger alert with "Invalid time format"
8. When user clicks on "Set to 14:00" button again, then hour input show "02", minute input show "00" and button show "PM"

Variations:
-----------
2*. User scrolls to Dynamic sub-menu