{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "datetime-picker-and-time-input",
  "title": "Datetime Picker and Time Input",
  "description": "component for the Datetime Picker and Time Input",
  "registryDependencies": [
    "datetime-picker"
  ],
  "files": [
    {
      "path": "app/registry/datetime-picker/usage/date-picker-and-time-input.tsx",
      "content": "\"use client\";\nimport React, { useState } from \"react\";\nimport { DateTimePicker, TimePicker } from \"@/components/ui/datetime-picker\";\n\nconst DatePickerAndTimeInput = () => {\n  const [date, setDate] = useState<Date | undefined>(undefined);\n  const [time, setTime] = useState<Date | undefined>(undefined);\n\n  return (\n    <div className=\"flex flex-col gap-3 md:flex-row md:gap-10\">\n      <div className=\"w-72 space-y-2\">\n        <p>Date Picker</p>\n        <DateTimePicker\n          granularity=\"day\"\n          value={date}\n          onChange={setDate}\n          locale={undefined}\n          weekStartsOn={undefined}\n          showWeekNumber={undefined}\n          showOutsideDays={undefined}\n        />\n      </div>\n      <div className=\"w-72 space-y-2\">\n        <p>Time Input</p>\n        <TimePicker date={time} onChange={setTime} />\n      </div>\n    </div>\n  );\n};\n\nexport default DatePickerAndTimeInput;\n",
      "type": "registry:component",
      "target": "components/spectrumui/date-picker-and-time-input.tsx"
    }
  ],
  "type": "registry:component"
}