From 9dfd2724b67f9d39b091f8d1402788f23634b629 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Mon, 11 Aug 2025 15:06:59 +0300
Subject: [PATCH] fix(calendar): initialize selected date in ScheduleCalendar
 component if not set

- Added useEffect to set the selected date to the current date if it is not already defined.
- Imported useEffect alongside useState for managing component lifecycle.
---
 apps/web/components/schedule/calendar.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/web/components/schedule/calendar.tsx b/apps/web/components/schedule/calendar.tsx
index c58b603..44cacf6 100644
--- a/apps/web/components/schedule/calendar.tsx
+++ b/apps/web/components/schedule/calendar.tsx
@@ -6,7 +6,7 @@ import { useDateTimeStore } from '@/stores/datetime';
 import { Calendar } from '@repo/ui/components/ui/calendar';
 import { getDateUTCRange } from '@repo/utils/datetime-format';
 import dayjs from 'dayjs';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 export function ScheduleCalendar() {
   const { data: { customer } = {} } = useCustomerQuery();
@@ -14,6 +14,12 @@ export function ScheduleCalendar() {
   const selectedDate = useDateTimeStore((store) => store.date);
   const setSelectedDate = useDateTimeStore((store) => store.setDate);
 
+  useEffect(() => {
+    if (!selectedDate) {
+      setSelectedDate(new Date());
+    }
+  }, [selectedDate, setSelectedDate]);
+
   const [currentMonthDate, setCurrentMonthDate] = useState(new Date());
 
   const { endOfMonth, startOfMonth } = getDateUTCRange(currentMonthDate).month();