From 35cc2a564f605ede636d8d21da33c5558a19860f Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Wed, 18 Dec 2024 10:18:03 +0600
Subject: [PATCH 1/5] Update changelog.txt

---
 changelog.txt | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/changelog.txt b/changelog.txt
index 7c0fbbd4..05bf1d4d 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,4 +1,4 @@
-Version 1.3.2 - 17th December, 2024
+Version 1.3.2 - 18th December, 2024
 Fixed - Adjusted the color of the Switch component label and help text.
 
 Version 1.3.1 - 17th December, 2024

From eebe69f2cb8efa81e7e7bc74a5f15122d1d1626c Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 12:55:27 +0600
Subject: [PATCH 2/5] imprv: Added a prop to set initial value

 of the date picker
---
 src/components/datepicker/datepicker.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/datepicker/datepicker.tsx b/src/components/datepicker/datepicker.tsx
index 6e6b5349..709916cd 100644
--- a/src/components/datepicker/datepicker.tsx
+++ b/src/components/datepicker/datepicker.tsx
@@ -33,6 +33,8 @@ export interface DatePickerProps {
 	showOutsideDays?: boolean;
 	/** Show or hide the footer. */
 	isFooter?: boolean;
+	/** Selected date value. */
+	selected?: Date | Date[] | TDateRange | null;
 }
 
 const DatePicker = ( {
@@ -46,11 +48,15 @@ const DatePicker = ( {
 	cancelButtonText = 'Cancel',
 	showOutsideDays = true,
 	isFooter = true,
+	selected,
 	...props
 }: DatePickerProps ) => {
 	const [ selectedDates, setSelectedDates ] = useState<
 		TDateRange | Date | Date[] | null
 	>( () => {
+		if ( selected ) {
+			return selected;
+		}
 		if ( selectionType === 'multiple' ) {
 			return [];
 		} else if ( selectionType === 'range' ) {

From e2de5d84f012714ff113cf8fc236905b2c1a3554 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 13:02:18 +0600
Subject: [PATCH 3/5] fix: DatePicker crashing after selecting year

---
 src/components/datepicker/datepicker-component.tsx | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/components/datepicker/datepicker-component.tsx b/src/components/datepicker/datepicker-component.tsx
index 4c45f865..340260f4 100644
--- a/src/components/datepicker/datepicker-component.tsx
+++ b/src/components/datepicker/datepicker-component.tsx
@@ -175,7 +175,7 @@ const DatePickerComponent = ( {
 			}
 		};
 
-		const handleYearClick = ( { yearValue }: { yearValue: number } ) => {
+		const handleYearClick = ( yearValue: number ) => {
 			setSelectedYear( yearValue );
 			setShowYearSelect( false );
 			setShowMonthSelect( true );
@@ -245,13 +245,7 @@ const DatePickerComponent = ( {
 							<Button
 								key={ yearValue }
 								variant="ghost"
-								onClick={ () =>
-									handleYearClick(
-										yearValue as unknown as {
-											yearValue: number;
-										}
-									)
-								}
+								onClick={ () => handleYearClick( yearValue ) }
 								className={ cn(
 									'h-10 w-full text-center font-normal relative',
 									yearValue === selectedYear &&

From 492e3ef95726bd22b1e807d206fc743fe80e048f Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 13:35:38 +0600
Subject: [PATCH 4/5] fix: Incorrect component name showing in the story

---
 src/components/accordion/accordion.stories.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/accordion/accordion.stories.tsx b/src/components/accordion/accordion.stories.tsx
index 60b80704..890dc4d0 100644
--- a/src/components/accordion/accordion.stories.tsx
+++ b/src/components/accordion/accordion.stories.tsx
@@ -11,9 +11,9 @@ export default {
 	},
 	tags: [ 'autodocs' ],
 	subcomponents: {
-		Item: Accordion.Item,
-		Trigger: Accordion.Trigger,
-		Content: Accordion.Content,
+		'Accordion.Item': Accordion.Item,
+		'Accordion.Trigger': Accordion.Trigger,
+		'Accordion.Content': Accordion.Content,
 	},
 	decorators: [
 		( Story ) => (

From 0d3eacb1a05c3bc42650a236b3169d75ee0180c4 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 13:47:05 +0600
Subject: [PATCH 5/5] imprv: DatePicker component initial value logic

---
 src/components/datepicker/datepicker.tsx | 24 +++++++++++++++++-------
 src/components/datepicker/utils.tsx      | 10 ++++++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/src/components/datepicker/datepicker.tsx b/src/components/datepicker/datepicker.tsx
index 709916cd..9e9de993 100644
--- a/src/components/datepicker/datepicker.tsx
+++ b/src/components/datepicker/datepicker.tsx
@@ -11,6 +11,7 @@ import {
 	subWeeks,
 	subMonths,
 } from 'date-fns';
+import { getDefaultSelectedValue } from './utils';
 
 export interface DatePickerProps {
 	/** Defines the selection selectionType of the date picker: single, range, or multiple dates. */
@@ -54,15 +55,24 @@ const DatePicker = ( {
 	const [ selectedDates, setSelectedDates ] = useState<
 		TDateRange | Date | Date[] | null
 	>( () => {
-		if ( selected ) {
-			return selected;
+		if ( ! selected ) {
+			return getDefaultSelectedValue( selectionType );
 		}
-		if ( selectionType === 'multiple' ) {
-			return [];
-		} else if ( selectionType === 'range' ) {
-			return { from: null, to: null };
+
+		// Type guards for different selection types
+		const isValidMultiple =
+			selectionType === 'multiple' && Array.isArray( selected );
+		const isValidRange =
+			selectionType === 'range' && 'from' in selected && 'to' in selected;
+		const isValidSingle =
+			selectionType === 'single' && selected instanceof Date;
+
+		// Return selected if valid, otherwise return default value
+		if ( isValidMultiple || isValidRange || isValidSingle ) {
+			return selected;
 		}
-		return null;
+
+		return getDefaultSelectedValue( selectionType );
 	} );
 
 	const handleSelect = ( selectedDate: Date | Date[] | TDateRange | null ) => {
diff --git a/src/components/datepicker/utils.tsx b/src/components/datepicker/utils.tsx
index 018ca770..9965e7f9 100644
--- a/src/components/datepicker/utils.tsx
+++ b/src/components/datepicker/utils.tsx
@@ -13,3 +13,13 @@ export const formatWeekdayName = ( date: Date ) => {
 export const generateYearRange = ( start: number, count = 24 ) => {
 	return Array.from( { length: count }, ( _, i ) => start + i );
 };
+
+export const getDefaultSelectedValue = ( type: string ) => {
+	if ( type === 'multiple' ) {
+		return [];
+	}
+	if ( type === 'range' ) {
+		return { from: null, to: null };
+	}
+	return null;
+};