HTML Centralizar Texto <p:calendar Primefaces

Marcus Vinicius Costa · 15 de fevereiro de 2023

Olá.
alguém sabe como centralizo o texto que no caso seria a dara dentro de <p:calendar, ja tentei algumas formas mas não deu certo

<p:calendar id="nascimento" value="#{comprasMB.data}"
								pattern="dd-MM-yyyy" mask="true" locale="pt_BR"
								style="font-size: 12pt !important;"/>

Carloslecker · 15 de fevereiro de 2023

Tente isso:

<div style="text-align: center;"> 
  <p:calendar id="nascimento" 
              value="#{comprasMB.data}" 
              pattern="dd-MM-yyyy" 
              mask="true" 
              locale="pt_BR" 
              style="font-size: 12pt !important;"/> 
</div>

Arrume a indentação.

Marcus Vinicius Costa · 16 de fevereiro de 2023

Fala Carloslecker, teste sua dica, mas não deu certo infelizmente

herbertbahia · 16 de fevereiro de 2023

Para centralizar a data exibida em um componente p:calendar do PrimeFaces, você pode adicionar o atributo inputStyle com a propriedade text-align: center;. Por exemplo:

<p:calendar id="nascimento" value="#{comprasMB.data}"
            pattern="dd-MM-yyyy" mask="true" locale="pt_BR"
            style="font-size: 12pt !important;"
            inputStyle="text-align: center;"/>