fix Search Input - composable advanced search demo (#9484)

* Search Input - composable advanced search fix date * remove isFill from datePicker
patternfly · Nov 15, 2023 · 4b23675 · 4b23675
1 parent 88e1c34
commit 4b23675
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/react-core/src/components/DatePicker/DatePicker.tsx b/packages/react-core/src/components/DatePicker/DatePicker.tsx
@@ -285,7 +285,7 @@ const DatePickerBase = (
       >
         <div className={styles.datePickerInput} ref={triggerRef}>
           <InputGroup>
-            <InputGroupItem isFill>
+            <InputGroupItem>
               <TextInput
                 isDisabled={isDisabled}
                 isRequired={requiredDateOptions?.isRequired}

diff --git a/...ges/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap b/...ges/react-core/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`With popover opened 1`] = `
         class="pf-v5-c-input-group"
       >
         <div
-          class="pf-v5-c-input-group__item pf-m-fill"
+          class="pf-v5-c-input-group__item"
         >
           <span
             class="pf-v5-c-form-control"
@@ -787,7 +787,7 @@ exports[`disabled date picker 1`] = `
         class="pf-v5-c-input-group"
       >
         <div
-          class="pf-v5-c-input-group__item pf-m-fill"
+          class="pf-v5-c-input-group__item"
         >
           <span
             class="pf-v5-c-form-control pf-m-disabled"

diff --git a/packages/react-core/src/demos/SearchInput/SearchInput.md b/packages/react-core/src/demos/SearchInput/SearchInput.md
@@ -492,7 +492,7 @@ AdvancedComposableSearchInput = () => {
                       id="datePicker"
                       style={{ width: '100%' }}
                       value={date}
-                      onChange={setDate}
+                      onChange={(_e, newValue) => setDate(newValue)}
                       appendTo={() => document.querySelector('#datePicker')}
                     />
                   </FormGroup>