I have a datepicker control that is implemented via jQuery.
When you click on the text box control OR the calander icon image, the calendar pops up.
I want to make it so that ONLY the calendar icon image is clickable. Clicking on the text box should NOT invoke the calendar popup.
I tried setting "disabled" to true on mouseenter, but then I don't seem to be able to click the calendar image icon when I do that.
Here is a jsfiddle:
date picker popup
Here is the control as it currently functions
Notice that in Sample 2, clicking on the "clear" command DOES clear out the value of the input tag, but then for some reason the calendar pop up invokes. I don't want the calendar to pop-up. I just want to clear the text input value.
But when I click elsewhere to make the calendar pop up go away -- the date value comes back!!!!