Date Range Component Prototype

[kangzj]

This is a WIP and not yet applied any design

PT: pejTkB-1zd-p2

What?

• Refactor Day component into a separate file to be reused
• Created a DateRange component that works for a date range selection, which is still mostly a copy of the date picker
• Create base stories for DateRange

Why?

Add a date range picker

Testing Instructions

• Checkout my fork
• Choose the right node version nvm use
• Install npm i
• Run storybook npm run storybook:dev
• Search for DateRange
• Ensure the third example marks several dates as selected

Testing Instructions for Keyboard

n/a

Screenshots or screencast

Screen.Recording.2024-09-05.at.4.17.48.PM.mov