DatePicker: Styles not working

[aaron-za-dev]

Component is displayed incorrectly after upgrading to version 19

Primeng v19

After update to Primeng v18.0.1

Primeng v18.0.0

Environment

Using:

• @primeng/themes: 19.0.0 - 18.0.1
• primeng: 19.0.0 - 18.0.1
• tailwindcss": "^3.4.17

Reproducer

https://primeng.org/datepicker

Angular version

19.0.5, 18.0.1

PrimeNG version

19.0.0, 18.2.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.11.0

Browser(s)

Any

Steps to reproduce the behavior

1. Go to https://primeng.org/datepicker
2. Click on any datepicker

Expected behavior

The component should be displayed correctly

[imaksp]

This is looking bad, did you find any workaround for this?

[mligtenberg]

Adding the following CSS to your main styles.css (or scss, or sass) seems to fix it for me:

.p-datepicker .p-datepicker-panel:not(.p-datepicker-panel-inline) {
    position: absolute;
}