andrewdelamare / react-booking-calendar

A react based booking calendar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

react-booking-calendar

What is it?

This is an open source react based booking calendar inspired by airbnb's booking calendar. This project was built for use in a larger react project, with basic tailwind css styling. Functionality is the priority, so you'll likely need to familiarize yourself with tailwind in order to get it looking the way you need it to.

calendar pic


Want to use it?

Feel free to clone this repo and copy/paste the components into your react project!

Make sure you are using tailwindcss, otherwise you'll have to figure out the styling on your own!

npm install -D tailwindcss
npx tailwindcss init

Also, this relies heavily on the datefns library. Make sure to get it!

npm install date-fns --save

Version Info

tailwindcss ^3.0.24

date-fns ^2.28.0

react ^18.1.0

react-dom ^18.1.0

react-scripts 5.0.1

node v16.13.0

About

A react based booking calendar

License:MIT License


Languages

Language:JavaScript 100.0%