Ruby Weekly is a weekly newsletter covering the latest Ruby and Rails news.

Calendar Date Select: A Lightweight, Prototype-based Date/Time Picker for Rails Developers

By Peter Cooper / August 7, 2007


Calendar Date Select is a new(ish) "date and time picker", developed by Tim Harper, designed primarily for developers to use in Rails applications. It uses the standard Prototype JavaScript library, and is easily installed as a Rails plugin:

script/plugin install

Take a look at the collection of demos of the picker to see its full range.


  1. Matthijs Langenberg says:

    Looks useful to me, why is it actually ment to be used with Rails? It's just javascrip, right?

  2. Mark Thomas says:

    Kudos! It's about freakin' time someone created a Rails plugin, seeing as how there are so many standalone ones available. There's one that requires rails engines, but I've been trying to avoid that....

  3. Brian Lee says:

    I'm currently using it for my site - works pretty well so far

  4. Tim Harper says:


    There's a lot of people who use CalendarDateSelect just for the JavaScript component alone, and are having success with it.

    You can checkout the latest version of the JavaScript / css here:

  5. Hendy Irawan says:

    Very cool :-)

  6. Andy Martin says:

    Chris Petersen at the Assay Depot posted ActiveCalendar a while back that does a very similar thing. I haven't had a chance to dig under the hood with your plugin but it is great to have some more options! Thanks!

    fyi - Active Calendar is at

  7. Tim Harper says:

    ActiveCalendar is a great rails plugin. It's the underlying JavaScript code which is the fundamental difference between CalendarDateSelect and ActiveCalendar. The Dynarch Calendar JavaScript (ActiveCalendar) code has quite a few more features than CalendarDateSelect's prototype-based date picker. However, Dynarch also comes with it's own proprietary framework and is almost 5 times the size of CalendarDateSelect's CSS+JS code!

    If you are already using prototype, and you really only need a flexible Calendar Date Picker with the options of picking times, and running lightweight is important to you, Calendar Date Select is likely a perfect fit.

    However, if you value features like semantics, being able to drag the calendar, etc. and size/"page loading" speed is not important to you, Dynarch's calendar (ActiveCalendar) is a fantastic solution.

    The project's home page has a link to ActiveCalendar (along with many other date pickers), with a comparison chart of features/size.


Other Posts to Enjoy

Twitter Mentions