From 69a044b924126ccb56446ba076705ac371a9357d Mon Sep 17 00:00:00 2001
From: Praveen K B <praveenbhat98@gmail.com>
Date: Thu, 26 Dec 2024 12:49:05 +0530
Subject: [PATCH] fix: Added default date for calendar widget

---
 src/components/Header/TimeRange.tsx | 42 ++++++++++++++++-------------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/components/Header/TimeRange.tsx b/src/components/Header/TimeRange.tsx
index 7893550d..7e723b2c 100644
--- a/src/components/Header/TimeRange.tsx
+++ b/src/components/Header/TimeRange.tsx
@@ -299,15 +299,18 @@ const CustomTimeRange: FC<CustomTimeRangeProps> = ({ setOpened, resetToRelative
 			<Text style={{ fontSize: '0.7rem', fontWeight: 500 }}>Absolute Range</Text>
 			<Stack style={{ flexDirection: 'row', alignItems: 'flex-start' }} gap={30}>
 				<Stack className={classes.datePickerContainer}>
-					<DatePicker
-						value={localSelectedRange.startTime}
-						onChange={(date) => {
-							if (date) {
-								onRangeSelect('startTime', date);
-							}
-						}}
-						renderDay={(date) => highlightDate(date, 'startTime')}
-					/>
+					<Box style={{ height: px(220) }}>
+						<DatePicker
+							value={localSelectedRange.startTime}
+							defaultDate={localSelectedRange.startTime}
+							onChange={(date) => {
+								if (date) {
+									onRangeSelect('startTime', date);
+								}
+							}}
+							renderDay={(date) => highlightDate(date, 'startTime')}
+						/>
+					</Box>
 					<TimeInput
 						error={isStartTimeMoreThenEndTime && 'Start time must be earlier than end time.'}
 						value={startingTime}
@@ -315,15 +318,18 @@ const CustomTimeRange: FC<CustomTimeRangeProps> = ({ setOpened, resetToRelative
 					/>
 				</Stack>
 				<Stack className={classes.datePickerContainer}>
-					<DatePicker
-						value={localSelectedRange.endTime}
-						onChange={(date) => {
-							if (date) {
-								onRangeSelect('endTime', date);
-							}
-						}}
-						renderDay={(date) => highlightDate(date, 'endTime')}
-					/>
+					<Box style={{ height: px(220) }}>
+						<DatePicker
+							value={localSelectedRange.endTime}
+							defaultDate={localSelectedRange.endTime}
+							onChange={(date) => {
+								if (date) {
+									onRangeSelect('endTime', date);
+								}
+							}}
+							renderDay={(date) => highlightDate(date, 'endTime')}
+						/>
+					</Box>
 					<TimeInput value={endingTime} onChange={(e) => onTimeSelect('endTime', e.currentTarget.value)} />
 				</Stack>
 			</Stack>