Mascara de data na página jsf

Front-end
#1

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.

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

<h:head>

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


<title>Cadastro de alunos</title>

</h:head>

<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>

[/code]