lecom-ui 5.2.83 → 5.2.84

package/dist/components/DatePicker/DatePicker.js

@@ -9,9 +9,23 @@ import { CalendarIcon } from 'lucide-react';
 function DatePicker({
   className,
   variant = "outlined",
-  locale
+  locale,
+  placeholder = "Pick a date",
+  value,
+  onChange,
+  format: format$1 = "PPP",
+  status
 }) {
-  const [date, setDate] = React.useState();
+  const [internalDate, setInternalDate] = React.useState();
+  const isControlled = value !== void 0 && onChange !== void 0;
+  const date = isControlled ? value : internalDate;
+  const handleSelect = (selected) => {
+    if (isControlled && onChange) {
+      onChange(selected);
+    } else {
+      setInternalDate(selected);
+    }
+  };
   return /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
     Button,
     {
@@ -19,17 +33,18 @@ function DatePicker({
       className: cn(
         "w-[240px] justify-start text-left font-normal",
         !date && "text-muted-foreground",
-        className
+        className,
+        status
       )
     },
     /* @__PURE__ */ React.createElement(CalendarIcon, { className: "mr-2 h-4 w-4" }),
-    date ? format(date, "PPP", { locale }) : /* @__PURE__ */ React.createElement("span", null, "Pick a date")
+    date ? format(date, format$1, { locale }) : /* @__PURE__ */ React.createElement("span", null, placeholder)
   )), /* @__PURE__ */ React.createElement(PopoverContent, { className: "w-auto p-0", align: "start" }, /* @__PURE__ */ React.createElement(
     Calendar,
     {
       mode: "single",
       selected: date,
-      onSelect: setDate,
+      onSelect: handleSelect,
       autoFocus: true,
       locale
     }

package/dist/index.d.ts

@@ -1159,8 +1159,13 @@ interface DatePickerProps {
     className?: string;
     variant?: 'outlined' | 'filled' | 'ghost' | null;
     locale?: Locale;
+    placeholder?: string;
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    format?: string;
+    status?: string;
 }
-declare function DatePicker({ className, variant, locale, }: DatePickerProps): React$1.JSX.Element;
+declare function DatePicker({ className, variant, locale, placeholder, value, onChange, format, status, }: DatePickerProps): React$1.JSX.Element;
 declare namespace DatePicker {
     var displayName: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "5.2.83",
+  "version": "5.2.84",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",