Avoid casting date input change event

Author: colinrotherham

src/components/form-elements/date-input/DateInput.tsx

@@ -13,10 +13,9 @@ type DateInputValue = {
   year: string;
 };
 
-export type DateInputChangeEvent = ChangeEvent<HTMLInputElement> & {
-  target: HTMLInputElement & { value: DateInputValue };
-  currentTarget: HTMLInputElement & { value: DateInputValue };
-};
+export type DateInputChangeEvent = ChangeEvent<
+  Omit<HTMLInputElement, 'value'> & { value: DateInputValue }
+>;
 
 interface DateInputProps
   extends Omit<HTMLProps<HTMLDivElement>, 'value' | 'defaultValue'>,
@@ -69,15 +68,16 @@ const DateInputComponent = ({
     event.stopPropagation();
 
     if (onChange) {
-      const newEventValue = {
+      const newEventValue: DateInputValue = {
         ...internalDate,
         [inputType]: event.target.value,
       };
-      const newEvent = {
+
+      const newEvent: DateInputChangeEvent = {
         ...event,
         target: { ...event.target, value: newEventValue },
         currentTarget: { ...event.currentTarget, value: newEventValue },
-      } as DateInputChangeEvent;
+      };
 
       onChange(newEvent);
       setInternalDate(newEventValue);