Custom reservation Time picker with React
RUN
First, run the development server:
pnpm install
pnpm dev
NOTE
If you’re not familiar with nextjs don’t worry you can still use this project assuming that page.tsx is the parent component and hours.tsx and timesBar.tsx are the child components.
Tech and lib
- Next13 app dir – reactjs
- date-fns
- tailwindcss
- lucide-react for the icons
DEMO
https://reservation-time-picker-abbesm0hamed.vercel.app/