Question

Possible Duplicate:
How to resize the jQuery DatePicker control

Please tell me how to change the size of the jquery ui datepicker. My default datepicker width and height are close to 308px and 285px. This is too large for my page. Please tell me how to re size it?. Why it become that much large? I only did copying and pasting the code and replace css and js files in to relevant places.

<link rel="stylesheet" type="text/css" href="./css/ui/jquery.ui.all.css">   

<script src="./js/jquery-1.5.1.js"></script>    
<script src="./js/ui/jquery.ui.core.js"></script>
<script src="./js/ui/jquery.ui.widget.js"></script>
<script src="./js/ui/jquery.ui.datepicker.js"></script>

Thank you.

Answer 1

$('div.ui-datepicker').css({
   font-size:10px;
});

increasing the font size will increase the overall size of the datapicker.