DateInputJS: The Fantastic Date Control

DateInputJS in action

One of the nice things I put together while I was working on
MemberHub.com was a LowPro
and Prototype-based date input control. Today, Five Points Solutions (aka
MemberHub) has released it as open source:

http://github.com/fivepointssolutions/dateinputjs

It’s fairly easy to use. Just wire it on to text field that you would like to
turn into a date input control and the DateInputBehavior does the rest. A
simple line like this:

Event.addBehavior({'input.date': DateInputBehavior()});

…will unobtrusively
wire it onto all input controls with a class of “date”. It’s pretty slick. I’m
sure you will like it.

Dan Webb (of LowPro fame) actually wrote a good portion of the code. We
discovered
date_selector.js
in the LowPro repository, found that it was about half of what we wanted, and
were able to modify it to suit our needs. Dan’s original version didn’t allow
the calendar portion to drop down or provide easy access for jumping forward
to another year or month. We added these features, styled it up rather nicely,
and have packaged the whole thing up in a nice little project on GitHub.

I, for one, am very grateful that Five Points has released their version as open
source. I have plans to see that it gets integrated into a little
CMS
that I’m working on.