Mascara de data na página jsf

Boa tarde.
Preciso colocar um mascara no campo data de minha página jsf mas não sei como fazer.Vou postar meu código para darem uma olhada.
Onde eu posso implementar e como faço?Tem que baixar algum .jar?Agradeço a todos.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">

<h:head>

	<h:outputStylesheet name="css/bootstrap.css" />
	<h:outputStylesheet name="css/bootstrap.min.css" />


	<title>Cadastro de alunos</title>
	
</h:head>
<body>


	<div>

		<ul class="nav nav-tabs">
			<li role="presentation"><a href="login.jsp">Home</a></li>
			<li role="presentation" class="active"><a href="cadAluno.xhtml">Alunos</a></li>
			<li role="presentation"><a href="cadTurma.xhtml">Turmas</a></li>
			<li role="presentation"><a href="cadMatricula.xhtml">Matrículas</a></li>
			<li role="presentation"><a href="cadFrequencia.xhtml">Frequência</a></li>
		</ul>
		<H1>Cadastro de alunos</H1>

		<h:form>



			<h:inputHidden value="#{cadAlunoMB.codigo}"></h:inputHidden>
       
       Nome:
       <h:inputText value="#{cadAlunoMB.nomeAluno}" name="nome" />
       Data do nascimento:
       <h:inputText for="data" id="dataNasc"
				value="#{cadAlunoMB.dtNascimento}" name="dataNascimento">

				<f:convertDateTime type="date" />
				<f:convertDateTime for="dataNasc" pattern="dd/MM/yyyy"
					timeZone="America/Sao_Paulo"></f:convertDateTime>

			</h:inputText> 
       
       
       Documento de identificação:
       <h:inputText value="#{cadAlunoMB.docIdentificacao}"
				name="docIdentificacao" />



			<h:commandButton styleClass="btn btn-danger" action="#{cadAlunoMB.gravarAluno}" value="Gravar" />



			<div class="container">
				<h:dataTable styleClass="table table-striped"
					value="#{cadAlunoMB.listaAluno}" var="aluno">


					<h:column>

						<f:facet name="header">Nome</f:facet>
						<h:outputText value="#{aluno.nomeAluno}" />

					</h:column>

					<h:column>

						<f:facet name="header">Data de nascimento</f:facet>
						<h:outputText id="dataNasc" value="#{aluno.dtNascimento}">

							<f:convertDateTime for="dataNasc" pattern="dd/MM/yyyy"
								timeZone="America/Sao_Paulo"></f:convertDateTime>

						</h:outputText>

					</h:column>

					<h:column>

						<f:facet name="header">Identificador</f:facet>
						<h:outputText value="#{aluno.docIdentificacao}" />

					</h:column>

					<h:column>


						<f:facet name="header">Excluir</f:facet>
						<h:commandLink
							onclick="if(!confirm('Deseja realmente excluir?')){return false}"
							action="#{cadAlunoMB.excluir(aluno)}">Excluir</h:commandLink>



					</h:column>



					<h:column>


						<f:facet name="header">Editar</f:facet>
						<h:commandLink action="#{cadAlunoMB.editar(aluno)}">Editar</h:commandLink>



					</h:column>











				</h:dataTable>

			</div>












		</h:form>
	</div>

</body>
</html>
Topicos relacionados
