How to change primeNG datatable p-column filter date format?

Issue

How and is it possible to change date format when filtering by date?

<p-columnFilter type="date" [field]="col.field" display="menu">

Default format is mm/dd/yyyy but I want to achieve dd/mm/yyyy

Solution

So far I haven't posted an answer so here is the one I managed to get it work. I've used pTemplate and inside a template I used p-calendar component to change date format.

<p-columnFilter [type]="col.type" [field]="col.field" display="menu" [showMatchModes]="true" [showOperator]="false" [showAddButton]="false">
     <ng-template pTemplate="filter" let-value let-filter="filterCallback">
          <p-calendar #calendar [ngModel]="value" (onSelect)="filter(calendar.value)" (onInput)="setup(calendar.value, col.field)" dateFormat="dd.mm.yy"></p-calendar>
     </ng-template>
</p-columnFilter>

and in typescript I setup a filter value using ViewChild on table like this:

@ViewChild("dt") dataTableComponent: Table;

setup(value, id){
   if(value != null)
     this.dataTableComponent.filters[id][0].value = value;
 }

Answered By - Kruno