Datepicker icon trigger problem

Datepicker icon trigger problem

Hi guys
I am having problem displaying the icon trigger of the datepicker on my xhtml page
my xhtml is using Primefaces and only the datepicker is jQuery
my code is 
  2. <p:inputText id="date" name="date" value="#{indexBean.searchCriteria.date}"
  3. label="Date" validator="#{indexBean.validateDate}">
  4. <p:watermark value="eg: 01/01/2013" for="date" />
  5. </p:inputText>
  6. <script type="text/javascript" >
  7. jQuery(function() {
  8. jQuery("#date").datepicker(
  9. { minDate : "#{indexBean.searchCriteria.mindate}", maxDate : "#{indexBean.searchCriteria.maxdate}",                 dateFormat : "dd/mm/yy", showOn : "button", buttonImage : "/style/images/calendar.png", buttonImageOnly : true });
  10. });
  11. </script>
      The <head> of my Xhtml has:
  2. <f:facet name="first">
  3. <meta http-equiv="X-UA-Compatible" content="IE=8" />
  4. </f:facet>

  6. <title>DERT</title>

  8. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css"></link>
  9. <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  10. <link type="text/css" rel="stylesheet"
  11. href="#{request.contextPath}/style/theme.css"></link>
  12. <link type="text/css" rel="stylesheet"
  13. href="#{request.contextPath}/style/babl.css"></link>
  14. <link type="text/css" rel="stylesheet"
  15. href="#{request.contextPath}/style/dert.css"></link>
Is there anything missing????
Thanks in advance
Cheers
Rana