From 0a2a2bfba3414e0581aa628617c877e905f0be28 Mon Sep 17 00:00:00 2001
From: hamed <15238-genius.ha@users.noreply.drupalcode.org>
Date: Thu, 23 Jul 2026 19:43:02 +0330
Subject: [PATCH] fix(datePicker): hide next button for inactive months on
 larger screens

---
 app/component/date/datePicker/index.js | 5 ++++-
 components/common/InlineJalaliMonth.js | 6 ++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/component/date/datePicker/index.js b/app/component/date/datePicker/index.js
index 51331c2..97c3b7f 100644
--- a/app/component/date/datePicker/index.js
+++ b/app/component/date/datePicker/index.js
@@ -119,7 +119,10 @@ function DatePicker({ setDate, clinicUuid = null }) {
           selectedDate={selectedDate}
           onSelectDay={selectDay}
           isDisabled={isDisabled}
-          showNext={false}
+          // وقتی تقویم ماه بعد در کنار این نمایش داده می‌شود (md و xl) دکمهٔ «بعد»
+          // این تقویم پنهان می‌ماند تا دوتا نشود؛ در موبایل و lg که تنها همین تقویم
+          // دیده می‌شود، دکمهٔ «بعد» فعال است تا کاربر بتواند به ماه بعد برود.
+          nextBtnClass="md:invisible lg:visible xl:invisible"
           onPrev={() => setBaseMonth(moment(baseMonth).subtract(1, "jMonth"))}
           onNext={() => setBaseMonth(moment(baseMonth).add(1, "jMonth"))}
         />
diff --git a/components/common/InlineJalaliMonth.js b/components/common/InlineJalaliMonth.js
index bc19560..b91154b 100644
--- a/components/common/InlineJalaliMonth.js
+++ b/components/common/InlineJalaliMonth.js
@@ -42,6 +42,8 @@ function InlineJalaliMonth({
   onNext,
   showPrev = true,
   showNext = true,
+  prevBtnClass = "",
+  nextBtnClass = "",
 }) {
   const days = buildDays(displayDate);
 
@@ -51,7 +53,7 @@ function InlineJalaliMonth({
         <button
           type="button"
           onClick={onNext}
-          className={`p-1 text-[#525252] ${showNext ? "" : "invisible"}`}
+          className={`p-1 text-[#525252] ${showNext ? "" : "invisible"} ${nextBtnClass}`}
           aria-label="ماه بعد"
         >
           ‹
@@ -62,7 +64,7 @@ function InlineJalaliMonth({
         <button
           type="button"
           onClick={onPrev}
-          className={`p-1 text-[#525252] ${showPrev ? "" : "invisible"}`}
+          className={`p-1 text-[#525252] ${showPrev ? "" : "invisible"} ${prevBtnClass}`}
           aria-label="ماه قبل"
         >
           ›