fix(Calendar): remove HTML comment that breaks attrs forwarding in production (#2504) (#2508)

The HTML comment before <Primitive> created a fragment (multi-root)
component, causing Vue to silently drop $attrs (class, style, etc.)
in production builds.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: zernonia

packages/core/src/Calendar/CalendarGrid.vue

@@ -17,11 +17,6 @@ const readonly = computed(() => rootContext.readonly.value ? true : undefined)
 </script>
 
 <template>
-  <!--
-    role="application" is intentional: it ensures screen readers like NVDA pass
-    keyboard events (arrow keys) to the web app instead of intercepting them
-    for virtual cursor navigation. This is the same pattern used by React Aria.
-  -->
   <Primitive
     v-bind="props"
     tabindex="-1"

packages/core/src/MonthPicker/MonthPickerGrid.vue

@@ -17,11 +17,6 @@ const readonly = computed(() => rootContext.readonly.value ? true : undefined)
 </script>
 
 <template>
-  <!--
-    role="application" is intentional: it ensures screen readers like NVDA pass
-    keyboard events (arrow keys) to the web app instead of intercepting them
-    for virtual cursor navigation. This is the same pattern used by React Aria.
-  -->
   <Primitive
     v-bind="props"
     tabindex="-1"

packages/core/src/MonthRangePicker/MonthRangePickerGrid.vue

@@ -17,11 +17,6 @@ const readonly = computed(() => rootContext.readonly.value ? true : undefined)
 </script>
 
 <template>
-  <!--
-    role="application" is intentional: it ensures screen readers like NVDA pass
-    keyboard events (arrow keys) to the web app instead of intercepting them
-    for virtual cursor navigation. This is the same pattern used by React Aria.
-  -->
   <Primitive
     v-bind="props"
     tabindex="-1"

packages/core/src/RangeCalendar/RangeCalendarGrid.vue

@@ -18,11 +18,6 @@ const readonly = computed(() => rootContext.readonly.value ? true : undefined)
 </script>
 
 <template>
-  <!--
-    role="application" is intentional: it ensures screen readers like NVDA pass
-    keyboard events (arrow keys) to the web app instead of intercepting them
-    for virtual cursor navigation. This is the same pattern used by React Aria.
-  -->
   <Primitive
     v-bind="props"
     tabindex="-1"

packages/core/src/YearPicker/YearPickerGrid.vue

@@ -17,11 +17,6 @@ const readonly = computed(() => rootContext.readonly.value ? true : undefined)
 </script>
 
 <template>
-  <!--
-    role="application" is intentional: it ensures screen readers like NVDA pass
-    keyboard events (arrow keys) to the web app instead of intercepting them
-    for virtual cursor navigation. This is the same pattern used by React Aria.
-  -->
   <Primitive
     v-bind="props"
     tabindex="-1"

packages/core/src/YearRangePicker/YearRangePickerGrid.vue

@@ -17,11 +17,6 @@ const readonly = computed(() => rootContext.readonly.value ? true : undefined)
 </script>
 
 <template>
-  <!--
-    role="application" is intentional: it ensures screen readers like NVDA pass
-    keyboard events (arrow keys) to the web app instead of intercepting them
-    for virtual cursor navigation. This is the same pattern used by React Aria.
-  -->
   <Primitive
     v-bind="props"
     tabindex="-1"