add JBDateInputEventType to event type

Author: javadbat

CHANGELOG.md

@@ -1,4 +1,7 @@
 #changelog
+## [2.1.0] - 2023-3-7
+### new features
+- add `JBDateInputEventType` to event type for better event.target detection in typescript
 ## [2.0.21] - 2023-3-30
 ### fixed
 - fix mandatory React children props

lib/JBDateInput.tsx

@@ -28,16 +28,19 @@ declare global {
       }
     }
 }
+export type JBDateInputEventType<T> = T & {
+    target: JBDateInputWebComponent
+}
 export type JBDateInputProps = {
     label?: string,
     name?:string,
     min?: string,
     max?: string,
     format?: string,
     className?:string,
-    onKeyup?: (e:KeyboardEvent)=>void,
-    onChange?: (e:Event)=>void,
-    onSelect?: (e:CustomEvent)=>void,
+    onKeyup?: (e:JBDateInputEventType<KeyboardEvent>)=>void,
+    onChange?: (e:JBDateInputEventType<Event>)=>void,
+    onSelect?: (e:JBDateInputEventType<CustomEvent>)=>void,
     valueType?: 'GREGORIAN'|'JALALI'|'TIME_STAMP',
     inputType?: 'GREGORIAN'|'JALALI',
     direction?: 'ltr'|'rtl',
@@ -61,17 +64,17 @@ export const JBDateInput = React.forwardRef((props: JBDateInputProps, ref) => {
     useEffect(() => {
         refChangeCountSetter(refChangeCount + 1);
     }, [element.current]);
-    const onchange = useCallback((e) => {
+    const onchange = useCallback((e:JBDateInputEventType<Event>) => {
         if (props.onChange) {
             props.onChange(e);
         }
     }, [props.onChange]);
-    const onKeyup = useCallback((e) => {
+    const onKeyup = useCallback((e:JBDateInputEventType<KeyboardEvent>) => {
         if (props.onKeyup) {
             props.onKeyup(e);
         }
     }, [props.onKeyup]);
-    const onSelect = useCallback((e) => {
+    const onSelect = useCallback((e:JBDateInputEventType<CustomEvent>) => {
         if (props.onSelect) {
             props.onSelect(e);
         }

package.json

@@ -18,7 +18,7 @@
     "react component",
     "react"
   ],
-  "version": "2.0.21",
+  "version": "2.1.0",
   "bugs": "https://github.com/javadbat/jb-date-input-react/issues",
   "license": "MIT",
   "files": [