200 JQuery Calendar Plugins

TOAST UI Calendar is a javascript schedule calendar that is full featured. Now your service just got the customizable calendar.Features:Supports various view types: daily, weekly, monthly(6 weeks, 2 weeks, 3 weeks)Supports efficie.....
Calendar Core Java Script

When is a small Date Range Picker plugin for your website, which runs without any frameworks. It can be used as a single date or range selection picker. Can be shown inline or used as a dropdown attached to an input. The plu.....
Calendar Plugins Premium

A jQuery plugin to create and manage date ranges. Also requires jquery-ui for the datepickers. .....
Calendar Plugins

jQuery and html schedule calendar.Javascript base time schedule plugin. .....
Ajax Calendar Plugins

Calentim is a Date/Time Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date/time picker besides the range selection feature. Can be shown inline or used as a dropdown beside an inp.....
Calendar Plugins Premium

Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.Features.....
Calendar Plugins Premium

A simple template that lets you display events on a timeline, as well as organize them in groups (week days, conference rooms etc…).From a web designer perspective, it is handy to have a simple, responsive template to use if you.....
Calendar CSS

A 3D cubes Advent calendar with fun hover effects and background color animations. Clicking the boxes opens another content level with different element animations. .....
Animation Core Java Script CSS

Tiva Timetable is a responsive schedule javascript library with clean and modern flat interface. It is very easy to use yet gives plenty of features and styling options. You can use it for any kind of schedule or events calendar.T.....
Calendar Plugins Premium

You may have heard of Flatpickr as it is one of the most widely used date and time pickers available. We are including it in our list because it’s authors have recently announced version 2.0, introducing lots of new features lik.....
Calendar Plugins

Slider Maker – Create jQuery Photo Slideshows, Galleries, Carousels in no time !Fully responsiveRetina-enabledCreates Well-adaptated images for each screen & deviceTouch-swipeLazy Images LoadingLoaded with ajax .....
Calendar Carousel Drag_Drop PHP Premium Slider

This 4.91KB (gZip; 11.79KB minified) small date/time picker provides a lot of hooks for developers to write calendars, agendas, booking systems, plugins, etc. This is not only a picker but a set of modules that can be used to buil.....
Calendar Plugins

“ax5core” is a collection of utility functions that have been designed for use in ax5ui. It was designed to the utility to act as a minimum code. So it can be considered to be simple compared to other utilities. .....
Calendar Menus Plugins Popup Window Video_Audio

Tiva Events Calendar is plugin which help you to display all events on calendar. It is very flexible and easy to install and integrate into your website. You can create events in json file or feed from your database via Ajax. .....
Ajax Calendar jSON Plugins Premium

A take on the material design date picker modal, built for the web.Works well with Materialize, or standalone. .....
Calendar Core Java Script

A jQuery based responsive event calendar plugin.Features:Use as a date picker, or a full fledged calendarFully responsive designIntuitive event labelsEvent list detail modeHandles multiple instances on the same pageWell commented .....
Calendar Plugins Responsive XML

The wsCalendar is a jQuery plugin that provides datepicking features. It is easy to use and includes bunch of useful functions. .....
Calendar Plugins

Booking.js is an easy-to-use embedabble calendar booking widget. It’s easy to customize, works with Google Calendar, and it can be integrated seamlessly into your branding. .....
Calendar Plugins

Lightweight customizable cross-browser jQuery datepicker, built with es5 and css-flexbox. Works in all modern browsers. .....
Calendar Plugins

Jalendar2 is a premium calendar plugin pack that created with jquery javascript library.Jalendar offers you 4 different calendar options. You can list your events, you can link to days, you can use Jalendar Selector for date selec.....
Calendar Plugins Premium

Filthypillow is a fancy and small calendar and date-time picker. .....
Calendar Plugins

Datedropper is a jQuery plugin that provides a quick and easy way to manage dates for input fields. .....
Calendar Plugins

Date/time picker widget based on twitter bootstrap. .....
Bootstrap Calendar Plugins

jQuery graspSchedule.js is a simple jQuery calendar plugin used to visualize complex schedules & events loading from JSON data, a little similar to the timeline or event calendar. You can use it for Life-log application or web.....
Calendar jSON Plugins

Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.Bootstrap grid system200+ iconsjQueryUI widgets: accordion,.....
Ajax Bootstrap Calendar CSS Forms Plugins Premium

jQuery simple event calendar make it easier for you to create an event calendar, datepicker or whatever you want with jquery. .....
Calendar Plugins

