From 629c54261aed8501d6d558f4ac2382fb8413f613 Mon Sep 17 00:00:00 2001
From: "Hessam A. Cheraghi" <62061093+HessamCheraghi@users.noreply.github.com>
Date: Tue, 4 Mar 2025 13:11:00 +0330
Subject: [PATCH] docs(calendar): other calendar systems (#3447)

---
 .../calendar/CalendarOtherSystemExample.vue        |  9 +++++++++
 docs/content/3.components/calendar.md              | 14 ++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 docs/app/components/content/examples/calendar/CalendarOtherSystemExample.vue

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.