Bug: When calendar is closed by clicking cancel button, It should be focus out

[walt1992]

I'm submitting a ... (check one with "x")

[x] bug report
[ ] feature request
[ ] support request => Please do not submit support request here, instead see

https://forum.primefaces.org/viewforum.php?f=57

Codesandbox Case (Bug Reports)

https://codesandbox.io/s/primereact-test-forked-v4c84?file=/src/index.js

Current behavior

when the calendar is open and closed by clicking clear button on footer, It is still stay focused.
So when a user click calendar input again, calandar not open if calendar input does not lose focus.
This leads bad user experience.

Expected behavior

Calendar input should be lose focus when calendar panel is closed by clicking clear button on footer.

Minimal reproduction of the problem with instructions

1. render calendar with showButtonBar props is true
2. open calendar panel
3. close the panel by clicking cancel button positioned left clear
4. click calendar input again
5. check whether the calendar panel open or not

Please tell us about your environment:

mac os 12.1, vscode

• React version:
  16.6

• PrimeReact version:
  7.2

• Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

all

• Language: [all | TypeScript X.X | ES6/7 | ES5]

all