fix: Time picker bug fix (#390)

src/components/Header/TimeRange.tsx

@@ -229,10 +229,10 @@ const CustomTimeRange: FC<CustomTimeRangeProps> = ({ setOpened, resetToRelative
 	const onTimeSelect = (key: keyof typeof localSelectedRange, time: string) => {
 		setLocalSelectedRange((state) => {
 			const [hours, minutes] = time.split(':').map(Number);
-			const date = state[key];
-			date.setHours(hours, minutes, 0, 0);
-			state[key] = date;
-			return { ...state };
+			if (isNaN(hours) || isNaN(minutes)) return state;
+			const updatedDate = new Date(state[key]);
+			updatedDate.setHours(hours, minutes, 0, 0);
+			return { ...state, [key]: updatedDate };
 		});
 	};
 
@@ -304,7 +304,11 @@ const CustomTimeRange: FC<CustomTimeRangeProps> = ({ setOpened, resetToRelative
 						}}
 						renderDay={(date) => highlightDate(date, 'startTime')}
 					/>
-					<TimeInput value={startingTime} onChange={(e) => onTimeSelect('startTime', e.currentTarget.value)} />
+					<TimeInput
+						error={isStartTimeMoreThenEndTime && 'Start time must be earlier than end time.'}
+						value={startingTime}
+						onChange={(e) => onTimeSelect('startTime', e.currentTarget.value)}
+					/>
 				</Stack>
 				<Stack className={classes.datePickerContainer}>
 					<DatePicker