40+ Awesome JavaScript Calendar Effects Collection (Projects and Codes) in 2025

datera

Datera is a customizable date and date range picker JS library that transforms a regular input field into a date selection input.

Minimal Vanilla JavaScript Calendar Component

vanilla-js-calendar

A lightweight and simple-to-use Vanilla JavaScript library used for rendering an infinitely navigatable calendar component on your webpage.

iCalendar

Simple iPhone styled Vanilla JavaScript Calendar Library

timetable.js

Vanilla javascript plugin for building nice responsive timetables

salsa-calendar

Pure Javascript Calendar

pureJSCalendar

Simple and clean JS Calendar solution for those who need to get rid of third-party libraries like JQuery. Easily localizable calendar with allowed date spread and with the first day of the week selection.

dropdown-calender

A minimal vanilla JavaScript date picker library which enables the user to select a date from separate “day”, “month” and “year” dropdowns. Perfect for birthday (DOB) picker.

jsCalendar

Just a simple javascript calendar

datepickk

Datepickk.js is a JavaScript library which allows you select a date or date range from a date picker popup or inline calendar, with support for custom events.

md-date-time-picker

An implementation of Material Design Picker components in vanilla CSS, JS, and HTML

pure-javascript-calendar-component

a simple javascript calendar class

rolyart-calendar

ES6 - Simple pure JavaScript calendar

js-calendar

An elegant, animated, light (or dark) calendar UI design implemented in plain HTML, JavaScript, and CSS.

js-datepicker

A lightweight and pure javascript and css datepicker

caleandar

A lightweight, library independent JavaScript calendar

calendarize

Vanilla Javascript Plugin to Create Calendars

foopicker

JavaScript date picker plugin

DateTimePickerComponent

DateTimePickerComponent is a very lightweight and dependency-free web component written in pure JavaScript

calendarHTML-Javascript

Simple Calendar built with Pure JavaScript (No Libraries) http://iamnitinpatel.com/projects/calendar/

DatePickerX

Cool light visual date picker using native JavaScript

calendar-base

Base methods for generating calendars using JavaScript.

contributions-calendar

Contributions Calendar is a vanilla javascript web component implementation of contributions calendar

CalendarPickerJS

A simple yet modern and user-friendly date picker with a monthly calendar.

flatpickr

lightweight, powerful javascript datetimepicker with no dependencies

Full-Year-Calendar

A full year calendar that can be used on your website. The calendar was written in pure JavaScript and you can switch between years in an easy way. Dark and Light modes are included as well.