Wednesday, January 23rd, 2008>p>We’ve all seen variations on date selection components such as Marc Grabanski’s UI DatePicker and the very unique DateJS library. So it’s refreshing to see new ideas cropping up in this space.
…we present the sliding date-picker. This element enables you to pick dates with a simple slider bar. By dragging the bar over the time-line, the dates change instantly. Besides this, when the user decides to manually change the dates, the bar is automatically adjusted to the corresponding dates. As you are used to from us, the script is based on Prototype/Scriptaculous, but now combined with the very sexy DateJs library.
It’s a mix of Prototype/Script.aculo.us for the cool slider effect coupled with DateJS’ date string parsing capabilities. I think this is a novel method of choosing dates. One enhancement that would make it very cool would be to have the slider dynamically appear when an input field received focus or perhaps a user clicked on an icon next to the input field.
You can see the demo for the slider date picker here.