title: How to change width of a datatable column filter (calendar)?
body: <p>I have a problem with css class. I changed width with inspect element easily but I can't change it via style.css. Which class should I use?</p>
  
  <p><a href="https://i.stack.imgur.com/a3AkE.png" rel="nofollow noreferrer">datatable</a></p>
  
  <p><a href="https://i.stack.imgur.com/u0bxv.jpg" rel="nofollow noreferrer">inspect element code</a></p>
  
  <p>Code:</p>
  
  <pre><code>&lt;p:column id="dateFrom"  headerText="DATUM OD"
              filterBy="#{log.datumOd}" sortBy="#{log.datum_upisa}"&gt;
              &lt;f:facet   name="filter"&gt;
  
                  &lt;p:calendar  onkeyup="PF('loggerTable').filter()"
                      onchange="PF('loggerTable').filter()" id="from"
                      pattern="dd/MM/yyyy" widgetVar="dateFrom"&gt;
                      &lt;p:ajax  event="dateSelect" oncomplete="PF('loggerTable').filter()"
                          update="logsTable" /&gt;
                  &lt;/p:calendar&gt;
  
              &lt;/f:facet&gt;
              &lt;h:outputText id="datumOdZaBrisanje" value="#{log.datum_upisa}" /&gt;
  &lt;/p:column&gt;
  </code></pre>
  
  <p>Edited: <a href="https://i.stack.imgur.com/fXee5.jpg" rel="nofollow noreferrer">css edited with browser developer tool</a></p>
  
  <p>I want to set width: 95px. I have tried filterStyle, class, wrap it with a div, but nothing happens</p>