diff --git a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
index 4ffb1d51..e1a54d77 100644
--- a/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/default/example/DatePickerWithIndependentMonths.vue
@@ -13,7 +13,7 @@ import {
 } from '@internationalized/date'
 
 import { type DateRange, RangeCalendarRoot, useDateFormatter } from 'radix-vue'
-import { createMonth, toDate } from 'radix-vue/date'
+import { type Grid, createMonth, toDate } from 'radix-vue/date'
 import {
   RangeCalendarCell,
   RangeCalendarCellTrigger,
@@ -48,7 +48,7 @@ const firstMonth = ref(
     fixedWeeks: true,
     weekStartsOn: 0,
   }),
-)
+) as Ref<Grid<DateValue>>
 const secondMonth = ref(
   createMonth({
     dateObj: secondMonthPlaceholder.value,
@@ -56,7 +56,7 @@ const secondMonth = ref(
     fixedWeeks: true,
     weekStartsOn: 0,
   }),
-)
+) as Ref<Grid<DateValue>>
 
 function updateMonth(reference: 'first' | 'second', months: number) {
   if (reference === 'first') {
diff --git a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
index 61144d19..ceebaa22 100644
--- a/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
+++ b/apps/www/src/lib/registry/new-york/example/DatePickerWithIndependentMonths.vue
@@ -13,7 +13,7 @@ import {
 } from '@internationalized/date'
 
 import { type DateRange, RangeCalendarRoot, useDateFormatter } from 'radix-vue'
-import { createMonth, toDate } from 'radix-vue/date'
+import { type Grid, createMonth, toDate } from 'radix-vue/date'
 import {
   RangeCalendarCell,
   RangeCalendarCellTrigger,
@@ -48,7 +48,7 @@ const firstMonth = ref(
     fixedWeeks: true,
     weekStartsOn: 0,
   }),
-)
+) as Ref<Grid<DateValue>>
 const secondMonth = ref(
   createMonth({
     dateObj: secondMonthPlaceholder.value,
@@ -56,7 +56,7 @@ const secondMonth = ref(
     fixedWeeks: true,
     weekStartsOn: 0,
   }),
-)
+) as Ref<Grid<DateValue>>
 
 function updateMonth(reference: 'first' | 'second', months: number) {
   if (reference === 'first') {