fix: add missing props for DateRangePicker

closes huntabyte#650
NDOY3M4N · Sep 3, 2024 · ffb6ec0 · ffb6ec0
1 parent 7539bf5
commit ffb6ec0
Showing 1 changed file with 12 additions and 0 deletions.
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,8 @@
 
 	type $$Props = Props;
 
+	export let open: $$Props["open"] = undefined;
+	export let onOpenChange: $$Props["onOpenChange"] = undefined;
 	export let value: $$Props["value"] = undefined;
 	export let onValueChange: $$Props["onValueChange"] = undefined;
 	export let placeholder: $$Props["placeholder"] = undefined;
@@ -33,6 +35,7 @@
 
 	const {
 		states: {
+			open: localOpen,
 			value: localValue,
 			placeholder: localPlaceholder,
 			isInvalid: localIsInvalid,
@@ -42,6 +45,7 @@
 		updateOption,
 		ids,
 	} = setCtx({
+    defaultOpen: open,
 		defaultValue: value,
 		defaultPlaceholder: placeholder,
 		preventDeselect,
@@ -76,6 +80,13 @@
 			}
 			return next;
 		},
+		onOpenChange: ({ next }) => {
+			if (open !== next) {
+				onOpenChange?.(next);
+				open = next;
+			}
+			return next;
+		},
 	});
 
 	const startFieldIds = derived(
@@ -197,6 +208,7 @@
 		localValue.set(nextValue);
 	}
 	$: placeholder !== undefined && localPlaceholder.set(placeholder);
+	$: open !== undefined && localOpen.set(open);
 
 	$: updateOption("disabled", disabled);
 	$: updateOption("isDateUnavailable", isDateUnavailable);