5.12: Datepicker Placement example
==================================
**Primary Actor**: User

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

**Goal**: Show user how to change placement of Datepicker

Main success scenario:
----------------------
1. User opens Datepicker demo page
2. User clicks on Placement sub-menu
3. User see 4 Datepicker inputs (each have description about placement: right, top, bottom, left)
4. When user clicks on first input, bs-datepicker-container opens on the right side and centered according to this input
5. When user clicks on first input again, bs-datepicker-container disappeared
6. When user clicks on second input, bs-datepicker-container opens at the top of input and centered according to this input
7. When user clicks on second input again, bs-datepicker-container disappeared
8. When user clicks on third input, bs-datepicker-container opens at the bottom of input and centered according to this input
9. When user clicks on third input again, bs-datepicker-container disappeared
10. When user clicks on fourth input, bs-datepicker-container opens on the left side and centered according to this input
11. When user clicks on fourth input again, bs-datepicker-container disappeared

Variations:
-----------
2*. User scroll to Placement sub-menu