Copyright © 2023 MIT License. | Design and development by Yury Uvarov.
💢 Usage example — a website example for searching for flight tickets and hotels using vanilla-calendar.

Additional features

Date Selection in Input

If you need to display a calendar when clicking on an «Input», you can easily configure it by initializing it with the input parameter. Here's a simple example of usage with default parameters:

Open the sandbox in a separate tab to see the example with all the files. To do this, click the «Open» button in the upper right corner.

It's important to note that the «Input» in the context of this calendar does not necessarily have to be an <input> tag. It can be any HTML element, such as a <div>.

With the calendar type set to 'multiple', users can select multiple dates simultaneously. This allows for easily defining date ranges and working with them. Such a calendar provides flexibility and various options for date management.