Leave the button

NASA-IMPACT · Jul 12, 2024 · 8b64788 · 8b64788
1 parent 0e27d0c
commit 8b64788
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 10 deletions.
diff --git a/app/scripts/components/common/datepicker/index.scss b/app/scripts/components/common/datepicker/index.scss
@@ -1,14 +1,15 @@
-@use "usa-date-picker/src/styles";
+@use "usa-date-picker/src/styles" as datepicker;
 
 .usa-date-picker {
     position: relative;
-    width: 0;
-    height: 0;
+    // width: 0;
+    // height: 0;
 
     &__calendar {
       width: 20rem;
       position: absolute;
       top: 100%;
+      left: 0;
       border: 1px solid rgb(230, 230, 230);
     }
 
@@ -22,9 +23,16 @@
         z-index: 9999;
     }
 
-    .usa-input,
-    &__button,
-    &__status {
-        display: none;
+    .usa-input {
+    // &__button,
+    // &__status {
+        // pointer-events: none;
+        // background-color: #f6f7f8;
+        // border: 0;
+        display:none;
+    }
+    &__button {
+      height: 3rem;
+      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%3E%3Cpolygon%20points%3D'14.586%2C3.586%208%2C10.172%201.414%2C3.586%200%2C5%208%2C13%2016%2C5'%20%2F%3E%3C%2Fsvg%3E");
     }
 }
diff --git a/app/scripts/components/common/datepicker/index.tsx b/app/scripts/components/common/datepicker/index.tsx
@@ -37,7 +37,7 @@ export const SimpleDatePicker = ({ disabled, tipContent, onConfirm, id, triggerH
     return (
       <>
         {renderTriggerElement({
-          onClick: toggleCalendar,
+          onClick: () => {},
           disabled,
           tipContent,
           triggerHeadReference,

diff --git a/app/scripts/components/exploration/components/timeline/timeline-datepicker.tsx b/app/scripts/components/exploration/components/timeline/timeline-datepicker.tsx
@@ -52,7 +52,6 @@ export const TimelineDatePicker = ({
         >
           <span className='head-reference'>{triggerHeadReference}</span>
           <span>{moment(selectedDay ?? new Date()).format('MMM Do, YYYY')}</span>
-          <CollecticonChevronDownSmall />
         </DatePickerTrigger>
       )}
     />

diff --git a/app/scripts/index.ts b/app/scripts/index.ts
@@ -15,6 +15,9 @@ import CompareImage from './components/common/blocks/images/compare';
 import Embed from './components/common/blocks/embed';
 import TProvider from './theme-provider';
 
+import { LayoutRootContextProvider } from '$components/common/layout-root/context';
+import { ReactQueryProvider } from '$context/react-query';
+
 export {
   DataCatalog,
   Block,
@@ -27,5 +30,7 @@ export {
   Chart,
   Table,
   Embed,
-  TProvider
+  TProvider,
+  LayoutRootContextProvider,
+  ReactQueryProvider
 };
diff --git a/app/scripts/styles/styles.scss b/app/scripts/styles/styles.scss
@@ -1 +1,2 @@
 @forward 'uswds-theme';
+@use "uswds-helpers/src/styles" as helpers;
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		@forward 'uswds-theme';
		@use "uswds-helpers/src/styles" as helpers;