datepicker.html


<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/cupertino/jquery-ui.css" rel="stylesheet" type="text/css"/>
  
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
  
  <script type="text/javascript" src="http://dynobox.googlecode.com/files/jquery.dynobox.0.8.js"></script>
  <style>
  	#search {background: url('images/ico_search.gif') center right no-repeat;}
  </style>
  
  <script>
  $(document).ready(function() {
    $("#datepicker").datepicker();
    
    $('#search').dynoBox();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div>

<input type="text" id='datepicker'>


<input type="text" id='search', title="this is random title text">


</div>

</body>
</html>