fix(numberfield): forward onInput handler

hyperweb-io · Dec 12, 2023 · dad84bf · dad84bf
1 parent a87d613
commit dad84bf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/react/scaffolds/number-field/number-field.types.tsx b/packages/react/scaffolds/number-field/number-field.types.tsx
@@ -21,11 +21,12 @@ export interface NumberInputProps {
   name?: string;
   label?: string;
   onChange?: (value: number) => void;
-  onBlur?: (e?: any) => void;
-  onFocus?: (e?: any) => void;
+  onInput?: AriaNumberFieldProps["onInput"];
+  onBlur?: AriaNumberFieldProps["onBlur"];
+  onFocus?: AriaNumberFieldProps["onFocus"];
   onFocusChange?: (isFocused: boolean) => void;
-  onKeyDown?: (e?: any) => void;
-  onKeyUp?: (e?: any) => void;
+  onKeyDown?: AriaNumberFieldProps["onKeyDown"];
+  onKeyUp?: AriaNumberFieldProps["onKeyUp"];
   // ==== Style props
   textAlign?: Sprinkles["textAlign"];
   fontSize?: Sprinkles["fontSize"];

diff --git a/packages/react/stories/NumberField.stories.tsx b/packages/react/stories/NumberField.stories.tsx
@@ -27,6 +27,9 @@ export const Primary: Story = {
         maxValue={2000}
         textAlign="right"
         value={value}
+        onInput={(event) => {
+          console.log("Input", event.target.value);
+        }}
         onChange={(value) => {
           console.log("Change", value);
           setValue(value);