14.14: Timepicker Arrow keys example
====================================
**Primary Actor**: User

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

**Goal**: Show user example how to configure timepicker with arrow keys

Main success scenario:
----------------------
1. User opens Timepicker demo page
2. User clicks on Arrow keys 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 clickable button "Enable / Disable keyboard arrow keys"
5. When user activates hours input and click keyboard arrow up key, then time number increases with appropriate changes in info alert
6. When user clicks keyboard arrow down key, then time number decreases with appropriate changes in info alert
7. When user activates minutes input and click keyboard arrow up key, then time number increases with appropriate changes in info alert
8. When user clicks keyboard arrow down key, then time number decreases with appropriate changes in info alert
9. When user clicks on "Enable / Disable keyboard arrow keys" button, visually nothing changed
10. When user activates hours input and click keyboard arrow up key, then hours data stay the same
11. When user activates minutes input and click keyboard arrow down key, then minutes data stay the same
12. When user change hours and minutes by arrow navigation, data change successfully
13. When user clicks on "Enable / Disable keyboard arrow keys" button again, then user can change hours and minutes with keyboard arrow keys again

Variations:
-----------
2*. User scrolls to Arrow keys sub-menu