Development version 4
Versions
See dev code en GithubFront-end features:
- Web Component
- Simple installation - the calendar is loaded by 2 lines of JavaScript (see below)
- Interactive date range selection to send dates to your reservations form if required.
- Self-contained with no external dependencies.
- No external dependencies or JavaScript libraries.
- Does not use images or sprites.
- Simple CSS - colors can be defined via admin panel.
- Responsive:
- The code automatically calculates the number of months to show according to the browser window width. (You can override this by defining this manually to show the number of months that you want)
- On window resize the code will re-calculate the number of months, remembering the first month currently defined.
- Month containers and dates adapt to available screen space
Admin features
- Reduced Vanilla JavaScript (no libraries).
- Interactive styling tool to define the calendar design & colors.
- Date range selection to mark dates as unavailable and save basic booking data (optional).
- Unlimited admin users.
- Unlimited number of calendar items.
- Unlimited languages.
- Language translations stored in the database.
- Password reminder via email.
Code to include the calendar:
<script src="ac-js/ac-calendar.js" type="module"></script> <ac-calendar></ac-calendar>