[feat]: input number

[zhouzi]

Feature description

The browser's input[type=number] is quite bad in terms of user experience.

And implementing a proper one is not trivial.

It would be ideal for shadcn/ui to provide one.

Affected component/components

Input, Form

Additional Context

Radix doesn't have a number field yet, it's being tracked in this issue:

• https://github.com/radix-ui/primitives/issues/2213

Other popular libraries do have it, for example:

• https://mui.com/base-ui/react-number-input/
• https://react-spectrum.adobe.com/react-spectrum/NumberField.html
• https://mantine.dev/core/number-input/

React Aria's NumberField page is a great summary of all the intricacies and references the W3C's specs:

• https://react-spectrum.adobe.com/react-aria/NumberField.html

I found a few standalone libraries, the most popular that's been updated recently is:

• https://github.com/react-component/input-number

Other solutions are:

• https://github.com/swiftcarrot/react-input-number
• https://github.com/yairEO/react-number-input

And here are a few issues referencing the number input's behavior with shadcn/ui:

• https://github.com/shadcn-ui/ui/issues/3981

Before submitting

• [X] I've made research efforts and searched the documentation
• [X] I've searched for existing issues and PRs

[zhouzi]

Curious to know what's the team's opinion on the matter:

1. Either shadcn/ui waits for the number input to land in radix-ui
2. Or it provides it through a standalone library

I could probably help with solution 2.

[shadcn]

This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you.

[zhouzi]

This issue should be kept open until the component becomes available or the team decides to not include it at all.