PrimeNG I18N API with ngx-translate

app.component.html

<div class="p-d-flex p-ai-center p-jc-between p-mt-3">
    <div class="p-col-6">
        <h2 class="p-ml-3">{{ 'demo.greetings' | translate }}</h2>
    </div>
    <div class="p-d-flex p-col-6 p-jc-end">
        <div class="p-mr-3">
            <p-radioButton (ngModelChange)="changeLang($event)" name="language" value="en" [(ngModel)]="lang"
                inputId="en"></p-radioButton>
            <label class="p-ml-1" for="en">{{ 'demo.en' | translate }}</label>
        </div>
        <div class="p-mr-3">
            <p-radioButton (ngModelChange)="changeLang($event)" name="language" value="fr" [(ngModel)]="lang"
                inputId="fr"></p-radioButton>
            <label class="p-ml-1" for="fr">{{ 'demo.fr' | translate }}</label>
        </div>
    </div>
</div>

<div class="p-fluid p-formgrid p-grid p-jc-center p-mt-3 p-mr-0">
    <div class="p-col-6">
        <div class="p-field p-col-12">
            <label for="date">{{ 'demo.date' | translate }}</label>
            <p-calendar inputId="date" [(ngModel)]="date"></p-calendar>
        </div>
    </div>
</div>