Fix our formatted field's validation (#4389)

Author: snowystinger

packages/@react-aria/color/src/useColorField.ts

@@ -91,7 +91,9 @@ export function useColorField(
   useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);
 
   let onChange = value => {
-    state.setInputValue(value);
+    if (state.validate(value)) {
+      state.setInputValue(value);
+    }
   };
 
   let {labelProps, inputProps} = useFormattedTextField(

packages/@react-aria/numberfield/src/useNumberField.ts

@@ -176,7 +176,9 @@ export function useNumberField(props: AriaNumberFieldProps, state: NumberFieldSt
   }
 
   let onChange = value => {
-    state.setInputValue(value);
+    if (state.validate(value)) {
+      state.setInputValue(value);
+    }
   };
 
   let domProps = filterDOMProps(props);