如何调整PrimeNg p-calendar的月份选择器位置至右侧？

要将p-calendar的月份选择器调整到右侧，只需通过自定义CSS修改日历头部的布局即可，具体实现方式如下：

• 定位日历头部及月份选择器的DOM类：PrimeNg日历头部的类为.p-datepicker-header，月份选择器的类为.p-datepicker-month-year
• 根据项目结构添加以下CSS代码（如果是Angular项目且开启了组件样式封装，需配合::ng-deep提升样式优先级）：

/* 将月份选择器推至头部右侧 */
::ng-deep .p-datepicker-header {
  display: flex;
  justify-content: flex-end;
}

/* 若需要保留左右切换箭头并调整到左侧，可追加该样式 */
::ng-deep .p-datepicker-prev, ::ng-deep .p-datepicker-next {
  position: absolute;
  left: 1rem;
}

如果希望头部元素在两端分布（箭头左、月份选择器右），也可以用更灵活的布局方式：

::ng-deep .p-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

以上样式可让月份选择器对齐到日历头部右侧，与目标效果一致。

内容的提问来源于stack exchange，提问作者bewa