braid-ui 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +31 -26
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +31 -26
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -5810,14 +5810,16 @@ function DatePicker({
5810
5810
  buttonClassName,
5811
5811
  calendarClassName,
5812
5812
  align = "start",
5813
- disabledDates
5813
+ disabledDates,
5814
+ label,
5815
+ wrapperClassName
5814
5816
  }) {
5815
5817
  const [open, setOpen] = React15__namespace.useState(false);
5816
5818
  const handleSelect = (selectedDate) => {
5817
5819
  onDateChange?.(selectedDate);
5818
5820
  setOpen(false);
5819
5821
  };
5820
- return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
5822
+ const picker = /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
5821
5823
  /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
5822
5824
  Button,
5823
5825
  {
@@ -5846,6 +5848,13 @@ function DatePicker({
5846
5848
  }
5847
5849
  ) })
5848
5850
  ] });
5851
+ if (label) {
5852
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
5853
+ /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
5854
+ picker
5855
+ ] });
5856
+ }
5857
+ return picker;
5849
5858
  }
5850
5859
  function DataTable({
5851
5860
  columns: columns2,
@@ -6097,30 +6106,26 @@ var StatementView = ({
6097
6106
  onChange: (e) => onAccountNumberChange(e.target.value)
6098
6107
  }
6099
6108
  ),
6100
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
6101
- /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Start Date" }),
6102
- /* @__PURE__ */ jsxRuntime.jsx(
6103
- DatePicker,
6104
- {
6105
- date: startDate,
6106
- onDateChange: onStartDateChange,
6107
- placeholder: "Select start date",
6108
- buttonClassName: "w-full"
6109
- }
6110
- )
6111
- ] }),
6112
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
6113
- /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "End Date" }),
6114
- /* @__PURE__ */ jsxRuntime.jsx(
6115
- DatePicker,
6116
- {
6117
- date: endDate,
6118
- onDateChange: onEndDateChange,
6119
- placeholder: "Select end date",
6120
- buttonClassName: "w-full"
6121
- }
6122
- )
6123
- ] })
6109
+ /* @__PURE__ */ jsxRuntime.jsx(
6110
+ DatePicker,
6111
+ {
6112
+ label: "Start Date",
6113
+ date: startDate,
6114
+ onDateChange: onStartDateChange,
6115
+ placeholder: "Select start date",
6116
+ buttonClassName: "w-full"
6117
+ }
6118
+ ),
6119
+ /* @__PURE__ */ jsxRuntime.jsx(
6120
+ DatePicker,
6121
+ {
6122
+ label: "End Date",
6123
+ date: endDate,
6124
+ onDateChange: onEndDateChange,
6125
+ placeholder: "Select end date",
6126
+ buttonClassName: "w-full"
6127
+ }
6128
+ )
6124
6129
  ] }),
6125
6130
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
6126
6131
  Button,