P:calendar nao funciona

Front-end
#1

ola, estou com um probleminha, o calendar do primefaces nao quer funcionar se estiver dentro do meu template ui:define, alguem sabe se isso eh bug do jsf+primfaces? to usando o jsf 2.2 e primefaces 5.1

#2

Tambem estou com este mesmo problema:

Minha pagina:

<?xml version="1.0" encoding="UTF-8"?>

Enviar Arquivo

Número do documento
Descrição 
                        <div class="form-group">
                            <label for="valorDocumento">Valor</label>
                            <h:inputText value="#{documentoCadastroBean.documento.valor}"  class="form-control" id="valorDocumento" />
                        </div>
                        <div class="form-group">
                            <label for="vencimentoDocumento">Vencimento</label>
                            <p:calendar value="#{documentoCadastroBean.documento.vencimento}"   pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo"  locale="pt_BR"   id="vencimentoDocumento" />
                        </div>

                        <div class="form-group">
                            <label for="dtInicialDocumento">Data Inicial</label>
                            <p:calendar value="#{documentoCadastroBean.documento.periodo_inicial}"  pattern="dd/MM/yyyy" showOn="button" 
                                        timeZone="America/Sao_Paulo" locale="pt_BR"   id="dtInicialDocumento" />
                        </div>

                        <div class="form-group">
                            <label for="dtFinalDocumento">Data Final</label>
                            <p:calendar value="#{documentoCadastroBean.documento.periodo_final}"  pattern="dd/MM/yyyy" timeZone="America/Sao_Paulo" locale="pt_BR"   id="dtFinalDocumento" />
                        </div>
                        <div class="form-group">
                            <label for="tipoDocumentoDocumento">Tipo de Documento</label>
                            <h:selectOneMenu class="form-control" id="tipoDocumentoDocumento" 
                                             value="#{documentoCadastroBean.documento.tipo_documento}" converter="omnifaces.SelectItemsConverter">
                                <f:selectItems value="#{documentoCadastroBean.listarTipoDocumento}"
                                               var="tipoDocumento" itemValue="#{tipoDocumento}" itemLabel="#{tipoDocumento.descricao}"/>
                            </h:selectOneMenu>
                        </div>
                        <div class="form-group">
                            <label for="entidadeDocumento">Entidade</label>
                            <h:selectOneMenu class="form-control" id="entidadeDocumento" 
                                             value="#{documentoCadastroBean.documento.entidade}" converter="omnifaces.SelectItemsConverter">
                                <f:selectItems value="#{documentoCadastroBean.listarEntidade}"
                                               var="entidade" itemValue="#{entidade}" itemLabel="#{entidade.nome}"/>
                            </h:selectOneMenu>
                        </div>
                        <h:inputFile value="#{documentoCadastroBean.file}"  class="form-control" id="documentoDocumento" />
                        <h:commandButton value="Salvar" class="btn btn-primary" actionListener="#{documentoCadastroBean.salvar()}"/>
                    </h:form>
                </div>
            </div>
        </div>
    </ui:define>
</ui:composition>

Meu template:

<?xml version="1.0" encoding="UTF-8"?>
Must - Sistema de Documentos 
        <style type="text/css">
            .ui-growl {
                top: 30%;
            }
        </style>

        <script type="text/javascript">
            // INICIO FUNÇÃO DE MASCARA MAIUSCULA
            function maiuscula(z) {
                v = z.value.toUpperCase();
                z.value = v;
            }
            //FIM DA FUNÇÃO MASCARA MAIUSCULA
        </script>
    </h:head>
    <h:body>
        <p:growl id="mensagem"  autoUpdate="true" />
        <div id="top_bar">
            <ui:insert name="top_bar">
                <ui:include src="/restrito/top_bar.xhtml"/>
            </ui:insert>
        </div>
        <div id="conteudo">
            <ui:insert name="conteudo">

            </ui:insert>
        </div>
        <script src="../publico/resource/bootstrap/js/jquery-3.2.1.min.js" type="text/javascript"></script>
        <script src="../publico/resource/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    </h:body>
</f:view>
#3

Jovens… consegui resolver utilizando o post: http://www.guj.com.br/t/p-calendar-nao-abre-popup-jsf/344855 do Jonatas. o problema era devido a um conflito com JS do JQuery.