Enable dynamicPositioning by default

Author: kasper9n

CHANGELOG.md

@@ -1,7 +1,8 @@
 # Changelog
 
 ## Next
-- Require Svelte 5
+- **Breaking**: Require Svelte 5
+- **Breaking**: Enable DateInput `dynamicPositioning` by default. If there's not enough space on the screen, this means the popup can appear above/below and right/left-aligned to the input. If your `DateInput` is near the edge of a non-overflow/scollable container, check how it behaves.
 
 ## 2.17.0 - 2025 Nov 28
 - Add `initialBrowseDate` prop (@endaaman)

src/lib/DateInput.svelte

@@ -44,7 +44,6 @@
 		/** Disallow specific dates */
 		isDisabledDate?: ((dateToCheck: Date) => boolean) | null
 		/** Automatically adjust date popup position to not appear outside the screen */
-		// todo: enable by default
 		dynamicPositioning?: boolean
 		/** Fires when the user selects a new value by clicking on a date or by pressing enter */
 		onselect?: (date: Date) => void
@@ -75,7 +74,7 @@
 		closeOnSelection = $bindable(false),
 		browseWithoutSelecting = $bindable(false),
 		timePrecision = $bindable(null),
-		dynamicPositioning = $bindable(false),
+		dynamicPositioning = $bindable(true),
 		onselect,
 		children,
 	}: Props = $props()

src/routes/DemoDateInput.svelte

@@ -27,7 +27,7 @@
 		closeOnSelection = false,
 		browseWithoutSelecting = false,
 		timePrecision = null,
-		dynamicPositioning = false,
+		dynamicPositioning = true,
 	} = {}
 
 	let locales = [