Render full calendar scheduler on primefaces layout
<p>I am unable to render full calendar scheduler on primefaces center layout. I have included following .js in my index.xhtml</p>

<pre><code>&lt;h:outputStylesheet library="css" name="fullcalendar.min.css"/&gt;  
&lt;h:outputStylesheet library="css" name="scheduler.min.css"/&gt;
&lt;h:outputScript library="js" name="jquery.min.js" target="head"/&gt;
&lt;h:outputScript library="js" name="moment.min.js" target="head"/&gt;
&lt;h:outputScript library="js" name="full.min.js" target="head"/&gt;
&lt;h:outputScript library="js" name="scheduler.min.js" target="head"/&gt;
&lt;h:outputScript library="js" name="myScheduler.js" target="head"/&gt;
</code></pre>

<p>In "myScheduler.js" I have:</p>

<pre><code>$(document).ready(function () { // document ready

jQuery('#calendar').full({
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
</code></pre>

<p>and I am using fullcalender scheduler <code>&lt;div&gt;</code> under primefaces center layout in body of index.xhtml like below:</p>

<pre><code>&lt;p:layoutUnit position="center"&gt;
            &lt;h:panelGroup layout="block"&gt;
                &lt;div id='calendar'/&gt;
            &lt;/h:panelGroup&gt;                  
        &lt;/p:layoutUnit&gt; 
</code></pre>