Events Calendar is a flexible plugin that allows you to connect to your database and show up your event days on a calendar view. You can easily list your events on wherever you want on your page via just one click.Features:Easy in.....
Ajax Calendar Plugins Premium

Customizable date (and time) picker. Opt-in UI, no jQuery!.Rome synchronizes in real-time with inputs, never steals focus, and its CSS is entirely customizable! .....
Calendar Core Java Script

Minical is teeny (~300 lines of Coffeescript), and has no dependencies other than jQuery, its icon PNG and stylesheet (which has SASS variables for easy customization).It has full keyboard support and also defaults to make the ass.....
Calendar Plugins

Beatpicker is a simple and powerful date picker widget for jQuery.Features:Different Date Formats.Different Position options.Custom Separator.Disable Any Month option. .....
Calendar Plugins

Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sl.....
Ajax Calendar CSS Forms HTML5 Premium

Responsive flat design jQuery DateTime Picker plugin for Web & Mobile.DateTime Picker is a quick highly customizable jQuery plugin. The design is clutter free & well suited for embedding it into mobile application developm.....
Calendar Plugins Responsive

Use this plugin to unobtrusively add a datetimepicker, datepicker or timepicker dropdown to your forms. It’s easy to customize options. .....
Calendar Plugins

It’s a responsive event calendar. It can also be used as a timeline. It’s suitable both for responsive and fixed layout. Its features :Flat UI.Supported by all major browsers.Responsive design.5 layouts included.Own layout can.....
Calendar Premium Responsive

CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you a wealth of data to use within.....
Calendar Plugins

CSS3 skins for jQuery UI datepicker.To use them, start by copying the .datepicker.css files you need as well as the images in the images folder. Then add the appropriate classes to your datepickers. See below for a complete li.....
Calendar CSS jQuery UI

This script pulls events that you create in your public Google calendar and displays them on your website.You may choose how many events to display at a time.Each event box can show the event start date-time, timezone, location of.....
Calendar Other API Plugins

An ultra-simple, customizable, light-weight date picker plug-in for jQuery at just over 7KB compressed or 25KB uncompressed.Features:Stylize current date, selected date, special dates and individual days of the weekSet data on spe.....
Calendar Plugins

Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to cale.....
Calendar Plugins Responsive

Need a neat way to present your events in a calendar? This is the plugin for you.Features:easy install – purchase, download the zip, read the docssample setup included – a sample setup with the plugin to show an example on.....
Calendar Plugins Premium Web

This date range picker component for Twitter Bootstrap creates a dropdown menu from which a user can select a range of dates. It was created for the reporting UI at Improvely.If invoked with no options, it will present two calenda.....
Bootstrap Calendar Plugins

Pickadate.js is a lightweight jQuery dateinput picker. .....
Calendar Plugins

Pikaday is a JavaScript datepicker with a light footprint and easy style-ability with modular CSS. Pikaday is packed below 5kb and isn’t even dependent on jQuery. It does play well with Moment.js if you need advanced formatting......
Calendar Core Java Script Plugins

DateBox is a jQuery-mobile based date and time picker.Four display mode Standard, click-outside-to-close popup mode, Forced input modal popup mode, Unique page dialog mode,  Inline mode.Features:Android style date pickerCalendar .....
Calendar jQuery Mobile

JalaliJSCalendar is a JavaScript date-picker and calendar widget based on “Dynarch DHTML Calendar” from Mihai Bazon. The main difference between two is that JalaliJSCalendar supports Persian (AKA Hijri Shamsi) calendar.....
Calendar Plugins Web

jToday is a jQuery plugin that displays a today calendar showing today’s date or any date you specify. jToday is written in JavaScript. jToday also supports a year value, although I’ve hidden it in my examples. You can.....
Calendar Plugins

Why another jQuery calendar? I needed something very specific for a personal project which led me to created this calendar. After making it I thought it was pretty neat.You’ll have to source the calendar JS, the calendar CSS.....
Calendar Plugins

The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google cale.....
Calendar Plugins

Full month calendar jQuery plugin that looks like Google Calendar.All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin. These are to b.....
Calendar Plugins

jQuery CalendarPicker is a free ultra-light calendar.This component is a light-weight calendar/date-picker.Features:supports internationalization (supports do not necessary means it is implemented:-) )supports changing current dat.....
Calendar Plugins

Kalendae is an attempt to do something that nobody has yet been able to do: make a date picker that doesn’t suck. Kalendae provides the following features:Fully portable, no dependencies. No jQuery, no Prototype, no MooTools.....
Calendar Core Java Script

