Use explicit event handler for internal callback type

brandonlenz · brandonlenz · commit e79211b823a1 · 2026-01-29T10:52:35.000-05:00
diff --git a/src/components/forms/DatePicker/DatePicker.tsx b/src/components/forms/DatePicker/DatePicker.tsx
@@ -5,6 +5,7 @@ import React, {
   FocusEvent,
   KeyboardEvent,
   JSX,
+  InputEventHandler,
 } from 'react'
 import classnames from 'classnames'
 
@@ -133,7 +134,7 @@ export const DatePicker = ({
     }
   }
 
-  const handleExternalInput: React.ComponentProps<'input'>['onInput'] = (
+  const handleExternalInput: InputEventHandler<HTMLInputElement> = (
     event
   ): void => {
     // Keep external & internal input values in sync

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,7 @@ import React, {`
`5`	`5`	`FocusEvent,`
`6`	`6`	`KeyboardEvent,`
`7`	`7`	`JSX,`
	`8`	`+ InputEventHandler,`
`8`	`9`	`} from 'react'`
`9`	`10`	`import classnames from 'classnames'`
`10`	`11`
`@@ -133,7 +134,7 @@ export const DatePicker = ({`
`133`	`134`	`}`
`134`	`135`	`}`
`135`	`136`
`136`		`- const handleExternalInput: React.ComponentProps<'input'>['onInput'] = (`
	`137`	`+ const handleExternalInput: InputEventHandler<HTMLInputElement> = (`
`137`	`138`	`event`
`138`	`139`	`): void => {`
`139`	`140`	`// Keep external & internal input values in sync`