Componente dialog criado não abre

Front-end
#1

Boa tarde amigos,

Criei um componente em JSF para um dialog, no entanto no meu .xhtml não consigo abrir esse dialog. Vejam como eu fiz:

Criei meu componente que é uma Dialog 

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
<ui:component>
	<h:form>
		<p:dialog appendToBody="true" widgetVar="novoComponente" >
			<h:inputText id="#{id}" value="#{value}" required="true"
				requiredMessage="Este campo obrigatório" />
			<h:message for="#{id}" />
			<h:commandButton value="Enviar" />
		</p:dialog>
	</h:form>
</ui:component>
</html>

Criei um arquivo xml para declará-lo 

<?xml version="1.0"?>
<!DOCTYPE facelet-taglib PUBLIC "-//Sun Microsystems, Inc.//DTD Facelet Taglib 1.0//EN" "https://facelets.dev.java.net/source/browse/*checkout*/facelets/src/etc/facelet-taglib_1_0.dtd">
<facelet-taglib>
    <namespace>http://prog.tiago.com.br</namespace>
    <tag>
        <tag-name>novoPartidoFormX</tag-name>
        <source>novoPartido.xhtml</source>
    </tag>
</facelet-taglib>

O utilizei no meu xhtml principal 

<?xml version="1.0"  encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:prog="http://prog.tiago.com.br"
	template="/WEB-INF/templates/default.xhtml">


	<ui:define name="conteudo">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<h:form id="formPrincipal">
                        <prog:novoComponente id="novoComponente"  />
			<p:commandButton value="testar componente criado" onclick="novoComponente.show();" update="formPrincipal" />
		</h:form>
	</ui:define>
</ui:composition>

O problema é que quando clico no botão criado acima, o componente criado não abre. O que está errado?

Abraços.

#2