Calendar: React Hook Form Demo

[andreluisos]

Describe the bug

When controlling the component with useForm (react-hook-form), if default value is set to empty string, instead of null, and showOnFocus is off, the field won't input data properly.

Reproducer

https://codesandbox.io/s/practical-bhaskara-dgq2g1

PrimeReact version

8.3.0

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

1. Component must be under control of react-use-form (not sure if the same would happen with another librabry).
2. Set the field's default value to empty string ('').
3. set showOnFocus={false}.

Expected behavior

Proper data input.

[melloware]

@andreluisos did you really mean to close this?

[andreluisos]

@andreluisos did you really mean to close this?

I wasn't sure because documentation says default value for Calendar is null.

[melloware]

It works for me see my demo: https://codesandbox.io/s/angry-shadow-ru4ix2?file=/src/demo/ReactHookFormDemo.js

I updated your Sandbox and had to add rules={{ required: "Birthday is required." }} ??

It works with date="" or date=null

[andreluisos]

It works for me see my demo: https://codesandbox.io/s/angry-shadow-ru4ix2?file=/src/demo/ReactHookFormDemo.js

I updated your Sandbox and had to add rules={{ required: "Birthday is required." }} ??

It works with date="" or date=null

Apparently, mask is also required to trigger the issue.

Add mask="99/99/9999" to your sandbox or check this one https://codesandbox.io/s/practical-bhaskara-dgq2g1 (I updated it).

[melloware]

Yep duplicate of #2927 subscribe to that issue