Change the sytle of datepicker using jquery-ui

How can I change the style 开发者_JAVA技巧of the calender using the css files of jquery-ui?

<input type="text" id="dob"/>

here is the script

$(document).ready(function(){    
$("#dob").datepicker();
});

here's the example http://jsfiddle.net/zncSh/2/ ?

how can I format it to be like this http://jqueryui.com/demos/datepicker/ ??

where should I add the css class ?

You want to link to a theme file, either to one of the preset ones or use the theme roller to create one. You should have a read at how jQuery UI themes work.

Here's the post that list the remote repositories: Downloading jQuery UI CSS from Google's CDN

I modified your jsfiddle to include the base theme: http://jsfiddle.net/zncSh/3/