This project implements a delivery date picker with the following constraints:
- A pre-selected date (which is the earliest available delivery) is shown on the prompt.
- When you click on the prompt, a modal opens that allows a user to select a new date for delivery.
- The dates listed show the current month.
- Tuesdays, Fridays and Saturdays are 'un-deliverable' days and therefore not selectable by the user or possible to be set as an initial delivery date.
- date-fns - date utility library
- react-modal - accessible modal: traps focus within modal when open, focus returns to the modal's trigger button when closed, can close modal via esc key, modal is appended to the end of
document.body
.
- Switch to the node version stated in .nvmrc with
nvm use
- Install all dependancies with
yarn
- Start the server with
yarn start
You can view the website on http://localhost:3000