为什么我没有使用 p-calendar [PrimeNG] 获得正确的样式

Question

我正在学习 Angular。 我正在做一个项目。 我决定从primeng添加一个<p-calendar>组件。 我也安装了软件包。 版本是：

"primeicons": "^2.0.0",
"primeng": "^5.2.7",

我得到了完美的一切。 看到这个：

但现在我只想得到几个月的时间。 我想将其更改为月份选择器。 在做了一些研究之后，我才知道那个月只有选择器在primeng: ^5.2.7 。 所以我升级到：

"primeicons": "^2.0.0",
"primeng": "6.1.6",

我还将这些属性添加到<p-calendar>标签：

view="month" dateFormat="mm/yy"

组件工作正常。 但是为什么我失去了所有的造型。 那些圆圈和 hover 效果等。见：

老实说，我不太擅长 css 和造型。 请帮忙。

我的angular.json ：

"styles": [
    "src/styles.scss",
    "node_modules/primeng/resources/primeng.min.css",
    "node_modules/primeicons/primeicons.css",
    "node_modules/bootstrap/dist/css/bootstrap.min.css"
]

有什么方法可以编辑或覆盖设计。

Answer 1

https://www.primefaces.org/primeng/#/setup

尝试在 styles 数组中添加主题：-

angular.json

"styles": [
   "node_modules/bootstrap/dist/css/bootstrap.min.css",
   "node_modules/primeng/resources/primeng.min.css",
   "node_modules/primeng/resources/themes/omega/theme.scss",
   "node_modules/primeicons/primeicons.css"
]