feat: today's date in calenday should look differently

ever-co · Sep 26, 2024 · 751c8b6 · 751c8b6
1 parent d93a640
commit 751c8b6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/apps/web/lib/features/daily-plan/all-plans-modal.tsx b/apps/web/lib/features/daily-plan/all-plans-modal.tsx
@@ -353,7 +353,8 @@ const FuturePlansCalendar = memo(function FuturePlansCalendar(props: ICalendarPr
 
 				pastDay: clsxm(
 					'relative after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:w-1.5 after:h-1.5 after:bg-yellow-600 after:rounded-full'
-				)
+				),
+				today: clsxm('border-2 !border-yellow-700 rounded')
 			}}
 			fromYear={new Date(sortedPlans?.[0]?.date ?? Date.now())?.getFullYear()}
 			toYear={new Date(sortedPlans?.[sortedPlans?.length - 1]?.date ?? Date.now())?.getFullYear() + 5}

diff --git a/apps/web/lib/features/daily-plan/create-daily-plan-form-modal.tsx b/apps/web/lib/features/daily-plan/create-daily-plan-form-modal.tsx
@@ -242,7 +242,10 @@ const CustomCalendar = memo(function CustomCalendar({
 			modifiers={{
 				booked: existingPlanDates
 			}}
-			modifiersClassNames={{ booked: 'bg-primary text-white' }}
+			modifiersClassNames={{
+				booked: 'bg-primary text-white',
+				today: clsxm('border-2 !border-yellow-700 rounded')
+			}}
 			fromYear={new Date().getUTCFullYear()}
 			toYear={new Date().getUTCFullYear() + 5}
 		/>