Web Calendars: Live Examples

Monthly Calendar Example 1

Here's an example of an embeddable calendar, using live data from our public online demo:

---

Monthly Calendar Example 2

Similar to the above calendar, this calender initially shows the next month's bookings, using live data from our public online demo:

---

Current Day Calendar Example 1

This calendar shows bookings for a single day (today) using live data from our public online demo:

---

Current Day Calendar Example 2

Below are three separate day calendars showing bookings for the next 3 days using live data from our public online demo:

---

Availability Calendar Example

Here's an example of an embeddable calendar, using live data from our public online demo, simply showing whether "Room 1" is available (green) or booked (red):

...and below is the custom .css code used to achieve the above calendar appearance:

Custom .css code

.calendar_date_bookings{display:none} .calendar_date_total_bookings{display:none} .calendar_date_has_bookings{background-color:red} .calendar_date_has_no_bookings{background-color:lime}