DatePicker

docs

Nothing fancy here. Just a MooTools version of a date picker. This has dependencies on our StickyWin class and our Date extension.

new DatePicker('dateExample', {
  additionalShowLinks:['dateExampleImg'],
  format: '%a, %b %d %Y'//Mon, Jan 01 2007
});

Here we have an example where we aren't showing the calendar at all, but we are using the class to help the user enter a valid date. Enter in a date using several different formats and you'll see it correct the entry when the input looses focus.

new DatePicker('dateExample2', {
  showOnInputFocus: false
});

Finally, here I have an example that combines DatePicker with FormValidator. Note that this example doesn't show the calendar on focus, but there's a calendar image. This is the usage that I think should be the default. It's not because I don't assume you're passing in a value for additionalShowLinks, but if you do, it's probably best to turn of the focus on show option.

new DatePicker('dateExample3', {
  showOnInputFocus: false,
  additionalShowLinks:['dateExampleImg3']
});
new FormValidator('datePickerValidated');

DatePicker has a lot of options, so be sure to dig into the docs.