diff --git a/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx b/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx index 95269b0289..1835c2b457 100644 --- a/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx +++ b/packages/@mantine/core/src/components/NumberInput/NumberInput.story.tsx @@ -232,19 +232,27 @@ export function FormValidateOnBlur() { const form = useForm({ validateInputOnBlur: true, validate: { - age: (value) => (value < 18 ? 'Error' : null), + age: (value) => { + if (typeof value === 'string' && value === '') { + return 'Required'; + } + if (typeof value === 'number' && value < 18) { + return 'Error'; + } + return null; + }, name: (value) => (value.length < 2 ? 'Error' : null), }, initialValues: { name: '', - age: 2, + age: '' as string | number, }, }); return (