NumberInput content is replaced with -9007199254740991 on blur when content is '-'

[jlfwong]

Description

When I create a <NumberInput> component, input a single '-' and blur the field, the content becomes -9007199254740991. I'd expect it to either stay as '-', change into a 0, or revert to the previous valid numeric input.

Link to Reproduction

https://codesandbox.io/p/sandbox/goofy-currying-f8sw7q

Steps to reproduce

1. Open code sandbox
2. Focus number input
3. Enter a single '-' into the number input
4. Blur the field

Chakra UI Version

2.8.2

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[jlfwong]

Hm, I guess this is technically not a bug, but this seems like extremely unexpected behavior to have by default. It seems like this is clamping on blur to the default min/max values:

From the docs:

These props defaults to Number.MIN_SAFE_INTEGER and Number.MAX_SAFE_INTEGER . If they do not match your requirements you can use other Number properties as min or max.