Below you can see how calendar will look like on your web page. Select view type:

After selecting dates, you will find a reservation form to fill out below the calendar.
This calendar is configured to show open dates as green, reserved as red, pending as yellow.
It can show beginning and ending days as half days if you wish, to allow check-in and check-out on same day, OR you can just have it show nights reserved with no half days needing to be shown.