fix: expose portal prop on the date pickers (#652)

Co-authored-by: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
huntabyte · Sep 12, 2024 · d3521e1 · d3521e1
1 parent 48d9002
commit d3521e1
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/healthy-mangos-hang.md b/.changeset/healthy-mangos-hang.md
@@ -0,0 +1,5 @@
+---
+"bits-ui": patch
+---
+
+fix(Date Pickers): expose `portal` prop
diff --git a/packages/bits-ui/src/lib/bits/date-picker/components/date-picker.svelte b/packages/bits-ui/src/lib/bits/date-picker/components/date-picker.svelte
@@ -5,6 +5,7 @@
 
 	type $$Props = Props;
 
+	export let portal: $$Props["portal"] = undefined;
 	export let open: $$Props["open"] = undefined;
 	export let onOpenChange: $$Props["onOpenChange"] = undefined;
 	export let value: $$Props["value"] = undefined;
@@ -167,6 +168,7 @@
 	$: updateOption("weekdayFormat", weekdayFormat);
 	$: updateOption("numberOfMonths", numberOfMonths);
 	$: updateOption("onOutsideClick", onOutsideClick);
+	$: updateOption("portal", portal);
 </script>
 
 <slot ids={$idValues} isInvalid={$localIsInvalid} />
diff --git a/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker.svelte b/packages/bits-ui/src/lib/bits/date-range-picker/components/date-range-picker.svelte
@@ -5,6 +5,7 @@
 
 	type $$Props = Props;
 
+	export let portal: $$Props["portal"] = undefined;
 	export let value: $$Props["value"] = undefined;
 	export let onValueChange: $$Props["onValueChange"] = undefined;
 	export let placeholder: $$Props["placeholder"] = undefined;
@@ -50,6 +51,7 @@
 		isDateDisabled,
 		fixedWeeks,
 		calendarLabel,
+		portal,
 		disabled,
 		granularity,
 		hideTimeZone,
@@ -216,6 +218,7 @@
 	$: updateOption("weekdayFormat", weekdayFormat);
 	$: updateOption("numberOfMonths", numberOfMonths);
 	$: updateOption("onOutsideClick", onOutsideClick);
+	$: updateOption("portal", portal);
 </script>
 
 <slot