From 2c1dae9b4729c8ec52b712da5885502f7e0def63 Mon Sep 17 00:00:00 2001
From: Kasper <kasperkh.kh@gmail.com>
Date: Mon, 26 Feb 2024 19:38:54 +0100
Subject: [PATCH] Add <slot>, closes #47

---
 CHANGELOG.md              | 1 +
 src/lib/DateInput.svelte  | 4 +++-
 src/lib/DatePicker.svelte | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 99586b3..01a715f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Next
+- Add component slot, for adding your own child elements
 - Don't clamp time of day when settig date/month/year
 - Fix time field sometimes showing a value outside `min`/`max`
 - Fix time field losing highlight after pressing left/right arrow keys
diff --git a/src/lib/DateInput.svelte b/src/lib/DateInput.svelte
index 4cde230..1bc4eca 100644
--- a/src/lib/DateInput.svelte
+++ b/src/lib/DateInput.svelte
@@ -232,7 +232,9 @@
 				{locale}
 				{browseWithoutSelecting}
 				{timePrecision}
-			/>
+			>
+				<slot />
+			</DateTimePicker>
 		</div>
 	{/if}
 </div>
diff --git a/src/lib/DatePicker.svelte b/src/lib/DatePicker.svelte
index 2344a3f..3c96a1c 100644
--- a/src/lib/DatePicker.svelte
+++ b/src/lib/DatePicker.svelte
@@ -362,6 +362,8 @@
 		{/each}
 
 		<TimePicker {timePrecision} bind:browseDate {setTime} />
+
+		<slot />
 	</div>
 </div>