@bouku/core 0.4.9 → 0.5.0

package/dist/components/date/range-picker.d.ts

@@ -5,9 +5,10 @@ export type DateRange = {
 type Props = DateRange & {
     size?: "xs" | "sm";
     min?: string;
+    max?: string;
     update: (next: DateRange) => void;
-    initial: DateRange;
+    initial?: DateRange;
 };
-export declare function DateRangePicker({ from, to, size, min, update, initial }: Props): import("react").JSX.Element;
+export declare function DateRangePicker({ from, to, size, min, max, update, initial }: Props): import("react").JSX.Element;
 export declare const formatDateLabel: (value: string) => string;
 export default DateRangePicker;

package/dist/components/date/range-picker.js

@@ -4,7 +4,7 @@ import { DatePicker } from "./picker.js";
 import { Button } from "../button/normal.js";
 import Trash from "../../assets/icons/trash.svg";
 import Calendar from "../../assets/icons/calendar.svg";
-export function DateRangePicker({ from, to, size = "sm", min, update, initial }) {
+export function DateRangePicker({ from, to, size = "sm", min, max, update, initial = { from: "", to: "" } }) {
     const label = from && to
         ? `${formatDateLabel(from)} – ${formatDateLabel(to)}`
         : from
@@ -13,7 +13,7 @@ export function DateRangePicker({ from, to, size = "sm", min, update, initial })
                 ? `Until ${formatDateLabel(to)}`
                 : null;
     const Trigger = (_jsx(Button, { size: size, style: "bg-surface-dark border-border-darker", icon: label ? undefined : _jsx(Calendar, {}), children: label ?? "Filter Date" }));
-    return (_jsxs(Dropdown, { trigger: Trigger, align: "right", style: "gap-3 min-w-56 p-4", children: [_jsx(DatePicker, { id: "from", label: "From", size: "sm", style: "gap-1", min: min, max: to || undefined, value: from, update: v => update({ from: v, to }) }), _jsx(DatePicker, { id: "to", label: "To", size: "sm", style: "gap-1", min: from || min, value: to, update: v => update({ from, to: v }) }), (from || to) && (_jsx(Button, { size: "xs", style: "mx-auto py-1 px-2 gap-1", variant: "error", icon: _jsx(Trash, {}), action: () => update(initial), children: "Clear" }))] }));
+    return (_jsxs(Dropdown, { trigger: Trigger, align: "right", style: "gap-3 min-w-56 p-4", children: [_jsx(DatePicker, { id: "from", label: "From", size: "sm", style: "gap-1", min: min, max: to || max, value: from, update: v => update({ from: v, to }) }), _jsx(DatePicker, { id: "to", label: "To", size: "sm", style: "gap-1", min: from || min, max: max, value: to, update: v => update({ from, to: v }) }), (from || to) && (_jsx(Button, { size: "xs", style: "mx-auto py-1 px-2 gap-1", variant: "error", icon: _jsx(Trash, {}), action: () => update(initial), children: "Clear" }))] }));
 }
 export const formatDateLabel = (value) => {
     if (!value)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bouku/core",
-  "version": "0.4.9",
+  "version": "0.5.0",
   "main": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",