fix: similar fix for DateRangeField

unovue · Feb 20, 2025 · 05eb5a3 · 05eb5a3
1 parent 5cb8227
commit 05eb5a3
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/radix-vue/src/DateRangeField/DateRangeFieldRoot.vue b/packages/radix-vue/src/DateRangeField/DateRangeFieldRoot.vue
@@ -251,7 +251,8 @@ watch([startValue, locale], ([_startValue]) => {
   if (_startValue !== undefined) {
     startSegmentValues.value = { ...syncSegmentValues({ value: _startValue, formatter }) }
   }
-  else if (Object.values(startSegmentValues.value).every(value => value === null) || _startValue === undefined) {
+  // If segment has null value, means that user modified it, thus do not reset the segmentValues
+  else if (Object.values(startSegmentValues.value).every(value => value !== null) && _startValue === undefined) {
     startSegmentValues.value = { ...initialSegments }
   }
 })
@@ -277,7 +278,8 @@ watch([endValue, locale], ([_endValue]) => {
   if (_endValue !== undefined) {
     endSegmentValues.value = { ...syncSegmentValues({ value: _endValue, formatter }) }
   }
-  else if (Object.values(endSegmentValues.value).every(value => value === null) || _endValue === undefined) {
+  // If segment has null value, means that user modified it, thus do not reset the segmentValues
+  else if (Object.values(endSegmentValues.value).every(value => value !== null) && _endValue === undefined) {
     endSegmentValues.value = { ...initialSegments }
   }
 })