CalendarWeekNumbers() — ui Function Reference

Architecture documentation for the CalendarWeekNumbers() function in calendar-week-numbers.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ CalendarWeekNumbers() — ui Function Reference

Dependency Diagram

graph TD
  63ee5684_d04f_7d82_217e_ac8a302748a2["CalendarWeekNumbers()"]
  c136b6bc_ed8e_5920_8f0b_5710a99401a6["calendar-week-numbers.tsx"]
  63ee5684_d04f_7d82_217e_ac8a302748a2 -->|defined in| c136b6bc_ed8e_5920_8f0b_5710a99401a6
  style 63ee5684_d04f_7d82_217e_ac8a302748a2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/calendar-week-numbers.tsx lines 7–25

export function CalendarWeekNumbers() {
  const [date, setDate] = React.useState<Date | undefined>(
    new Date(new Date().getFullYear(), 1, 3)
  )

  return (
    <Card className="mx-auto w-fit p-0">
      <CardContent className="p-0">
        <Calendar
          mode="single"
          defaultMonth={date}
          selected={date}
          onSelect={setDate}
          showWeekNumber
        />
      </CardContent>
    </Card>
  )
}