Chico UI is an open source and free set of user interface components to ease developing with jQuery.The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.There is.....
Calendar Carousel CSS Forms jQuery UI Menus Popup Window Tabs Web

I started to make a CSS3 calendar with some jQuery animation while I was working on this project. In this article I will explain, step by step, how to use the calendar. .....
Calendar CSS Plugins Web

jQuery Any+Time includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility. .....
Ajax Calendar Plugins

Mobi Pick is an Android-style datepicker widget for jQuery Mobile. It uses the date library XDate and allows progressive enhancement for date input fields using Modernizr. .....
Calendar jQuery Mobile

Zebra Datepicker is a small, compact and highly configurable date picker plugin for jQuery and it is built using the fabulous jQuery Plugin Boilerplate. It is cross-browser – works in every major browser; also, it works in Inter.....
Calendar Plugins Web

Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also a.....
Animation Calendar Web XML

A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select con.....
Animation Calendar Plugins

Here is a tutorial how to create astonishing iCal-like calendars with jQuery.. .....
Calendar CSS Gallery Web

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one left. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension i.....
Ajax Calendar Drag_Drop Other API Web

.....
MultiSelect

Inspired by: http://dribbble.com/shots/513118-Calendar .....
DatePicker

Inspired by http://codepen.io/havardob/pen/WwWooB. Simple JQuery and CSS practice. .....
DatePicker

.....
DatePicker

Decided to test what I've learned about javascript thus bar by combining Adam Shaw's fullcalendar with Craig Thompson's qTip2 with some customization of my own. .....
DatePicker

Get jquery ui calendar working in handle bars... and looking pretty too. .....
DatePicker

.....
DatePicker

.....
DatePicker

.....
DatePicker

Note: This is not a datepicker. Just a simple calendar that renders month, days, year. It's made entirely with vanilla JavaScript. .....
DatePicker

.....
DatePicker

A nice looking calendar with nice transistions. .....
Calendar

Calendar I made for a little project. .....
Calendar

A calendar that tells you how many events happened on a particular date .....
Calendar

incomplete; bootstrap calendar .....
Calendar

View it at dribbble or Behance .....
Calendar

Based on a Dribbble by Kirill and Ludmila Shevchenko. .....
Calendar

.....
Calendar

Simple calendar. .....
Calendar

.....
Calendar

Calendar Pattern thanks to the https://github.com/robertguss/CSS-Responsive-Calendar .....
Calendar

Drag and drop events between calendars and to draggable events. .....
Calendar

Simple Calendar Experiment. .....
Calendar

A simple calendar with notes panel Based on this Dribbble entry http://dribbble.com/shots/995762-Calendar-Widget .....
Calendar

Flexible Calendar .....
Calendar

View it at dribbble or Behance .....
Calendar

This is a calendar application. It allows for browsing dates and selecting individual dates. You can schedule events on future days. .....
Calendar

An Elegant Calendar Built With Angular.js .....
Calendar

A liquid & 'light-weight' calendar. There's no libraries in this exercise, it's really hand-crafted. Check out our 'body-cut' effect :D .....
Calendar

Daily CSS Images Day 09 Calendar .....
Calendar

Flexible Calendar V1 .....
Calendar

Link - http://cssglobe.com/drawing-calendar-icon-with-css3/ .....
Calendar

A proof of concept for a semantic tableless calendar. .....
Calendar

A circular calendar and clock display, with and added weather and daily activity widget mock-ups. .....
Calendar

Just a dribbble thing that I liked, and I wanted to see live :) Source here : http://dribbble.com/shots/1054042--Freebie-Calendar-Window?list=users .....
Calendar

Based on Dribbble shot : https://dribbble.com/shots/1792443-Google-Calendar-Animated-Icon .....
Calendar

css only for a server-side generated calendar using an unordered list instead of a table. .....
Calendar

Another Dribbble rework of an original shot by Sergey Valiukh. Chrome and Safari only, for now. .....
Calendar

Based off of https://dribbble.com/shots/2209385-Calendar-Widget-ll-Freebie by Hanna Jung. Only dependency is GSAP because hand coding that exponential curve was starting to turn into a nightmare :(. The next step would be to push.....
Calendar

https://github.com/nizarmah/calendar-javascript-lib I needed a calendar with an organizer to display schedules for an academy for students to get better at school or learn some skills. So I thought of making them such a calendar .....
Calendar

Calendar Loader .....
Calendar

Calendar Window is based on a dribbble shot that has been reworked with material design. Credits: .....
Calendar

