Component: calendar component doesn't display the clear icon properly in certain conditions - Githubissues

primefaces / primeng

The Most Complete Angular UI Component Library

https://primeng.org

Other

10.28k stars 4.56k forks source link

Component: calendar component doesn't display the clear icon properly in certain conditions #15843

Open abhijit-chikane opened 3 months ago

abhijit-chikane commented 3 months ago

Describe the bug

with IconDisplay 'input' shows incorrectly Calendar having both input icon and clear icon does not show properly

with IconDisplay 'button' it works properly

Environment

Angular 17 project

Reproducer

Angular version

17.2.0

PrimeNG version

17.18.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.9.0

Browser(s)

Edge 126

Steps to reproduce the behavior

set both <p-calendar [showIcon]="true" [iconDisplay]="'input'" [timeOnly]="true" hourFormat="12" [showClear]="true" />

Expected behavior

it should show the icon's properly

SoyDiego commented 3 months ago

The same issue was reported here: https://github.com/primefaces/primeng/issues/15834