ui Architecture Docs
Home / File/ date-picker.tsx — ui Source File

date-picker.tsx — ui Source File

Architecture documentation for date-picker.tsx, a tsx file in the ui codebase. 3 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 3 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  91c6c23b_8ae6_bcc3_13a4_1136ab7e4495["date-picker.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  91c6c23b_8ae6_bcc3_13a4_1136ab7e4495 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  03da0d38_11b2_de2d_d83c_ae8b2e6656b8["calendar"]
  91c6c23b_8ae6_bcc3_13a4_1136ab7e4495 --> 03da0d38_11b2_de2d_d83c_ae8b2e6656b8
  f1a5091e_9f4f_a457_6394_4e05eb42bbf1["sidebar"]
  91c6c23b_8ae6_bcc3_13a4_1136ab7e4495 --> f1a5091e_9f4f_a457_6394_4e05eb42bbf1
  style 91c6c23b_8ae6_bcc3_13a4_1136ab7e4495 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as React from "react"

import { Calendar } from "@/registry/bases/base/ui/calendar"
import {
  SidebarGroup,
  SidebarGroupContent,
} from "@/registry/bases/base/ui/sidebar"

export function DatePicker() {
  const [date, setDate] = React.useState<Date | undefined>(
    new Date(new Date().getFullYear(), new Date().getMonth(), 12)
  )
  return (
    <SidebarGroup className="px-0">
      <SidebarGroupContent>
        <Calendar
          mode="single"
          selected={date}
          onSelect={setDate}
          captionLayout="dropdown"
          className="bg-transparent [--cell-size:2.1rem]"
        />
      </SidebarGroupContent>
    </SidebarGroup>
  )
}

Domain

Subdomains

Functions

Dependencies

  • calendar
  • react
  • sidebar

Source

Frequently Asked Questions

What does date-picker.tsx do?
date-picker.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in date-picker.tsx?
date-picker.tsx defines 1 function(s): DatePicker.
What does date-picker.tsx depend on?
date-picker.tsx imports 3 module(s): calendar, react, sidebar.
Where is date-picker.tsx in the architecture?
date-picker.tsx is located at apps/v4/registry/bases/base/blocks/sidebar-12/components/date-picker.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: apps/v4/registry/bases/base/blocks/sidebar-12/components).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free