diff --git a/.changeset/bright-sites-wonder.md b/.changeset/bright-sites-wonder.md
new file mode 100644
index 000000000..c5bc99d37
--- /dev/null
+++ b/.changeset/bright-sites-wonder.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(DateRangeField): Fix stepper offsets
diff --git a/.changeset/dry-peas-hear.md b/.changeset/dry-peas-hear.md
new file mode 100644
index 000000000..f264fcae6
--- /dev/null
+++ b/.changeset/dry-peas-hear.md
@@ -0,0 +1,5 @@
+---
+'svelte-ux': patch
+---
+
+fix(DateRangeField): Reflect value changes (quick presets, stepper, etc) in dialog
diff --git a/packages/svelte-ux/src/lib/components/DateRangeField.svelte b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
index 7f5f28a07..04ebf6585 100644
--- a/packages/svelte-ux/src/lib/components/DateRangeField.svelte
+++ b/packages/svelte-ux/src/lib/components/DateRangeField.svelte
@@ -60,7 +60,6 @@
 
   // Field props
   export let label: string | null = null;
-  // export let value = '';
   export let error = '';
   export let hint = '';
   export let disabled = false;
@@ -75,6 +74,9 @@
 
   let currentValue = value;
 
+  // Sync currentValue with value changes (quick preset changes)
+  $: currentValue = value;
+
   $: restProps = { ...defaults, ...$$restProps };
 </script>
 
@@ -105,7 +107,7 @@
               $localeSettings,
               value.periodType
             );
-            const offset = difference(value.from, value.to) - 1;
+            const offset = -difference(value.from, value.to) - 1;
             value = {
               from: start(add(value.from, offset)),
               to: end(add(value.to, offset)),
@@ -161,7 +163,7 @@
               $localeSettings,
               value.periodType
             );
-            const offset = difference(value.to, value.from) + 1;
+            const offset = difference(value.from, value.to) + 1;
             value = {
               from: start(add(value.from, offset)),
               to: end(add(value.to, offset)),