Story 1.0.12.3. CRM. Filter component. Simple Date Picker (From-To)

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.

image-20241112-065729.png

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".

Comments

Leave a Reply