fix(RangeCalendar): data-selection-start not being applied on first s…

…elect (#810) * fix(RangeCalendar): data-selection-start not being applied on first click * fix(RangeCalendar): adjust test to handle reset range
radix-vue · Apr 2, 2024 · 56519b4 · 56519b4
1 parent d550024
commit 56519b4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/radix-vue/src/RangeCalendar/RangeCalendar.test.ts b/packages/radix-vue/src/RangeCalendar/RangeCalendar.test.ts
@@ -106,7 +106,7 @@ describe('RangeCalendar', () => {
     startValue = calendar.querySelector('[data-selection-start]')
     endValue = calendar.querySelector('[data-selection-end]')
 
-    expect(startValue).not.toBeInTheDocument()
+    expect(startValue).toBeInTheDocument()
     expect(endValue).not.toBeInTheDocument()
 
     const seventhDayInMonth = getByTestId('date-1-7')

diff --git a/packages/radix-vue/src/RangeCalendar/useRangeCalendar.ts b/packages/radix-vue/src/RangeCalendar/useRangeCalendar.ts
@@ -43,13 +43,13 @@ export function useRangeCalendarState(props: UseRangeCalendarProps) {
   )
 
   const isSelectionStart = (date: DateValue) => {
-    if (!props.start.value || !props.end.value)
+    if (!props.start.value)
       return false
     return isSameDay(props.start.value, date)
   }
 
   const isSelectionEnd = (date: DateValue) => {
-    if (!props.end.value || !props.start.value)
+    if (!props.end.value)
       return false
     return isSameDay(props.end.value, date)
   }