CalendarDemo() — ui Function Reference

Architecture documentation for the CalendarDemo() function in calendar-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ CalendarDemo() — ui Function Reference

Dependency Diagram

graph TD
  adcf49e8_dc88_ca00_1af5_ba25353da831["CalendarDemo()"]
  5fbf849d_fd5d_8f6c_88e7_5a64a8f219ab["calendar-demo.tsx"]
  adcf49e8_dc88_ca00_1af5_ba25353da831 -->|defined in| 5fbf849d_fd5d_8f6c_88e7_5a64a8f219ab
  style adcf49e8_dc88_ca00_1af5_ba25353da831 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(internal)/sink/components/calendar-demo.tsx lines 15–28

export function CalendarDemo() {
  return (
    <div className="bg-muted flex flex-1 flex-col flex-wrap justify-center gap-8 p-10 lg:flex-row">
      <CalendarSingle />
      <CalendarMultiple />
      <CalendarRange />
      <CalendarBookedDates />
      <CalendarRangeMultipleMonths />
      <CalendarWithTime />
      <CalendarWithPresets />
      <CalendarCustomDays />
    </div>
  )
}