datepicker.examples.value-change-event.use-case.md

5.15: Datepicker Value change event example

Primary Actor: User

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

Goal: Show user example how to subscribe to datepicker value change event

Main success scenario:

1. User opens Datepicker demo page
2. User clicks on Value change event sub-menu
3. User see Datepicker input
4. When user clicks on Datepicker input, bs-datepicker-container opens and user can chose any Date
5. When user chose any date, then bs-datepicker-container disappeared, this date is shown in the input in format "mm/dd/yyyy" and card with info "Changed date is Mmm dd, yyyy" shown
6. When user clicks on Datepicker input again and chose another Date, then this new date is shown in the input in format "mm/dd/yyyy" and card with info "Changed date is Mmm dd, yyyy" shown
7. When user clears input, then card with info disappeared

Variations:

2*. User scroll to Value change event sub-menu