How to Override Button Bar Labels in PrimeNG Date Picker?

I'm using PrimeNG's <p-datepicker> component in my Angular application. My goal is to change the labels of the "Clear" and "Today" buttons in the button bar from English to Italian. Here is my current component setup:

<p-datepicker
formControlName="minDate"
inputId="minDate"
showIcon
inline
[maxDate]="maxDate"
[showButtonBar]="true"
[locale]="it"
/>


I have set [showButtonBar]="true" which displays the "Clear" and "Today" buttons. However, I need to change these labels to Italian.

For me, it is defined as:

it = {
today: 'Oggi',
clear: 'Svuota',
};


I followed the instructions in this StackOverflow question (How to change the 'Today' button label in primeng calendar), but it didn't work for my component. That question was about primeng calendar, not date picker but I tried anyway.

How can I override the labels of the "Clear" and "Today" buttons in the button bar of the component?

I'm using Angular 19.0.0 and PrimeNG 19.0.1.

Continue reading...