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/

GitHub

View Github