How can I customize the postion of the calendar when using a column filter of type date? My HTML looks like this:
<th pSortableColumn="timestamp">Change<p-sortIcon field="timestamp"></p-sortIcon>
<p-columnFilter type="date" field="timestamp" display="menu"></p-columnFilter>
</th>
I am fine with what the filter looks like. Except the calendar postion doesnt work for me. I have tried overriding the css in like this:
:host ::ng-deep {
.p-datepicker:not(.p-datepicker-inline) {
left: -163px;
}
}
But the rule doesnt even show up when inspecting the calender in the rendered site. Note: I do not necessarily have to change the postion using css. If there is some input value on the calender element itself, that would be fine as well.
