Pass min and max to number input form field

.changeset/strong-needles-flow.md

@@ -0,0 +1,5 @@
+---
+'@toptal/picasso-forms': patch
+---
+
+- pass min and max to number input in forms

packages/picasso-forms/src/NumberInput/NumberInput.tsx

@@ -42,6 +42,8 @@ export const NumberInput = (props: Props) => {
 
   return (
     <InputField<NumberInputProps>
+      min={min}
+      max={max}
       {...rest}
       validate={composeValidators([validateNumberLimits, validate])}
       label={

packages/picasso-forms/src/NumberInput/test.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import { render } from '@toptal/picasso-test-utils'
+
+import { FormCompound as Form } from '../FormCompound'
+import { NumberInput, type Props } from './NumberInput'
+
+const numberInputMock = jest.fn()
+
+jest.mock('@toptal/picasso-number-input', () => ({
+  ...jest.requireActual('@toptal/picasso-number-input'),
+  NumberInput: (props: any) => numberInputMock(props),
+}))
+
+const renderFormWithNumberInput = (props: Props) =>
+  render(
+    <Form.ConfigProvider value={{}}>
+      <Form onSubmit={() => {}}>
+        <NumberInput label='Test' data-testid='number-input' {...props} />
+      </Form>
+    </Form.ConfigProvider>
+  )
+
+describe('Form.NumberInput', () => {
+  describe('when "min" and "max" props are provided', () => {
+    it('passes them to NumberInput', () => {
+      renderFormWithNumberInput({
+        min: '8',
+        max: '12',
+        name: 'test-input',
+      })
+
+      expect(numberInputMock).toHaveBeenCalledTimes(1)
+      expect(numberInputMock).toHaveBeenCalledWith(
+        expect.objectContaining({
+          min: '8',
+          max: '12',
+          name: 'test-input',
+        })
+      )
+    })
+  })
+})