Free JavaScript Calendar and Date Picker Widgets

Date Selection Controls - Pick a Date from a Calendar

Free JavaScript Calendars and Date Picker Controls

The free JavaScripts listed on this page allow you to embed either a calendar onto your web page, insert a pop-up calendar, or include a date picker control or date selector on your site. Date selection scripts automatically fills a text form field based on the visitor's selection of a date or range of dates from a calendar control. Most, if not all of the scripts, will pop-up a calendar in a layer on the existing web page (not a new browser window or browser tab) for such uses.

Related Pages

Free JavaScript Calendar and Date Selector Scripts


Pikaday is a JavaScript date-picker can be bound to any input field on your web page. When a user clicks the field, a date picker will pop up. Any date that the user selects will be automatically inserted into the field.


This datepicker JavaScript pops up a calendar from which the user can pick a date, which it will enter into an HTML input field.

JavaScript Calendar Component

This customisable and extensible calendar JavaScript allows you to create any number of months per calendar, set the weekend days, the days off and holidays and the first day of the week, set the start and end date, allow multiple selection (or not), skin the calendar via CSS, include multiple calendars per page, etc. The calendar can be used to fill a text field, and pops up in a layer in the existing browser window. This component can only be used on sites where "you do not derive a commercial advantage or profits [sic] from your application".

Rich Calendar - Cross Browser JavaScript Calendar Script

[Update (11 May 2017): the site is no longer available.] This calendar script supports IE, Firefox, Opera, Safari and other Mozilla-based web browsers. It is skinnable using fully-CSS skins, multilingual, allows multiple calendar instances on one page, supports user-defined behaviour where you can intercept calendar events, can be associated with an element (form field) where it will automatically read/write the date to, supports any week day to start the week with as well as any week days as "weekend days", etc.

Date Picker Control

[Update: this script is no longer available.] The Date Picker Control allows you to add a date picker that opens up within your existing browser window (in a layer) when you click an icon beside a text form field. The control allows you to select a date using a familiar calendar user interface, and it automatically inserts the date into your text field. The date selector allows you to choose dates either via the mouse or the keyboard. You can customize the first day of the week, the date ranges, etc. The software is released under the GNU General Public License.

Codetale's JavaScript Calendar Widget

[Update: this script is no longer available.] This calendar widget pops up (in a layer) a calendar that allows your visitors to select a date. The date chosen will be entered into a text field. You can customize the date format as well as its appearance, the latter using CSS.

HiCalendar - Date Selection Calendar Script

[Update: this script is no longer available.] This JavaScript allows your visitors to choose a date from a calendar. No other information is present on the site (at the time I write this).

Related Pages

Newest Pages

Popular Pages

How to Link to This Page

It will appear on your page as:

Free JavaScript Calendar and Date Picker Scripts Free Webmaster Tutorials, Scripts and Articles Free How-To Guides Free Programmers, Webmasters and Security Resources
If you find this site useful, please link to us.