{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "date-picker",
"type": "registry:ui",
"title": "Date Picker",
"description": "A date picker component",
"dependencies": [
"solid-js",
"@ark-ui/solid"
],
"registryDependencies": [
"https://solid-ui.com/r/button.json"
],
"files": [
{
"path": "src/registry/ui/date-picker.tsx",
"content": "import { children, Show, splitProps } from \"solid-js\"\n\nimport { DatePicker as DatePickerPrimitive } from \"@ark-ui/solid\"\n\nimport { cn } from \"~/lib/utils\"\nimport { buttonVariants } from \"~/registry/ui/button\"\n\nconst DatePicker = DatePickerPrimitive.Root\nconst DatePickerLabel = DatePickerPrimitive.Label\nconst DatePickerContext = DatePickerPrimitive.Context\nconst DatePickerTableHead = DatePickerPrimitive.TableHead\nconst DatePickerTableBody = DatePickerPrimitive.TableBody\nconst DatePickerYearSelect = DatePickerPrimitive.YearSelect\nconst DatePickerMonthSelect = DatePickerPrimitive.MonthSelect\nconst DatePickerPositioner = DatePickerPrimitive.Positioner\n\nconst DatePickerControl = (props: DatePickerPrimitive.ControlProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerInput = (props: DatePickerPrimitive.InputProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerTrigger = (props: DatePickerPrimitive.TriggerProps) => {\n const [local, others] = splitProps(props, [\"class\", \"children\"])\n\n // prevents rendering children twice\n const resolvedChildren = children(() => local.children)\n const hasChildren = () => resolvedChildren.toArray().length !== 0\n\n return (\n svg]:size-4\",\n local.class\n )}\n {...others}\n >\n \n \n \n \n \n \n \n \n Calendar\n \n \n \n )\n}\n\nconst DatePickerContent = (props: DatePickerPrimitive.ContentProps) => {\n const [local, others] = splitProps(props, [\"class\", \"children\"])\n\n return (\n \n {local.children}\n \n )\n}\n\nconst DatePickerView = (props: DatePickerPrimitive.ViewProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return \n}\n\nconst DatePickerViewControl = (props: DatePickerPrimitive.ViewControlProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerPrevTrigger = (props: DatePickerPrimitive.PrevTriggerProps) => {\n const [local, others] = splitProps(props, [\"class\", \"children\"])\n\n // prevents rendering children twice\n const resolvedChildren = children(() => local.children)\n const hasChildren = () => resolvedChildren.toArray().length !== 0\n\n return (\n \n \n \n \n Previous\n \n \n \n )\n}\n\nconst DatePickerNextTrigger = (props: DatePickerPrimitive.NextTriggerProps) => {\n const [local, others] = splitProps(props, [\"class\", \"children\"])\n\n // prevents rendering children twice\n const resolvedChildren = children(() => local.children)\n const hasChildren = () => resolvedChildren.toArray().length !== 0\n\n return (\n \n \n \n \n Next\n \n \n \n )\n}\n\nconst DatePickerViewTrigger = (props: DatePickerPrimitive.ViewTriggerProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerRangeText = (props: DatePickerPrimitive.RangeTextProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerTable = (props: DatePickerPrimitive.TableProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerTableRow = (props: DatePickerPrimitive.TableRowProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return \n}\n\nconst DatePickerTableHeader = (props: DatePickerPrimitive.TableHeaderProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerTableCell = (props: DatePickerPrimitive.TableCellProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nconst DatePickerTableCellTrigger = (props: DatePickerPrimitive.TableCellTriggerProps) => {\n const [local, others] = splitProps(props, [\"class\"])\n return (\n \n )\n}\n\nexport {\n DatePicker,\n DatePickerLabel,\n DatePickerControl,\n DatePickerInput,\n DatePickerTrigger,\n DatePickerContent,\n DatePickerView,\n DatePickerViewControl,\n DatePickerPrevTrigger,\n DatePickerNextTrigger,\n DatePickerViewTrigger,\n DatePickerRangeText,\n DatePickerContext,\n DatePickerTable,\n DatePickerTableHead,\n DatePickerTableBody,\n DatePickerTableRow,\n DatePickerTableHeader,\n DatePickerTableCell,\n DatePickerTableCellTrigger,\n DatePickerYearSelect,\n DatePickerMonthSelect,\n DatePickerPositioner\n}\n",
"type": "registry:ui"
}
]
}