Estou utilizando o componente calendar
do Primefaces
, porém estou com dificuldade para sobrescrever o CSS
do mesmo.
Segue meu código no xhtml
:
<h:panelGrid columns="2" columnClasses="col one, col one">
<h:outputLabel value="Data Início:"
styleClass="label" style="width: 50% !important" />
<h:outputLabel value="Data Fim:"
styleClass="label" style="width: 50% !important" />
<p:calendar pattern="dd/MM/yyyy" mode="popup" required="true"
showOn="button" popupIconOnly="true"
value="#{bean.entidade.dataIni}" locale="pt_BR"
showButtonPanel="false" readonlyInput="true"
maxlength="10" />
<p:calendar pattern="dd/MM/yyyy" mode="popup" required="true"
showOn="button" popupIconOnly="true"
value="#{bean.entidade.dataFim}" locale="pt_BR"
showButtonPanel="false" readonlyInput="true"
maxlength="10" />
</h:panelGrid>
Meu problema está em que estou setando um estilo style="width: 50% !important"
que não é aplicado, e os dois componentes calendar
ficam um abaixo do outro.
Obs: o CSS
col one é p seguinte:
.col.one,.col.one * {
width: 900px;
}