@seekbuddy/dsh-ui 0.0.0-stage → 0.2.0-beta.0

package/dist/chunks/chunk-NE62SYOZ.js

@@ -0,0 +1,89 @@
+import {
+  Calendar
+} from "./chunk-XX6MSZLS.js";
+import {
+  formatDateMedium,
+  isOutsideBounds,
+  monthOf,
+  todayIso
+} from "./chunk-RZOP2PFC.js";
+
+// src/seekbuddy/date/DatePicker.tsx
+import clsx from "clsx";
+import { Button } from "@seekbuddy/dsh-ui";
+import { useState } from "react";
+
+// .build/css/seekbuddy/date/DatePicker.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/date/DatePicker.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id);
+  element.textContent = "._41R-kq_picker{color:var(--dsw-alias-label-primary);gap:12px;display:inline-grid}._41R-kq_footer{border-top:.5px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding-top:12px;display:flex}._41R-kq_summary{min-width:0;color:var(--dsw-alias-label-secondary);font:var(--dsw-font-xs-13);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._41R-kq_empty{color:var(--dsw-alias-label-tertiary)}._41R-kq_today{color:var(--dsw-alias-state-business-primary);flex:none}._41R-kq_today:focus-visible{outline-offset:1px;outline-style:solid}";
+  document.head.appendChild(element);
+}
+var DatePicker_module_default = { "today": "_41R-kq_today", "footer": "_41R-kq_footer", "summary": "_41R-kq_summary", "empty": "_41R-kq_empty", "picker": "_41R-kq_picker" };
+
+// src/seekbuddy/date/DatePicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DatePicker({
+  value,
+  onChange,
+  labels,
+  formatSelected,
+  month,
+  onMonthChange,
+  min,
+  max,
+  isDateDisabled,
+  locale,
+  today: todayProp,
+  className,
+  ...calendar
+}) {
+  const [todayFallback] = useState(() => todayProp ?? todayIso());
+  const today = todayProp ?? todayFallback;
+  const [monthState, setMonthState] = useState(() => monthOf(value ?? today));
+  const [seenValue, setSeenValue] = useState(value);
+  if (value !== seenValue) {
+    setSeenValue(value);
+    if (value !== null && monthOf(value) !== monthState) setMonthState(monthOf(value));
+  }
+  const visibleMonth = month ?? monthState;
+  const showMonth = (next) => {
+    if (month === void 0) setMonthState(next);
+    onMonthChange?.(next);
+  };
+  const todayDisabled = isOutsideBounds(today, min, max) || (isDateDisabled?.(today) ?? false);
+  const pickToday = () => {
+    if (monthOf(today) !== visibleMonth) showMonth(monthOf(today));
+    onChange(today);
+  };
+  const format = formatSelected ?? ((date) => formatDateMedium(locale, date));
+  return /* @__PURE__ */ jsxs("div", { className: clsx(DatePicker_module_default.picker, className), children: [
+    /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        ...calendar,
+        mode: "single",
+        value,
+        onChange,
+        month: visibleMonth,
+        onMonthChange: showMonth,
+        min,
+        max,
+        isDateDisabled,
+        locale,
+        today,
+        labels
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: DatePicker_module_default.footer, children: [
+      /* @__PURE__ */ jsx("span", { className: clsx(DatePicker_module_default.summary, value === null && DatePicker_module_default.empty), children: value === null ? labels.empty : format(value) }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: DatePicker_module_default.today, disabled: todayDisabled, onClick: pickToday, children: labels.today })
+    ] })
+  ] });
+}
+
+export {
+  DatePicker
+};