CalendarHijri() — ui Function Reference

Architecture documentation for the CalendarHijri() function in calendar-hijri.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ CalendarHijri() — ui Function Reference

Dependency Diagram

graph TD
  869d5a5c_718a_5863_47e9_1c1635ba6f80["CalendarHijri()"]
  67cc397a_124a_dd66_f3f4_b58b1126369d["calendar-hijri.tsx"]
  869d5a5c_718a_5863_47e9_1c1635ba6f80 -->|defined in| 67cc397a_124a_dd66_f3f4_b58b1126369d
  style 869d5a5c_718a_5863_47e9_1c1635ba6f80 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/calendar-hijri.tsx lines 18–34

export default function CalendarHijri() {
  const [date, setDate] = React.useState<Date | undefined>(
    new Date(2025, 5, 12)
  )

  return (
    <div className={vazirmatn.className}>
      <Calendar
        mode="single"
        defaultMonth={date}
        selected={date}
        onSelect={setDate}
        className="rounded-lg border"
      />
    </div>
  )
}