Searchwithin validationState behavior (#2168)

Author: snowystinger

packages/@react-spectrum/searchwithin/src/SearchWithin.tsx

@@ -57,7 +57,14 @@ function SearchWithin(props: SpectrumSearchWithinProps, ref: FocusableRef<HTMLEl
 
   useLayoutEffect(onResize, [scale, onResize]);
 
-  let defaultSlotValues = {isDisabled, isRequired, label: null, isQuiet: false, 'aria-labelledby': labelProps.id || ariaLabel};
+  let defaultSlotValues = {
+    isDisabled,
+    isRequired,
+    label: null,
+    isQuiet: false,
+    'aria-labelledby': labelProps.id || ariaLabel,
+    validationState: null
+  };
   let searchFieldClassName = classNames(styles, 'spectrum-SearchWithin-searchfield');
   let pickerClassName = classNames(styles, 'spectrum-SearchWithin-picker');
   let slots = {

packages/@react-spectrum/searchwithin/stories/SearchWithin.stories.tsx

@@ -94,10 +94,16 @@ export const pickerDefaultValue = () => render({}, {}, {defaultSelectedKey: 'tag
 pickerDefaultValue.storyName = 'Default value for Picker';
 
 export const isRequiredNecessityIndicatorLabel = () => render({isRequired: true, necessityIndicator: 'label'});
-isRequiredNecessityIndicatorLabel.storyName = 'isRequired: true, necessityIndicator \'label\' ';
+isRequiredNecessityIndicatorLabel.storyName = 'isRequired: true, necessityIndicator "label"';
 
 export const isRequiredFalse_necessityIndicator = () => render({isRequired: false, necessityIndicator: 'label'});
-isRequiredFalse_necessityIndicator.storyName = 'isRequired: false, necessityIndicator \'label\' ';
+isRequiredFalse_necessityIndicator.storyName = 'isRequired: false, necessityIndicator "label"';
+
+export const InputValidationSateInvalid = () => render({}, {validationState: 'invalid'});
+InputValidationSateInvalid.storyName = 'input validationState: invalid';
+
+export const PickerValidationSateInvalid = () => render({}, {}, {validationState: 'invalid'});
+PickerValidationSateInvalid.storyName = 'picker validationState: invalid';
 
 export const PickerDisabled = () => render({}, {}, {isDisabled: true});