From be20b7f1c991ff5dcd36473b06484272d30b1ae8 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 16:59:10 +0600
Subject: [PATCH 1/7] Update changelog.txt

---
 changelog.txt | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/changelog.txt b/changelog.txt
index bee2976d..d7ee9467 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -3,6 +3,9 @@ Version 1.3.4 - 27th December, 2024
 - Improvement - Added option group to the Select component.
 - Improvement - Updated the Table component design.
 - Improvement - Added support for controlling selected dates through the 'selected' prop in DatePicker component.
+- Fixed - Adjusted search icon size in Select combobox for better visual consistency.
+- Fixed - Focus ring offset of Select, Switch, Checkbox, and dropdown component.
+- Fixed - Checkbox/Switch toggle behavior with hint text and adjusted help text size.
 - Fixed - DatePicker component crash when navigating through years.
 
 Version 1.3.3 - 20th December, 2024

From 9dc4a8c29bf70049424142f8b1bf1729811f1ebd Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:08:24 +0600
Subject: [PATCH 2/7] fix: DatePicker component UI of the presets variant

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

diff --git a/src/components/datepicker/datepicker.tsx b/src/components/datepicker/datepicker.tsx
index 9e9de993..063d1ce5 100644
--- a/src/components/datepicker/datepicker.tsx
+++ b/src/components/datepicker/datepicker.tsx
@@ -214,7 +214,7 @@ const DatePicker = ( {
 							key={ index }
 							onClick={ () => handlePresetClick( preset.range ) }
 							variant="ghost"
-							className="font-medium text-sm"
+							className="font-medium text-sm text-nowrap"
 						>
 							{ preset.label }
 						</Button>
@@ -234,7 +234,7 @@ const DatePicker = ( {
 					width="w-auto"
 					numberOfMonths={ 2 }
 					footer={
-						<div className="flex justify-end p-2 gap-3 border border-solid border-border-subtle border-t-0 rounded-md rounded-tl-none rounded-tr-none bg-background-primary">
+						<div className="flex justify-end p-2 gap-3 border-l border-r border-t-0 border-b border-solid border-border-subtle bg-background-primary rounded-br-md">
 							<Button
 								variant="outline"
 								onClick={ handleCancelClick }

From 6b766b151b0fe6595aae34697a832dbffc28cf3b Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:11:33 +0600
Subject: [PATCH 3/7] Update changelog.txt

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

diff --git a/changelog.txt b/changelog.txt
index d7ee9467..1b2b41d6 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -7,6 +7,7 @@ Version 1.3.4 - 27th December, 2024
 - Fixed - Focus ring offset of Select, Switch, Checkbox, and dropdown component.
 - Fixed - Checkbox/Switch toggle behavior with hint text and adjusted help text size.
 - Fixed - DatePicker component crash when navigating through years.
+- Fixed - DatePicker component UI styles for better visual consistency.
 
 Version 1.3.3 - 20th December, 2024
 - Fixed - React `Each child in a list should have a unique "key" prop` console warning.

From d4780075795430ff0b488bb9cd9a135a5b3d1ff3 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:12:03 +0600
Subject: [PATCH 4/7] chore: Lint

---
 src/components/table/table.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 2ccbcd98..e4a348b8 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -397,11 +397,7 @@ export const TableFooter: React.FC<TableFooterProps> = ( {
 	const { checkboxSelection } = useTableContext();
 	return (
 		<div
-			className={ cn(
-				'px-3 py-3',
-				checkboxSelection && 'px-4',
-				className
-			) }
+			className={ cn( 'px-3 py-3', checkboxSelection && 'px-4', className ) }
 			{ ...props }
 		>
 			{ children }

From f384db9464d382d2766c2a6f3dc3a481ce47ec04 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:12:42 +0600
Subject: [PATCH 5/7] Update changelog.txt

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

diff --git a/changelog.txt b/changelog.txt
index 1b2b41d6..1654833c 100644
--- a/changelog.txt
+++ b/changelog.txt
@@ -1,4 +1,4 @@
-Version 1.3.4 - 27th December, 2024
+Version 1.3.4 - 30th December, 2024
 - Improvement - Enhanced the UI of the Table and Line chart component for responsive design.
 - Improvement - Added option group to the Select component.
 - Improvement - Updated the Table component design.

From 454ca36e82d1debd8eaaa3b960c9223acf65bc23 Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:29:48 +0600
Subject: [PATCH 6/7] fix: No background color in the preset section

of the DatePicker component
---
 src/components/datepicker/datepicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/datepicker/datepicker.tsx b/src/components/datepicker/datepicker.tsx
index 063d1ce5..fae10b86 100644
--- a/src/components/datepicker/datepicker.tsx
+++ b/src/components/datepicker/datepicker.tsx
@@ -208,7 +208,7 @@ const DatePicker = ( {
 	if ( variant === 'presets' ) {
 		return (
 			<div className="flex flex-row shadow-datepicker-wrapper">
-				<div className="flex flex-col gap-1 p-3 items-start border border-solid border-border-subtle border-r-0 rounded-tl-md rounded-bl-md">
+				<div className="flex flex-col gap-1 p-3 items-start border border-solid border-border-subtle border-r-0 rounded-tl-md rounded-bl-md bg-background-primary">
 					{ presets.map( ( preset, index ) => (
 						<Button
 							key={ index }

From f8a39cc0c03bef47e102dab301e0061edbefaaee Mon Sep 17 00:00:00 2001
From: Jaied Al Sabid <87969327+jaieds@users.noreply.github.com>
Date: Mon, 30 Dec 2024 17:35:06 +0600
Subject: [PATCH 7/7] fix: invalid classname and current date indicator

showing when showOutsideDays is false
---
 src/components/datepicker/datepicker-component.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/datepicker/datepicker-component.tsx b/src/components/datepicker/datepicker-component.tsx
index 340260f4..c3ab1588 100644
--- a/src/components/datepicker/datepicker-component.tsx
+++ b/src/components/datepicker/datepicker-component.tsx
@@ -361,7 +361,7 @@ const DatePickerComponent = ( {
 
 		// Common class for disabled outside days
 		const disabledOutsideClass =
-			'bg-transperant opacity-50 text-text-disabled cursor-auto';
+			'bg-transparent opacity-50 text-text-disabled cursor-auto';
 
 		const buttonClasses = cn(
 			'h-10 w-10 flex items-center justify-center transition text-text-secondary relative text-sm',
@@ -391,7 +391,7 @@ const DatePickerComponent = ( {
 			>
 				{ ( ! showOutsideDates || ( isPartOfRange && shouldShowDay ) ) &&
 					format( day.date, 'd' ) }
-				{ isToday && (
+				{ isToday && shouldShowDay && (
 					<span className="absolute h-1 w-1 bg-background-brand rounded-full bottom-1"></span>
 				) }
 			</button>