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
  c43bd1a4_7650_2f65_4374_7026772c2d34["CalendarWeekNumbers()"]
  c926fecc_e85d_5c8c_1e29_003f11b3f66a["calendar-week-numbers.tsx"]
  c43bd1a4_7650_2f65_4374_7026772c2d34 -->|defined in| c926fecc_e85d_5c8c_1e29_003f11b3f66a
  style c43bd1a4_7650_2f65_4374_7026772c2d34 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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

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

  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>
  )
}