It's time to see our theme changes from the previous example applied to a date-picker widget:
Edit the
index.html
file created earlier and replace the content with the following:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Customizing Interaction Cues</title> <link href="jqueryui/development-bundle/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" /> <script src="jqueryui/js/jquery-1.5.x.min.js" type="text/javascript"></script> <script src="jqueryui/js/jquery-ui-1.8.x.custom.min.js" type="text/javascript"></script> <script src="index.js" type="text/javascript"></script> </head> <body style="font-size: 10px;"> <input id="my_datepicker" type="text"/> </body> </html>
Edit the
index.js
file created earlier and replace the content with the following:$...