Theme

Story 1.0.12.4. CRM. Filter component. Proper date picker

Written by

in

Content

[ Content ] [ General info ] [ User story ] [ Visual design: ] [ Acceptance Criteria ]

General info

Feature: Proper date picker

Purpose: This date picker component allows users to select a date range, specifying both a start date and an end date.

This story implements a date picker within the filter panel of the CRM’s Vacancy List page. The date picker allows users to specify a start and end date for filtering vacancies by their creation dates. The component includes an interactive calendar, options to apply or cancel the selection, and functionality to clear the selected date range. The goal is to improve user experience by providing an intuitive method for date-based filtering, ensuring accurate and relevant vacancy listings according to the specified date range.

User story

As a CRM user,
I want a proper date picker component within the filter panel,
So that I can select a specific date range easily and apply it to filter vacancies by their created dates.


RT-5506
–
Получение подробных данных проблемы…
СТАТУС

Visual design:

https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=57396-41427&t=yewaRcer9mRvdwyT-4

#

Acceptance Criteria

01

Scenario: Opening the date picker
Given I am on the Vacancy List filter panel
When I click on the "Created Date" field
Then a date picker should open, displaying a calendar view with selectable dates.

image-20241112-143855.png

02

Scenario: Selecting a date range
Given the date picker is open
When I select a start date and an end date
Then both dates should be highlighted, and the range should be visually indicated within the calendar.

03

Scenario: Applying the date filter
Given I have selected a date range
When I click the "Apply" button
Then the selected date range should be applied to the Created Date filter, and the vacancy list should update to reflect this range.

04

Scenario: Canceling the date selection
Given the date picker is open
When I click the "Cancel" button or press the "Esc" key
Then the date picker should close without applying any changes to the Created Date filter.

05

Scenario: Clearing the date filter
Given a date range has been applied
When I click "Clear" next to the Created Date field
Then the filter should be reset, removing the selected date range, and the vacancy list should display all dates again.

06

Scenario: Applying date filter with Enter
Given I have selected a date range
When I press the "Enter" key
Then the selected date range should be applied, and the vacancy list should update accordingly.

Comments

Leave a Reply

More posts