Hi,
We have received and looked into the sample code you sent to us. The root of the problem is not the JavaScript code, but the sequence of the events that occured. Consider the following sequence:
1. User clicks the date picker drop down button;
2. Drop down is activated and the size of the drop down is calcuated, note at this moment the select element is empty;
3. You code fills the select element;
Step 3 causes the width of the select element to increase, which means the size calcuated on step 2 is now wrong, which causes both problems.
The solution is to make sure step 3 NOT to change the select element's size. The easiest way is to give the select a fixed size in your ClientTemplate:
Code: HTML/ASPX
<select style="width:80;px; ...." .....>
</select>
This should solve both problems for you.
Thanks