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?
Changing the color of icon button in calendar
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
Sorry for the delayed response! Please use icon property of Calendar to change calendar icon. For location;
Best Regards,
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;
}
Github Profile: https://github.com/mertsincan