datepicker.examples.initial-state.use-case.md

5.2: Datepicker Initial state example

Primary Actor: User

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

Goal: Show user Datepicker and Daterangepicker with initial state

Main success scenario:

1. User opens Datepicker demo page
2. User clicks on Initial state sub-menu
3. User see 2 inputs: Datepicker and Daterangepicker
4. User see 2 clickable buttons: "Date Picker" and "Date Range Picker"
5. By default, value in Datepicker input is current day
6. By default, value in Daterangepicker input is interval from current day to current + 7 days
7. When user clicks on "Date Picker" button, bs-datepicker-container opened and current date selected
8. When user clicks on other date, that date selected and shown in input
9. When user clicks on "Date Range Picker" button, bs-daterangepicker-container opened and appropriate interval selected
10. When user chose another interval, that interval selected and shown in input

Variations:

2*. User scroll to Initial state sub-menu