title: JQuery Datepicker only showing when no jquery stylesheet included
body: <p>I have datepicker configured to use on my page.. and if I don't add a jquery theme, the datepicker shows..  </p>
  
  <p>Problem is that when I add a jquery theme ( such as ui-lightness), the datepicker doesn't show anymore. I can see in firebug that the datepicker is there, but it doesn't show!!</p>
  
  <p>I use <code>$this-&gt;Jquery()-&gt;addStylesheet('path');</code> to add the stylesheet and when I check browser source code, the stylesheet is present.. </p>
  
  <p>I already removed all other css to check if it was an interference issue, but without luck.</p>
  
  <p>help?</p>
  
  <p>Question expanded:</p>
  
  <p>working in a cms from the book Apress Pro Zend Framework Techniques - build full CMS.</p>
  
  <p>Datepicker is initialized through following files :</p>
  
  <p>bootstrap.php</p>
  
  <pre><code>$view-&gt;addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");
  </code></pre>
  
  <p>layout.phtml</p>
  
  <pre><code>echo $this-&gt;jQuery();
  </code></pre>
  
  <p>With only these commands I get a full working datepicker, only in a very basic layout.
  When I add a stylesheet through:</p>
  
  <p>layout.phtml</p>
  
  <pre><code>$this-&gt;headLink()-&gt;prependStylesheet('js/jQuery/css/ui-darkness/jquery-i-1.8.9.custom.css') echo $this-&gt;headLink();
  </code></pre>
  
  <p>The datepicker is still on the page, but no longer visible.
  I tried reffering to the custom jquery.ui js in layout.phtml through</p>
  
  <pre><code>$this-&gt;headScript()-&gt;appendFile('js/jQuery/js/jquery-ui-1.8.9.custom.min.js'); echo $this-&gt;headScript();
  </code></pre>
  
  <p>but with no result... in both cases the css and js files are there in source code. so no broken links.  I commented out all css-links, so I'm sure there's no interference.</p>
  
  <hr>
  
  <p>Question expanded:</p>
  
  <p>working in a cms from the book Apress Pro Zend Framework Techniques - build full CMS.</p>
  
  <p>Datepicker is initialized through following files :</p>
  
  <p>bootstrap.php</p>
  
  <p>$view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");</p>
  
  <p>layout.phtml</p>
  
  <p>echo $this->jQuery();</p>
  
  <p>with only these commands I get a full working datepicker, only in a very basic layout.</p>
  
  <p>When I add a stylesheet through:</p>
  
  <p>layout.phtml</p>
  
  <p>$this->headLink()->prependStylesheet('js/jQuery/css/ui-darkness/jquery-i-1.8.9.custom.css')
  echo $this->headLink();</p>
  
  <p>the datepicker is still on the page, but no longer visible.</p>
  
  <p>I tried reffering to the custom jquery.ui js in layout.phtml through</p>
  
  <p>$this->headScript()->appendFile('js/jQuery/js/jquery-ui-1.8.9.custom.min.js');
  echo $this->headScript();</p>
  
  <p>but with no result.. </p>
  
  <p>in both cases the css and js files are there in source code. so no broken links.</p>
  
  <p>I commented out all css-links, so I'm sure there's no interference.</p>