From 0c6ac9d277319df49e1604a52f1ad647523b2736 Mon Sep 17 00:00:00 2001
From: Craig Howell <howell.craig@gmail.com>
Date: Sun, 9 Apr 2023 13:17:25 -0400
Subject: [PATCH] fix(Input): error color now shows for leading
 fix(DatePicker): error color now shows for leading fix(InputNumber): error
 color now shows for leading

---
 src/lib/components/datepicker/DateInput.svelte     | 5 ++++-
 src/lib/components/input-number/InputNumber.svelte | 2 ++
 src/lib/components/input/Input.svelte              | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/datepicker/DateInput.svelte b/src/lib/components/datepicker/DateInput.svelte
index 6c7f777c..9a2e9507 100644
--- a/src/lib/components/datepicker/DateInput.svelte
+++ b/src/lib/components/datepicker/DateInput.svelte
@@ -169,7 +169,10 @@
 				{/if}
 
 				{#if $$slots.leading}
-					<span class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+					<span
+						class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
+						class:text-danger={error}
+					>
 						<slot name="leading" />
 					</span>
 				{/if}
diff --git a/src/lib/components/input-number/InputNumber.svelte b/src/lib/components/input-number/InputNumber.svelte
index 5678d684..b6b2eb2f 100644
--- a/src/lib/components/input-number/InputNumber.svelte
+++ b/src/lib/components/input-number/InputNumber.svelte
@@ -49,6 +49,7 @@
 			{autocomplete}
 			{name}
 			{readonly}
+			{disabled}
 			id={name}
 			class="block w-full h-[2.5rem] px-3 border outline-none focus:outline-none sm:text-sm rounded-md bg-surface  placeholder-secondary-content placeholder-opacity-80"
 			class:border-red-400={error}
@@ -70,6 +71,7 @@
 		{#if $$slots.leading}
 			<span
 				class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-secondary-content"
+				class:text-danger={error}
 			>
 				<slot name="leading" />
 			</span>
diff --git a/src/lib/components/input/Input.svelte b/src/lib/components/input/Input.svelte
index 6096d81c..f0b8cb4f 100644
--- a/src/lib/components/input/Input.svelte
+++ b/src/lib/components/input/Input.svelte
@@ -96,6 +96,7 @@
 		{#if $$slots.leading}
 			<span
 				class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none text-secondary-content"
+				class:text-danger={error}
 			>
 				<slot name="leading" />
 			</span>