Restrict month arrows in DatePicker (#5965)

* Restrict month arrows in DatePicker * fix position
ohcnetwork · Jul 28, 2023 · 326c0e2 · 326c0e2
1 parent cd1eced
commit 326c0e2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/Components/Common/DateInputV2.tsx b/src/Components/Common/DateInputV2.tsx
@@ -253,7 +253,12 @@ const DateInputV2: React.FC<Props> = ({
                     <div className="flex">
                       <button
                         type="button"
-                        disabled={!isDateWithinConstraints()}
+                        disabled={
+                          !isDateWithinConstraints(
+                            getLastDay(),
+                            datePickerHeaderDate.getMonth() - 1
+                          )
+                        }
                         className="aspect-square inline-flex cursor-pointer items-center justify-center rounded p-2 transition duration-100 ease-in-out hover:bg-gray-300"
                         onClick={decrement}
                       >

diff --git a/src/Components/Facility/DischargeModal.tsx b/src/Components/Facility/DischargeModal.tsx
@@ -225,6 +225,7 @@ const DischargeModal = ({
         {preDischargeForm.discharge_reason === "REC" && (
           <div>
             <DateFormField
+              position="LEFT"
               label="Discharge Date"
               name="discharge_date"
               value={moment(preDischargeForm?.discharge_date).toDate()}