JavaScript

30+ Open-source Free-to-use Calendar Libraries for React, Vue, jQuery and Plain JavaScript

A JavaScript calendar library is a tool that allows developers to create interactive calendars on websites using JavaScript. These libraries provide pre-built functions and styles for creating a calendar that can be customized to match the website's design and requirements.

There are several JavaScript calendar libraries available, including FullCalendar, DayPilot, and DHTMLX. Each library has its own set of features and benefits, so it is important to evaluate each one to determine which best suits your needs.

When choosing a JavaScript calendar library, consider factors such as ease of use, customization options, support for different devices, and compatibility with different frameworks and platforms. With the right library, creating a functional and visually appealing calendar for your website can be a breeze.

In this list we offer you the best open-source free-to-use calendar libraries for vanilla JavaScript, React, Vue and jQuery frameworks.

React Calendar Library

React Calendar: An open-source React library to build responsive calendar for React apps. It supports TypeScript by default, and allows users to pick days, months, years, date range, supports multiple languages and more.
Custom Date picker: ReactJS based Custom Date picker component to select date. It works smoothly in all modern browsers. (MIT).
React-big-calendar: An events calendar component built for React and made for modern browsers (read: not IE) and uses flexbox over the classic tables-caption approach.
React GitHub Calendar: A React component to display a GitHub contributions graph based on react-activity-calendar.
Rc-calendar: React library for building keyboard-first responsive calendar. It supports custom dates, date range, and comes with a responsive design.
FullCalendar React Component: The official React Component for FullCalendar.
@natscale/react-calendar: A no dependencies, lightweight and feature-rich ⚡ calendar component for react.
Kalend - calendar component for React: This React calendar library supports multiple views, events, drag-and-drop and mobile views.
GitHub Contributions Calendar: A React component to display a GitHub contributions calendar
flatpickr: flatpickr is a lightweight and powerful datetime picker.
React Calendar Heatmap: A calendar heatmap component built on SVG, inspired by GitHub's commit calendar graph. The component expands to the size of the container and is super configurable.
React Dates: An easily internationalized, mobile-friendly date picker library for the web.
Schedulely: CSS-grid based React calendar with a focus on extensibility and small package size
React Modern Calendar Datepicker: A modern, beautiful, customizable date picker for React

Vue Calendar Libraries

V-Calendar: An elegant calendar and date picker plugin for Vue.
Calendar: Event calendar and date picker for Vue 3.
Vue Functional Calendar: Vue.js Functional Calendar | Component/Package
vue-cal: A Calendar library for Vue with no external dependency.
Vue Calendar: A calendar components for Vue.js.
Vue Calendar: Yet another Vue calendar
Vue Calendar Picker: A highly customizable calendar component for Vue.
Vue Calendar Heatmap: A lightweight calendar heatmap Vue.js component built on SVG, inspired by GitHub's contribution calendar graph. With vertical mode, tooltip powered by v-tooltip.

jQuery Calendar Libraries

jQuery Calendar: A responsive jQuery calendar scheduler built with bootstrap and moment.js
jQuery sCalendar: This plugin helps you to select the multiple dates using ctrl, shift keys and also using drag.
Zabuto Calendar: The Zabuto Calendar jQuery Plugin lets you add a simple month calendar to your web page. It's lightweight, efficient, and easy to use.
GC-Calendar: Welcome to GEPCODE Calendar! This is a calendar library for the web.
Calendario: A jQuery calendar plugin for creating flexible calendars.
jQuery Mini Event Calendar:A mini calendar with events JQuery plugin.

Dependency-free Calendar Libraries

Tiny Date Picker: A light-weight date picker with zero dependencies.
JSCalendar: The lightest JavaScript calendar out there, without any dependency.
Air Datepicker: Lightweight, dependency-free, fast, customizable date picker written in pure JavaScript. Works in all modern browsers which supports native CSS variables.
MCDatepicker: Framework-agnostic, highly-customizable Vanilla JavaScript date picker with zero dependencies.
Calendar: Develop with native JavaScript, doesn't rely on any frameworks and libraries. It has an easy developer-friendly API.