Content
General info
Feature: Simple Date Picker (From-To) Component
Purpose: This date picker component allows users to select a date range, specifying both a start date ("From") and an end date ("To").
User story
As a CRM user,
I want a simple date picker with "From" and "To" fields,
so that I can easily filter items by a specific date range.
Visual design:
https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=57410-52804&t=aLfLqWjgjni4WYGn-4
|
#
|
Acceptance Criteria
|
|
|
01
|
Scenario: User sees date picker Given the user is on a page with date filtering When the user views the "Created Date" filter Then they should see a date picker component with "From" and "To" input fields.
|
|
|
02
|
Scenario: User inputs a date range Given the user is on a page with the date picker When the user selects a start date in the "From" field and an end date in the "To" field Then the selected date range should be displayed in both fields and applied to filter results.
|
|
|
03
|
Scenario: User exits date picker with Esc Given the user has opened the date picker When they press the "Esc" key Then the date picker should close, and any unsaved changes should not be applied.
|
|
|
04
|
OOS Scenario: User clears date inputs Given a date range is selected When the user clicks "Clear" Then both "From" and "To" fields should reset, and the date filter should no longer be applied.
|
|
|
05
|
OOS Scenario: User can input custom dates Given the user wants to apply dates outside the suggestions When they manually enter any date Then the date should be accepted and applied upon pressing "Enter".
|
|
Leave a Reply
You must be logged in to post a comment.