Primefaces: How To Change The Default Icon On The Button Of The Calendar Field?

In Primefaces, how do I change the icon that is being used by the button of the calendar field? For example, in the following field

Solution 1:

try this

.ui-icon-calendar {
    background-image: <your URL> !important;
    background-position: center center !important;
    width: 16px;
    height: 16px;
}

Share