Merge pull request #53 from FluxityStellar/datepicker-button

fix datePicker bug

Author: ceydae

src/components/CDatePicker/datePickerStyles.ts

@@ -149,12 +149,13 @@ export const Wrapper = styled.div`
     .react-datepicker {
       box-shadow: none !important;
       width: 100%;
+      padding: 0 0;
     }
 
     .react-datepicker__day.react-datepicker__day {
       line-height: 2.1rem;
       font-size: 0.875rem;
-      padding: 0 14px !important;
+      padding: 0 13px !important;
     }
   }
 `;

src/components/CDatePicker/index.tsx

@@ -95,7 +95,9 @@ const CDatePicker = ({
   };
 
   const handleOpenSheet = () => {
-    setIsOpenSheet(true);
+    if (enabledDatePicker || readonly) {
+      setIsOpenSheet(true);
+    }
   };
 
   const handleCloseSheetClick = () => {
@@ -176,7 +178,7 @@ const CDatePicker = ({
         </Wrapper>
 
         <CBottomSheet
-          contentClass="justify-center items-center"
+          contentClass="justify-center items-center w-full"
           isSticky={isSticky}
           isModalOpen={isOpenSheet}
           setIsModalOpen={setIsOpenSheet}
@@ -210,7 +212,7 @@ const CDatePicker = ({
             <CButton
               variant="simple"
               color="blue"
-              content="ok"
+              content="Confirm"
               className="rounded-xl !py-5 !h-[60px]"
               onClick={handleConfirmSheetClick}
             />