WARNING: This documentation refers to an earlier version of Infusion.
View this page in the latest stable release documentation, or visit the latest release documentation home.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

Kayak.com Date-Time Picker


  • Date represented in text below the number field
  • Since this is a date range, the starting date is represented on the calendar when choosing departure date


  • Low contrast on the textual date below the field.

Travelocity.com Date-Time Picker

Condo Hotels / The DHTML/JavaScript Calendar / jscalendar-1.0

From: http://www.condohotelsplayadelcarmen.com/

See working example here: http://www.dynarch.com/demos/jscalendar/ or http://www.dynarch.com/projects/calendar/

As you mouse over anything, directions about what it does (or what more it can do) are given at the bottom. The date picker can also be dragged and dropped by the top or bottom bar (cursor turns to a hand to indicate it's movable). The calendar can be configured to close either on a single click of the date or a double click/enter (which is helpful when the time is entered next). The time can be incremented by clicking repeatedly on hour or minute or dragging to the right or left.

JSCalendar 2.0

From: http://www.dynarch.com/projects/calendar/

Google Date-Time Picker

Display on mouseover before editing is invoked:

Note: Google appears to have changed this interaction and this view is no longer available. It goes straight to edit fields now if you have edit rights on an event.

jQuery-derived Date Time Pickers

See Lovemore's Blog post about Date Time picker options: http://blogs.uct.ac.za/blog/lovemores-world/2009/02/25/an-effective-jquery-date-time-picker

Which led to this:

From: http://blog.w3visions.com/2009/04/date-time-picker-with-jquery-ui-datepicker/

Which led to this:

From: http://milesich.com/timepicker/

Yahoo Design Pattern

From: http://developer.yahoo.com/ypatterns/pattern.php?pattern=calendar

New Upcoming Date Picker

From: http://upcoming.yahoo.com/

Upcoming Time Picker

From: http://upcoming.yahoo.com/

Richer Components Date Picker

See working example here: http://www.richercomponents.com/Demos/RichDatePicker/LitePicker.aspx

User can single click to select and/or tab through each word or number in the text entry field. Then the up and down arrow key can be used to change each one (e.g. arrow up to go from September to August).

Peter's Date and Time

From: http://www.peterblum.com/DES/DateAndTime.aspx

An incredibly feature-rich customizable date and time picker.

Vista-like Ajax Calendar version 2

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

JQuery Date Picker

From: http://docs.jquery.com/UI/Planning/Datepicker
See working example here: http://ui.jquery.com/repository/latest/demos/functional/#ui.datepicker

Date Time Picker 1.9

See working example here: http://www.rainforestnet.com/datetimepicker.htm

ClockPick - a jQuery timepicker plugin

From: http://www.oakcitygraphics.com/jquery/clockpick/trunk/ClockPick.cfm

bSpace (Sakai) Date Picker

RSF Date Picker

See working example here: http://ponder.org.uk/RSFComponents-test/faces/test-components-index

Obout Date Picker

Allows selection of the entire week.

From: http://www.obout.com/calendar/calendar_datepicker.aspx

Zimbra Date Picker

Karamasoft UltimateCalendar - ASP.NET Calendar & Date Picker 1.0

XE Date Control 1.0

Time Date Picker ActiveX (OCX) 1.0

From: http://wareseeker.com/screenshot/time-date-picker-activex-ocx-1.0.exe/383762

Java-Swing Date Time Selector

See working example here: http://www.lavantech.com/datetimepicker/demo/

Oracle Calendar Date & Time pickers

NoGrey Time Picker

See working example here: http://www.nogray.com/time_picker.php

jQuery Time Pickers

From: http://haineault.com/media/jquery/ui-timepickr/page/#d-demo-wrapper-1

BackPackIt.com Date entry

Remember the Milk Date Format question

1 Comment

  1. Anonymous

    michael kors outlet michael kors handbags outlet michael kors bags outlet michael kors handbags for outlet outlet michael kors free shipping michael kors wholesale outlet michael kors wallet outlet michael kors canada outlet http://www.blueridgecamp.com/?tag=michael+kors+outlet http://www.blueridgecamp.com/?tag=michael+kors+handbags+outlet http://www.blueridgecamp.com/?tag=michael+kors+bags+outlet http://www.blueridgecamp.com/?tag=michael+kors+handbags+for+outlet http://www.blueridgecamp.com/?tag=outlet+michael+kors+free+shipping http://www.blueridgecamp.com/?tag=michael+kors+wholesale+outlet http://www.blueridgecamp.com/?tag=michael+kors+wallet+outlet http://www.blueridgecamp.com/?tag=michael+kors+canada+outletjtGekLqxLi