integreat-app icon indicating copy to clipboard operation
integreat-app copied to clipboard

2808: Add a filter by date option to events

Open bahaaTuffaha opened this issue 5 months ago • 4 comments

Short description

Filtering events by date

Proposed changes

For web:

  • Created a component called CustomDatePicker and used Input type='date' as date picker.

For native:

  • Created a component called CustomDatePicker used react-native TextInput and IconButton to show calendar modal.
  • Another component I added is for Calender Range picker called CalendarRangeModal I used react-native-calendars library and tried to mimic the styling like the design in figma.

Shared:

  • Created a hook called useDateFilter that accepts events then will validate and returns filteredEvents.

Side effects

None.

Resolved issues

Fixes: #2808


bahaaTuffaha avatar Aug 27 '24 10:08 bahaaTuffaha