Calendar using ReactJs (beginner level), idea from @AJALACOMFORT modified by me .....
Calendar

just a small calendar with bootstrap formatting .....
Calendar

Monthly calendar icons that expand to show more details when clicked. Blog post: Iconifying Content .....
Calendar

.....
Calendar

Wim Crouwel’s famous calendar — made with CSS Grid. .....
Calendar

Light & Dark Calendar https://dribbble.com/shots/4189522-Calendar-Light-Dark .....
Calendar

Calendar with dynamic data. .....
Calendar

Forked from http://codepen.io/peanav/pen/ulkof .....
Calendar

.....
Calendar

simple dynamic, js calendar. main function accepts 3 params: target selector String date String (optional) .....
Calendar

Just cuz. .....
Calendar

This pen shows how to embed a Google Calendar so that it is responsive. .....
Calendar

A Flexible Calendar Plugin .....
Calendar

Calendar Widget using FontAwesome. Compatible with Bootstrap. .....
Calendar

A simple jQuery calendar with nice way of selecting dates, can be modified to switch months and what not .....
Calendar

Markup uses HTML5 <time> element. CSS makes the date look like a calendar page. The position: absolute implementation works on all browsers. .....
Calendar

Duotone image with SVG filter. .....
Calendar

.....
Calendar

Another Dribbble shot recreation. I really enjoyed this one! Source: https://dribbble.com/shots/2772446-Material-calendar .....
Calendar

So saw another of these on Codepen, and it seemed like a really fun idea. Here is my take. .....
Calendar

.....
Calendar

Daily CSS Images: Single Div Calendar .....
Calendar

Tear off calendar made with Vanilla Javascript. .....
Calendar

Inspired by the preview of the Microsoft Fluent Design System calendar. I thought it looked really pretty so I made it for the web. .....
Calendar

Pure CSS advent calendar, with CSS animations & transitions. Hover the panes to find your secret present.. .....
Calendar

.....
Calendar

Very quick mockup of calendar. .....
Calendar

A nice simple/fully functional calendar that can be added as is to any site. Uses jQuery, underscore.js, CLNDR.js and moment.js .....
Calendar

Hey guys! Been a while since I last did a pen! Been super busy with work & working on a personal home automated project ;)! I hope you guys like this! .....
Calendar

I wanted to make a calendar that would make it easy to visualize and choose a date range. .....
Calendar

This is an example of a calendar made with flexbox. .....
Calendar

.....
Calendar

This pen shows the proper importing of Full Calendar by loading the proper dependencies and allowing easy access to edit the FullCalendar options via JavaScript. .....
Calendar

D3.js calendar heatmap representing time series data is used to visualize tracked time over the past year, showing details for each of the days on demand. .....
Calendar

An experiment, replicating most of the basic UI for Apple Calendar with CSS. aeb.sr/2014/01/28/apple-calendar/ .....
Calendar

This Pen is a simple CSS3 Calendar Icon with a Dynamic Date. Inspiration: http://dribbble.com/shots/1029199-Flat-icons-PSD-3-Dribbble-invites?list=users .....
Calendar

Materialize calendar template with custom event list .....
Calendar

.....
Calendar

A simple elegant calendar highlight today highlight selected day save cookie .....
Calendar

http://fullcalendar.io/ Interactive demo: http://booking.uedsky.com .....
Calendar

Based on the depth video concept from Microsoft's Fluent Design I recently learned of the design trend called Atmosphere Design and I'm in total love with it. .....
Calendar

Calendar generates itself upon user's entry of requested year and month. Scales to viewport using vw / vh --[ table is generated w/JS ] .....
Calendar

From Dribble https://dribbble.com/shots/2098475-Calendar-date-range-picker .....
Calendar

A calendar made to display bookings and seasonal indications. Triple month display with single month movement. .....
Calendar

A calendar in full Vanilla JS starting on Monday. .....
Calendar

.....
Calendar

Pure CSS calendar flip animated icon. Based on animaticons.co. .....
Calendar

So this is a responsive calendar I coded up pretty quickly, thought I'd share, hope you enjoy .....
Calendar

This is my try to recreate Ramotion's design: https://dribbble.com/shots/1782092-Survey-Platform-Design?page=2#comment-4090844 .....
Calendar

SVG calendar with animated header and clickable days .....
Calendar

Replica of the GitHub contributions calendar in vanilla JS without using any external libraries like D3.js. Tinker to roll your own version. .....
Calendar

