Free Calendar and Datepicker Scripts – Useful Collection

Web applications often require a calendar or date picker functionality. Whether it’s a web form that requests the user’s date of birth, a content management system that needs to display a calendar of events on a side column, or an application that charts data as a function of time – there’s never a short supply of demand for calendars or date pickers.

To write a custom solution yourself is one option, especially if you have the time, and your requirements can’t be met by freely available scripts. But if you’re the type that wants to save some time – check out these brilliant, free calendar and datepicker scripts available for download. You can use them for inspiration, incorporate them into your project as they are, or modify them to suit your needs.

Calendar: a Javascript class for Mootools

The Calendar class for mootools is a script that plugs into the mootools framework, providing you with an accessible, unobtrusive datepicker for your web forms.

The Calendar class gives you three navigation options: navigate by month, navigate by month or year, and static/no navigation. It supports multi-lingual and fancy date formatting features, and also allows you to restrict the range of available dates that the user can select. The script weighs at about 15KB compressed with the YUI compressor, but you can download the uncompressed version with the developer’s comments if you want to modify it or understand how it works.

Try the Demo

Make a Download

MooMonth

MooMonth is a full calendar application with smooth animation effects and is highly-customizable to your web application’s needs. Clicking on certain areas such as the day or event expands (or collapses) the area to focus on the particular date. It’s still in the alpha phase, but brief testing under Firefox 2, IE 7, and Safari 3 indicates that the current version works as intended.

Website: http://code.google.com/p/moomonth/

Download: http://code.google.com/p/moomonth/downloads/list

Monket Calendar

Monket Calendar is a robust, Ajax-enabled calendar that uses PHP for its dynamic features. Several things such as drag-and-drop events, ability to create multi-day events, and its iCal-style interface makes Monket Calendar a promising option for providing task and events capabilities to your web applications.

Monket calendar requires PHP 4 and up, as well as Apache with RewriteRules enabled to work.

Additionally, it’s still in beta phase so there may be some cross-browser issues with the current Beta 0.9.1 release.

Website: http://monket.net/wiki-v2/Monket_Calendar

Demo: http://www.monket.net/cal/

Download: http://www.monket.net/files/monket-cal/monket-cal-0.9.1.zip

Datejs

Datejs is a simple yet elegant date library. The user inputs date queries such as “today“, “+5years“, “6/4/2005” and Datejs attempts to match it with relevant date results. Datejs can be used in an assortment of ways and is limited only by the developer’s imagination – from auto-suggesting/auto-filling web forms to searching a database of dates for relevant results based on contextual searches. Though still in its alpha release, the author states that “Datejs has passed all trials and is ready to strike”.

Website and Demo: http://www.datejs.com/

Download: http://www.datejs.com/download/

Clean Calendar

Clean calendar allows a user to select a date and then that date is put into a text field. CSS allows you to easily style the calendar any way you want!

Code Features:

• Attach the calendar to as many text fields as you want! (simply add a class)
• Style any aspect of the calendar with CSS!
• Object oriented Javascript.
• No images needed and the calendar still looks very nice.

Browser Support:

Tested on IE6+, FF2, Opera, Netscape, AOL Browser, Konqueror.

Website, Demo and Download: http://marcgrabanski.com/pages/code/clean-calendar

Calendar Slide Select

Calendar Slide Select mimics the Google Analytics date range chooser. This component is ideal for date range selection user interaction, such as allowing the user to select a time period to display statistics or graphs over time. Calendar Slide Select requires the Prototype JavaScript framework.

Click here for Website, Demo and Download

JavaScript Calendar Component

Calendar Component, developed by NoGray (a web design and development firm) is a customizable calendar that uses mootools. The Calendar Component allows you to specify special events and holidays, select multiple dates, and translate data into different languages using Google translation. The provided external stylesheet file allows you to skin the theme of your calendars quite easily.

Website: http://nogray.com/

Demo and Download: http://nogray.com/calendar.php

Vista-like Ajax Calendar

The Vista-like Ajax Calendar is inspired by the Windows Vista task bar calendar. It employs mootools and PHP to give the user a simple-to-use calendar that has transition effects and speedy navigation between months, years, or decades. The Vista-like calendar is licensed under the Creative Commons Attribution-NonCommercial license which allows you to freely use the script for non-commercial purposes as long as the author is given proper credit for the work.

Requirements: MooTools

Website: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html

Demo: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html#examples

Download: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html#download

Unobtrusive Date-Picker Widget

The Unobtrusive Date-Picker Widget is an accessible script packed with terrific features. It has full keyboard control options, support for multiple date formats, disabling of certain dates, and “smart” localization which tries to automatically guess which language the user prefers. It currently supports 16 languages including English, Spanish, French, and Hebrew. If the language you prefer isn’t available, you can quickly create a language file using the template provided.

Website: Click to visit

Demo: http://www.frequency-decoder.com/demo/date-picker-v2/