Changing the color of icon button in calendar

UI Components for React
Post Reply
Posts: 2
Joined: 30 Jun 2020, 23:02

09 Jul 2020, 02:40

Hello Prime React team,
We are trying to change the color and location of button in Calendar component. Currently, button in calendar are defaulted to right side, we would like to move it to left and also make color in the button. Can you please suggest how we can accomplish this?

Posts: 4345
Joined: 29 Jun 2013, 12:38

11 Oct 2020, 00:35


Sorry for the delayed response! Please use icon property of Calendar to change calendar icon. For location;

Code: Select all

.p-calendar.p-calendar-w-btn .p-inputtext {
    order: 2;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
.p-calendar.p-calendar-w-btn .p-datepicker-trigger {
    order: 1;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
Best Regards,

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests