<p>I'm new to this JSF world, please bear with me if I'm asking some silly thing</p>

<p>i'm using UI tags for my application and I have a scenario that I need to generate a calendar control to make the user to select the date I followed the ui tags documentation and wrote the code like this:</p>

<pre><code>  &lt;table width="100%"&gt;
    &lt;tr&gt;
    &lt;td&gt;
           &lt;ui:calendar binding="#{booking.calDate}"
           id="calDate"
          dateFormatPattern="dd/MM/yyyy" 
          label="Date ::"/&gt;
          &lt;/td&gt;
          &lt;/tr&gt;
     &lt;/table&gt;
</code></pre>

<p>and my backing bean contains</p>

<pre><code>  private Calendar calDate = new Calendar();  
</code></pre>

<p>with appropriate getters and setters</p>

<p>when I tried to load the page I'm getting the calendar component disorted.
I'm getting cross marks and nonsense things with some javascript errors.</p>

<p>please help me in resolving this issue</p>

<p>Thanks in anticipation</p>

The component  is coming from which JSF library?
In others words, what do you have at the beginning of your XHTML file?
The only  library I know is coming from
Facelets
, and it does not provide any  component!
In addition, if calDate is a **java.util.**Calendar class, then you cannot bind this class to a JSF component!
Maybe you can have a look to
Tomahawk
, or
Richfaces
, that provide good calendar component...