From 4ea6c60f1e01ef65325ad57dff82d6eea904e253 Mon Sep 17 00:00:00 2001
From: Eduard Predescu <eduard.florin.predescu@gmail.com>
Date: Mon, 3 Feb 2025 20:34:38 +0200
Subject: [PATCH] fix(Calendar/RangeCalendar): adjust selector for data
 attributes

---
 packages/radix-vue/src/Calendar/CalendarCellTrigger.vue       | 2 +-
 .../radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue b/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue
index 71d745745..71d9f0ba9 100644
--- a/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue
+++ b/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue
@@ -70,7 +70,7 @@ const isFocusedDate = computed(() => {
 const isSelectedDate = computed(() => rootContext.isDateSelected(props.day))
 
 const SELECTOR
-  = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-month]):not([data-outside-visible-months])'
+  = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-view]):not([data-outside-visible-view])'
 
 function changeDate(date: DateValue) {
   if (rootContext.readonly.value)
diff --git a/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue b/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue
index 761581b7f..8411d823b 100644
--- a/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue
+++ b/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue
@@ -54,7 +54,7 @@ const isHighlighted = computed(() => rootContext.highlightedRange.value
   : false)
 
 const SELECTOR
-  = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-month]):not([data-outside-visible-months])'
+  = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-view]):not([data-outside-visible-view])'
 
 const isDateToday = computed(() => {
   return isToday(props.day, getLocalTimeZone())
@@ -208,7 +208,7 @@ function handleArrowKey(e: KeyboardEvent) {
     :data-disabled="isDisabled ? '' : undefined"
     :data-unavailable="isUnavailable ? '' : undefined"
     :data-today="isDateToday ? '' : undefined"
-    :data-outside-month="isOutsideView ? '' : undefined"
+    :data-outside-view="isOutsideView ? '' : undefined"
     :data-focused="isFocusedDate ? '' : undefined"
     :tabindex="isFocusedDate ? 0 : isOutsideView || isDisabled ? undefined : -1"
     @click="handleClick"