Just a quick and dirty responsive advent calendar with jQuery that displays a message one word per day. On the 25th the full message is revealed. Works on mobile devices. Uncomment "day=25;" in the js to see the end. .....
Calendar

.....
Calendar

.....
Calendar

.....
Calendar

This is a real working advent calendar. Design inspiration by https://dribbble.com/shots/839647-It-s-a-Shape-Christmas-Live. Come back and check the next day :) .....
Calendar

Just messing around with some clock ideas *THE CLOCKS ARE ABOUT ONE SECOND SLOW :( .....
Calendar

Watch us code this live! https://youtu.be/_8OMGE87e2Q Challenge Accepted! David Khourshid and Stephen Shaw rise to the challenge raised on Twitter, recreating an amazing, if not improbable calender UI interaction using CSS only......
Calendar

.....
Calendar

.....
Calendar

.....
Calendar

My variation of a calendar for the daily css images challenge using moment.js to set the year, month and day. .....
Calendar

Here's a very simple (but real) calendar powered by CSS grid, Moment, and Vue.js. I talk a little bit about it here https://medium.com/@leemartin/building-a-damn-simple-calendar-layout-with-css-grid-moment-and-vue-65698e5e277e .....
Calendar

Responsive calendar. .....
Calendar

This code explains, how to drag an event from FullCalendar to trash or back to external list .....
Calendar

A beautiful Vanilla JS calendar. .....
Calendar

Calendar script for Enterprise purposes by github.com/the-teacher. Developer preview #2. .....
Calendar

I wanted to exercise my raw javascript and css - no Bootstrap, no jQuery, no AngularJS - all by myself. So here goes: A calendar build using basic* web technologi. .....
Calendar

http://dribbble.com/shots/1113246-Calendar WIP - planning to add JS to make it fully functional .....
Calendar

.....
Calendar

It's an Angular calendar date picker directive. Touch friendly. HTML, CSS, AngularJS (and underscore.js and moment.js, and hammer.js) having a playdate. Inspired by http://codepen.io/ed_conolly/pen/ecDnq .....
Calendar

This is a WIP. Just playing around with some ideas really. .....
Calendar

I made this to have a template for full year calendars generated in svg and then customized in adobe illustrator for printing. .....
Calendar

.....
Calendar

.....
Calendar

Based on this dribbble shot: http://drbl.in/nRBn .....
Calendar

Responsive calendar with multi-day long events. .....
Calendar

Inspired by: http://graphicburger.com/flat-design-ui-components/ Line-chart and donut-chart made by @Kseso: http://codepen.io/Kseso/pen/phiyL .....
Calendar

PURE CSS CALENDAR. .....
Calendar

.....
Calendar

Forked design from a wordpress calendar made by Robin Brons to add functionality myself: .....
Calendar

This is an example of an calendar-day (agenda) created for Ionic Framework using multiple locations (rooms). .....
Calendar

Simple calendar .....
Calendar

.....
Calendar

Learning my way around CSS Grid, using Massimo Vignelli’s classic Stendig Calendar as inspiration. (Don’t have CSS Grid enabled in your browser? Here’s how to do it.) .....
Calendar

.....
Calendar

Third enrty for my "daily" UI challenge, designed by Budi Tanrim (https://dribbble.com/shots/2761166-Shipp-Calendar). .....
Calendar

View it at dribbble or Behance .....
Calendar

Illustrated SCSS/JS advent calendar of events in Brighton & Hove — find a local festive event each day! .....
Calendar

Full screen calendar using css, html and jquery. .....
Calendar

It's a calendar / Angular Directive Radial Date Slider Picker. No SVG. No canvas. Touch friendly. HTML, CSS, AngularJS with moment.js and hammer.js. Drag the handle to set a date. .....
Calendar

Inspired by the LEGO® Iconic Brick Calendar https://shop.lego.com/en-FR/product/Brick-Calendar-2017-40172 .....
Calendar

http://ilyabirman.net/projects/forebruary/ Moves a clipped Forebruary calendar instead of replacing html when date is changed. .....
Calendar

.....
Calendar

HTML structure and custom Bootstrap helper classes for a fluid-responsive calendar. I prefer this approach to tables for obvious reasons and it looks great on mobile devices, too! .....
Calendar

A pure CSS and Javascript Calendar .....
Calendar

My first finished and working js "app". It's a simple calendar with task list for every day. Actual day is highlighted, days with all tasks finished have green indicator, with unfinished tasks red one. Tasks are stored in localSt.....
Calendar

codevember countdown calendar. Counts down the days left in #codevember .....
Countdown