Issue
I am using the p-calendar found on https://www.primefaces.org/primeng/calendar. I want to change the location of the date pickers for months to be on the right side like the shown screenshot. How can this be done?
Current Calendar:
Desired calendar:
Solution
To change the visual order around globally in your app, you can simply override the CSS style in your root style.css
.
style.css
.p-datepicker-header .p-datepicker-title {
order: 0
}
.p-datepicker-header . p-datepicker-prev {
order: 1;
}
.p-datepicker-header .p-datepicker-next {
order: 2;
}
Answered By - skouch2022
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.