CalendarHijri() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ CalendarHijri() — ui Function Reference

Dependency Diagram

graph TD
  1a273d35_7917_3312_0035_abb181573563["CalendarHijri()"]
  5fee80a6_338a_f156_d984_62ce7412ecc0["calendar-hijri.tsx"]
  1a273d35_7917_3312_0035_abb181573563 -->|defined in| 5fee80a6_338a_f156_d984_62ce7412ecc0
  style 1a273d35_7917_3312_0035_abb181573563 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/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 shadow-sm"
      />
    </div>
  )
}