Calendar: Input Mask Requires Second Click to Activate on Input Fields

[im-asad]

Describe the bug

When interacting with date input fields in specific areas of the application, the date mask does not appear or apply on the first click. Users are required to click the input field twice to see the date mask or for it to activate correctly.

Reproducer

https://stackblitz.com/edit/rjd1uagh?file=src%2FApp.jsx

System Information

primereact: 10.8.5
react: 18.2.0

Steps to reproduce the behavior

1. Click once which would show the date picker
2. Click again to see the input mask

Expected behavior

It seems like the date picker requires two clicks, the first one is being used to make the picker visible and then the second one is used to focus the input field. Maybe it would be ideal to have one click which opens the picker and focuses the input field.