DemoDatePicker() — ui Function Reference

Architecture documentation for the DemoDatePicker() function in date-picker.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ DemoDatePicker() — ui Function Reference

Dependency Diagram

graph TD
  90841eb0_53cb_5ac6_ad4c_951899c48446["DemoDatePicker()"]
  fc80b2bb_65b5_0e15_d230_91f4d6fa1d87["date-picker.tsx"]
  90841eb0_53cb_5ac6_ad4c_951899c48446 -->|defined in| fc80b2bb_65b5_0e15_d230_91f4d6fa1d87
  style 90841eb0_53cb_5ac6_ad4c_951899c48446 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(app)/examples/cards/components/date-picker.tsx lines 5–18

export function DemoDatePicker() {
  return (
    <Card>
      <CardContent className="pt-6">
        <div className="space-y-2">
          <Label htmlFor="date" className="shrink-0">
            Pick a date
          </Label>
          <DatePickerWithRange className="[&>button]:w-[260px]" />
        </div>
      </CardContent>
    </Card>
  )
}