fix: make invalid handler required and define in all consumers (#3527)

Author: TCL735

src/shared/components/dateRangePicker/DatePicker.tsx

@@ -36,7 +36,7 @@ interface Props {
   maxDate?: string
   minDate?: string
   onSelectDate: (date: string) => void
-  onInvalidInput?: () => void
+  onInvalidInput: () => void
 }
 
 interface State {

src/visualization/components/internal/TimeTickInput.tsx

@@ -43,6 +43,8 @@ interface TimeTickInputProps {
   update: (data: any) => void
 }
 
+const noOp = () => {}
+
 export const TimeTickInput: FC<TimeTickInputProps> = props => {
   const {
     axisName,
@@ -198,6 +200,7 @@ export const TimeTickInput: FC<TimeTickInputProps> = props => {
                       dateTime={getDatePickerDateTime()}
                       onSelectDate={handleSelectDate}
                       label="Start Tick Marks At"
+                      onInvalidInput={noOp}
                     />
                   </div>
                   <Button