DHTMLX Event Calendar A lightweight JavaScript event calendar for efficient time management
DHTMLX helps you develop a Google-like JavaScript event calendar to organize appointments efficiently.
Users can drag and drop to manage events and display them in six different modes.
JavaScript event calendar function
- light
- Simple JavaScript API
- Six default views: Day, Week, Month, Year, Agenda, Timeline
- custom view
- Create, resize and move events via drag and drop
- recurring event
- Attach file to appointment
- overlay event
- multi-day event
- Built-in date picker in sidebar
- Categorize events by adding multiple calendars
- Automatic saving of appointment data
- current time stamp
- auto scroll
- Adjustable View Mode
- Configurable panel editor
- Styling via CSS variables
- dynamic loading
- read-only mode
- localization
- Easy Rest API Integration
- Typescript support
- Works in all modern web browsers
- unassigned event
- downplay past events
Easily build your JS event calendar
You can build a personalized JavaScript scheduler out of the box.
Modify editor controls
Select the fields to display to manage event data. You can add a file uploader to attach files to selected events or set controls to choose event colors from the UI .
Configure Calendar Behavior
Allow users to manage events by dragging and dropping or block all operations by setting read-only mode. You can use read-only for the entire calendar or specific events.
Use built-in themes
Choose one of the embedded themes to change the overall look of the event calendar, such as Material , Willow , and Willow Dark . However, you are free to apply custom styles using CSS variables.
Why Choose JavaScript Events Calendar Widget for DHTMLX ?
for developers
Pure JS library with no dependencies
Modern, easy-to-use JavaScript API
Smooth integration with DHTMLX Kanban and To-Do List widgets
Simplify customization via CSS variables
Short learning curve with well-structured documentation and detailed code examples
for project managers
Maintain a strong level of data security without transferring data to third-party tools
Ability to easily combine the most commonly used agile planning tools