wycliffepeart commented 9 months ago

24 > #19

Story

As a developer developing the application, I want a form date picker component named DatePicker, so that it can be used to capture date.

Description

A date picker component is a user interface (UI) element or widget that enables users to select a date from a graphical calendar or date selection interface. Users can usually navigate through months and years, select a day from the displayed calendar, and sometimes input the date directly. Date pickers are a user-friendly way to handle date input in various applications, helping users avoid input errors and making the selection of dates more intuitive and efficient.

DatePicker Components

Components	Description
Calendar Display	A date picker typically presents a calendar view, which may show a single month or multiple months at a time. Users can navigate between months and years to find the desired date
Selectable Days	A date picker typically presents a calendar view, which may show a single month or multiple months at a time. Users can navigate between months and years to find the desired date
Month and Year Selection	Many date pickers offer the ability to switch between months and years, making it easier to find and select a specific date, especially for events occurring in the future.
Input Field	There is usually an associated input field where the selected date is displayed, making it clear to users which date they have chosen. Users can also type in a date directly in some date pickers.
Today's date	A common feature is a "Today" button that instantly selects the current date, making it convenient for users to choose the present day.
Clear and Close Buttons	Most date pickers include options to clear a selected date or close the date picker without selecting any date.
Accessibility Features	To ensure inclusivity, modern date pickers often include accessibility features such as screen reader compatibility and keyboard navigation.
Localization	Date pickers can be tailored to display date formats and week start days based on the user's location or language preferences.

Details

I'd like for you to implement a form date picker field component, this field will capture the input as is without validation or any other processing.

In addition, this component should not accept any props instead it should derive the props from FieldContext #77.

Acceptance Criteria

Project builds with no warning

Definition of Done

4

Sub Tasks

[ ] Unit tests written
[ ] Integration test passing
[ ] Storybook stories written
[ ] Code peer-reviewed
[ ] Tested on supported devices/browser
[ ] Any configuration changes documented

Linked issues

Relates to Linking type that allows you to establish a relationship between two issues.

24

Blocked By Issues or tasks that are blocking the progress of the issue.

77

iamshellyan commented 9 months ago

@wycliffepeart I added a description

iamshellyan commented 9 months ago

@wycliffe I added some components to the date picker field. In terms of development did you have a specific component for it?

wycliffepeart commented 8 months ago

@iamshellyan perfect 👌

zendexa / project

DatePicker #19