fix(Input): error color now shows for leading

fix(DatePicker): error color now shows for leading fix(InputNumber): error color now shows for leading
N00nDay · Apr 9, 2023 · 0c6ac9d · 0c6ac9d
1 parent e809f08
commit 0c6ac9d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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>