« Dojomino 1.1-0 posted with Demo site | Main| Date Picker with Calendar Icon »

Simple Date Picker Demo added to Demonstration db

Category   
Bookmark : del.icio.us  Technorati  Digg This  Add To Furl  Add To YahooMyWeb  Add To Reddit  Add To NewsVine 

A quick entry today. We've done date pickers before, but the code's changed since previous Dojo versions. This demo is simple and on target for adding the required HTML attributes to your Notes date field so that you get a dojo date picker control on the web. It also supports validation of required or not required and can handle international date formats.

See the Demo application, or go straight to the Date Picker demo.

Comments

Gravatar Image1 - Good question. I don't know the answer off the top of my head, but I'll find out. P.S. I also posted the Time Picker Demo, I just didn't mention it here.

Gravatar Image2 - @Scott,

I have the updated DateTextBox with a calendar icon and will be blogging about it shortly.

Gravatar Image3 - I just saw the demo on the newer blog post... nice job folks!

Gravatar Image4 - Lance, nice demo!

I just demo'd this very feature, among several others, to my team today. Emoticon They really like the standard dojo picker.

However, in UI design their is a principal called affordance, which says that the controls should -look- like they can do what they are supposed to do.

The standard Dojo TextAreaDate box (if I remember the name right) doesn't show a picker icon which would make it obvious that it has a picker behind it.

Do you know any easy way to get it to do that--maybe there is an option I don't know about?

Otherwise, maybe one of my first attempts at extending a widget will be to add an appropriate date picker icon which gives that visual affordance of the inherent functionality.

---Scott

Gravatar Image5 - A couple of comments:

1. In Firefox, after picking a date, the calendar box is displayed in the bottom left corner for a fraction of a second before disappearing. It's just barely noticeable, and it doesn't happen in IE or Opera (or if it does, it's too fast to see).

2. Once a date is picked, it is impossible to pick another date while the input still has focus; one has to remove the focus by clicking elsewhere before the date picker will work again.

Gravatar Image6 - Hey Scott:

Great point. All of the "picker" widgets that do things other than let you just type text probably should also have some sort of "down arrow" kinda thing to show that you can interact with them in that way. I'm filing a bug to that effect:

{ Link }

Regards

Gravatar Image7 - @Scott,

There is potentially a style-sheet way of handling this until the Dojo team further enhances the widget.

If you look at the rendered date widget with Firebug, you'll see that there is a div where the validation icon ultimately gets displayed. When the field is not being validated, the icon is hidden. That could be changed to show a calendar icon the rest of the time. I'll look it over this weekend.

The alternative would be to extend the widget..."dojomino.dijit.DateTextBox" and provide an updated HTML template that includes the calendar icon.

@Alex,
Thanks for monitoring here! Did you happen to see Will's issue also?

@Will,
I'd noticed your 2nd issue also. I don't believe this has anything to do with the Dojo-Domino integration, but is a core issue with the Dojo widget itself. I'll check to see if a bug has been filed at Dojo, and if not, I'll file it.

Post A Comment

:-D:-o:-p:-x:-(:-):-\:angry::cool::cry::emb::grin::huh::laugh::lips::rolleyes:;-)