date picker not appearing when cursor is put in te

Question

I have two date pickers appearing when green color is clicked, but when i am putting mouse cursor on those two text boxes, then nothing appears, only after clicking image/green color date picker is appearing. What modification should i do?

In this below fiddle automatically date picker is appearing when cursor is put:

http://jsfiddle.net/cBwEK/

I want to add the above function in below fiddle:

http://jsbin.com/unosar/19/edit#javascript,html,live

I am trying but nothing happens. Any solution please

EDIT: BOTH THESE ABOVE EXAMPLES USE SAME css/js/mootools SCRIPTS

Answer 1

The code in the two examples are different. Try to set up an example that is more like your real code. Try to do the same thing in the 2nd example:

new DatePicker('.picker', {
     pickerClass: 'picker ',
    allowEmpty: true
});

​

Answer 2

Add an click event on the textboxes:

$$('.date').addEvent('click', function() { 
      dp.show(); 
});