UIHAADM-98: Display Datepicker in full view (#60)

* UIHAADM-98: Display Datepicker in full view * Update changelog
indexdata · Dec 4, 2023 · eba0eee · eba0eee
1 parent 6ff3e38
commit eba0eee
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@
 * Sort jobs in descending order by start date. Fixes UIHAADM-94.
 * Paginate list of jobs. Fixes UIHAADM-95.
 * Improve DatePicker setup. Fixes UIHAADM-69.
+* Display `<Datepicker>` in full view by using `usePortal`. Fixes UIHAADM-98.
 
 ## [2.0.0](https://github.com/folio-org/ui-harvester-admin/tree/v2.0.0) (2023-10-13)
 

diff --git a/src/search/renderDateFilterPair.js b/src/search/renderDateFilterPair.js
@@ -26,6 +26,8 @@ function renderSingleDateFilter(intl, filterStruct, updateQuery, field, boundary
         updateQuery({ filters: deparseFilters(fs2) });
       }}
       useInput
+      usePortal
+      placement="right"
     />
   );
 }

diff --git a/src/views/Jobs/Jobs.js b/src/views/Jobs/Jobs.js
@@ -79,7 +79,7 @@ function Jobs({
             <Paneset id="jobs-paneset">
               <JobsSearchPane
                 {...sasqParams}
-                defaultWidth="25%"
+                defaultWidth="20%"
                 query={query}
                 updateQuery={updateQuery}
               />