diff --git a/docs/app/components/content/examples/calendar/CalendarOtherSystemExample.vue b/docs/app/components/content/examples/calendar/CalendarOtherSystemExample.vue
new file mode 100644
index 00000000..bef5026b
--- /dev/null
+++ b/docs/app/components/content/examples/calendar/CalendarOtherSystemExample.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { CalendarDate, HebrewCalendar } from '@internationalized/date'
+
+const hebrewDate = shallowRef(new CalendarDate(new HebrewCalendar(), 5781, 1, 1))
+</script>
+
+<template>
+  <UCalendar v-model="hebrewDate" />
+</template>
diff --git a/docs/content/3.components/calendar.md b/docs/content/3.components/calendar.md
index ac047357..0cd8676d 100644
--- a/docs/content/3.components/calendar.md
+++ b/docs/content/3.components/calendar.md
@@ -209,6 +209,20 @@ name: 'calendar-min-max-dates-example'
 ---
 ::
 
+### With other calendar systems
+
+You can use other calenders from `@internationalized/date` to implement a different calendar system. 
+
+::component-example
+---
+name: 'calendar-other-system-example'
+---
+::
+
+::note{to="https://react-spectrum.adobe.com/internationalized/date/Calendar.html#implementations"}
+You can check all the available calendars on `@internationalized/date` docs.
+::
+
 ### As a DatePicker
 
 Use a [Button](/components/button) and a [Popover](/components/popover) component to create a date picker.