[@mantine/dates] DatePickerInput: Fix incorrect hovered date logic wh…

…en the component receives value update with partial selected date range (#6718)

* Add fix

* fix ui

packages/@mantine/dates/src/hooks/use-dates-state/use-dates-state.ts

@@ -162,10 +162,17 @@ export function useDatesState<Type extends DatePickerType = 'default'>({
   const onHoveredDateChange = type === 'range' && pickedDate ? setHoveredDate : () => {};
 
   useEffect(() => {
-    if (type === 'range' && !_value[0] && !_value[1]) {
+    if (type !== 'range') {
+      return;
+    }
+
+    const isNeitherSelected = _value[0] == null && _value[1] == null;
+    const isBothSelected = _value[0] != null && _value[1] != null;
+    if (isNeitherSelected || isBothSelected) {
       setPickedDate(null);
+      setHoveredDate(null);
     }
-  }, [value]);
+  }, [_value]);
 
   return {
     onDateChange,