Primeng: width for calendar component

[glivolsi]

Please add the witdh property to inputfield of calendar control to correctly size it forms

[bella92]

Yeah, I have problems setting it's width, too :(

[nicovanbelle]

+1. I have a solution for global component width settings, but that is not desired.

[greggalbreath]

+1

[cagataycivici]

inputStyle and inputStyleClass can help;

<p-calendar [inputStyle]="{'width':'100px'"} ...

[Ganeshpoloju]

[villanuevacarlos14]

if you want to use percentage,

[watkinst]

Using PrimeNG version 5.2.6, I ended up needing only:

[AnkitBajpaii]

Using [inputStyle]="{'width':'100px'}" on p-calendar worked for me.

[kraravind167]

input style , style class is not working for me

[kraravind167]

at some threshold size it's forcestopping to reduce

[vijayragaw]

is thare any possible to change p-calender size

[vijayragaw]

i want to change calender not input field

[PiyushDangre]

How do I change the calendar width? not the input field width.

[nugrohotanjo]

how to change calendar size? it's to big..

[alwinaugustin]

any solutions ?

[dhuebes]

Probably you are using appendTo="body", unless it was my case.
It's change the context of monthpicker. To fix, I used a div in appendTo.

[velykov]

No solution?

[had99]

Anyone has a solution yet?