arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(calendar): other calendar systems (#3447)

Browse Source
This commit is contained in:
Hessam A. Cheraghi
2025-03-04 13:11:00 +03:30
committed by GitHub
parent fb4e05c65f
commit 629c54261a
2 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
docs/app/components/content/examples/calendar/CalendarOtherSystemExample.vue Normal file
View File

@@ -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>

14
docs/content/3.components/calendar.md
View File

@@ -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.