{"version":3,"file":"index.mjs","names":[],"sources":["../../src/date-picker/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { format } from \"date-fns\";\nimport { Calendar as CalendarIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { Button } from \"../button\";\nimport { Calendar } from \"../calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\n\nfunction DatePicker() {\n  const [date, setDate] = React.useState<Date>();\n\n  return (\n    <Popover>\n      <PopoverTrigger>\n        <Button\n          variant=\"outline\"\n          data-empty={!date}\n          className=\"data-[empty=true]:text-muted-foreground justify-start text-left font-normal\"\n        />\n        <CalendarIcon />\n        {date ? format(date, \"PPP\") : <span>Pick a date</span>}\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport { DatePicker };\n"],"mappings":";;;;;;;;;AAUA,SAAS,aAAa;CACpB,MAAM,CAAC,MAAM,WAAW,MAAM,UAAgB;AAE9C,QACE,qBAAC,SAAD,EAAA,UAAA,CACE,qBAAC,gBAAD,EAAA,UAAA;EACE,oBAAC,QAAD;GACE,SAAQ;GACR,cAAY,CAAC;GACb,WAAU;GACV,CAAA;EACF,oBAAC,UAAD,EAAgB,CAAA;EACf,OAAO,OAAO,MAAM,MAAM,GAAG,oBAAC,QAAD,EAAA,UAAM,eAAkB,CAAA;EACvC,EAAA,CAAA,EACjB,oBAAC,gBAAD;EAAgB,WAAU;YACxB,oBAAC,YAAD;GAAU,MAAK;GAAS,UAAU;GAAM,UAAU;GAAW,CAAA;EAC9C,CAAA,CACT,EAAA,CAAA"}