Javascript Date/Time Picker

I've done some playing around with HTML 5 elements for storing a datetime (input type="datetime") which semantically is what we want (I think). Unfortunately, the user interface is dreadful at the moment, the spec requires the field contain values like "1990-12-31T23:59:60Z" which is a really hard format for anyone to type from memory. Opera 9+ provides a built in date & time picker to help select a value, but all the other browsers just render a text box. I haven't seen any signs of support coming soon from other browsers.

There are some javascript libraries that will enhance a type="date" field to use a pretty date picker, but I haven't seen any JS libraries to enhance the markup of a datetime box.

This leads me a few ideas:
1. Ignore semantics and just use a type="text" box.
2. Use type="datetime" and write some JS to merge in with one of the date pickers.
3. Use both type="date" and type="time" boxes, kind of like Concerto 1. We could mark them up independently.

We did something like this for the Locale project I worked on last semester at RPI. We basically had separate date and time pickers and merged the selections into a single datetime object. I believe the merge was done in Ruby (I have code lying around for this somewhere).

I have attached an L2 mockup of Add Graphics Content. Under Basic Details, you can see separate selectors for date and time. Basically, I wanted to default the time to 12:01 am / 11:59 pm like we did in Concerto 1, and allow users to click the button to select both date and time. We can have nice selectors for each. Then we just merge the result together into a datetime object and store it.

(from [99b6fba11388ccd3fd933712339e6786d144eb2e]) finishing touches on datetime [#92 Javascript Date/Time Picker state:resolved] http://github.com/wtg/concerto/commit/99b6fba11388ccd3fd933712339e6...