Add clear button for single date search bar control

beda-software · Dec 20, 2024 · 2acc20f · 2acc20f
1 parent c2e4c3b
commit 2acc20f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/SearchBar/SearchBarColumn/DateSingleColumn/hooks.ts b/src/components/SearchBar/SearchBarColumn/DateSingleColumn/hooks.ts
@@ -10,6 +10,8 @@ export function useDateColumn(props: SearchBarColumnSingleDateTypeProps) {
         (value: moment.Moment | null) => {
             if (value) {
                 onChange(value, columnFilterValue.column.id);
+            } else {
+                onChange(undefined, columnFilterValue.column.id);
             }
         },
         [onChange, columnFilterValue],

diff --git a/src/components/SearchBar/SearchBarColumn/DateSingleColumn/index.tsx b/src/components/SearchBar/SearchBarColumn/DateSingleColumn/index.tsx
@@ -14,8 +14,8 @@ export function DateSingleColumn(props: SearchBarColumnSingleDateTypeProps) {
             onChange={onColumnChange}
             value={columnFilterValue.value}
             placeholder={placeholder}
-            clearIcon={false}
             defaultOpen={defaultOpen}
+            allowClear
         />
     );
 }