InputNumber Increment/Decrement Disabled Style Bug

[Joebeurg]

Describe the bug

After the update to PrimeNg v18, the Input Number component no longer shows the increment/decrement buttons as disabled, only the input.

The buttons can still be focused and clickable, even though functionality is not triggered when clicked, but they are misleading and should be styled as before with lower opacity (0.6), pointer-events: none, and cursor: default.

Primeng v17:
https://stackblitz.com/edit/dgmwhhmz?file=src%2Fapp%2Finput-number-buttons-demo.html

PrimeNg v18:
https://stackblitz.com/edit/qfymj4qd?file=src%2Fapp%2Finput-number-buttons-demo.html

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/qfymj4qd?file=src%2Fapp%2Finput-number-buttons-demo.html

Environment

Ubuntu 24.10

Angular version

18.2.10

PrimeNG version

v18 (LTS Only)

Node version

20.18.1

Browser(s)

Edge and Chrome 131

Steps to reproduce the behavior

Set [disabled]="true" and [showButtons]="true" on the input number component, both modes (stacked, or horizontal)

Expected behavior

Increment/decrement buttons should be disabled when the input number component has the disabled attribute set to true.