@mieweb/ui 0.11.0-dev.33 → 0.11.0-dev.34

package/dist/{chunk-PYAK7XXD.js → chunk-NW6D6AFL.js}

@@ -1,24 +1,19 @@
-import { CodingChips, RowActionToolbar, RowIconButton, currentAssertion } from './chunk-KSQQBFDQ.js';
+import { CodingChips, RowActionToolbar, RowIconButton, currentAssertion } from './chunk-SPGP252Q.js';
 import { Tooltip } from './chunk-YFWDS6MX.js';
 import { RadioGroup, Radio } from './chunk-EPSB4WTL.js';
 import { Label } from './chunk-I3WGZPI6.js';
 import { DateInput } from './chunk-I6Y2KLTZ.js';
-import { Textarea } from './chunk-NAQMIFUF.js';
+import { Textarea } from './chunk-4SUEBKTY.js';
 import { useMessages } from './chunk-5YOT4DVH.js';
 import { Select } from './chunk-VCI2Y7ST.js';
 import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-OYUIEJPN.js';
 import { Card, CardHeader, CardContent } from './chunk-QYSUYB3S.js';
 import { Checkbox } from './chunk-753Z3NXL.js';
-import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-TWQSMUE6.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-VMEVLBI3.js';
 import { Input } from './chunk-3IMM2PM4.js';
 import { useDragReorder, reorderIds, dragIndicatorClasses } from './chunk-YUMOM3KE.js';
 import { useLiveAnnouncement } from './chunk-HNXLLDPN.js';
-import { useFocusTrap } from './chunk-4SMSH4OY.js';
-import { useEscapeKey } from './chunk-T4ME7QCT.js';
-import { useClickOutside } from './chunk-62ZOA6PX.js';
-import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
 import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './chunk-RC2YMOMS.js';
-import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 import { AlertCircle, Plus, RefreshCw, Pencil, GripVertical, Trash2, StickyNote, Ban, ChevronUp, ChevronDown, Link, MoreVertical, Send, Stethoscope, Scan, TestTube2, Pill, CalendarCheck, ExternalLink, ThumbsUp, HandMetal, ThumbsDown, HelpCircle, AlertTriangle } from './chunk-BKSPDTX4.js';
 import { isRtl } from './chunk-YVKBXNPK.js';
 import { Badge } from './chunk-522WJIVI.js';
@@ -26,8 +21,6 @@ import { Button } from './chunk-WX2XB6FP.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React4 from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { createPortal } from 'react-dom';
-import { Calendar, ChevronLeft, ChevronRight, ChevronDown as ChevronDown$1 } from 'lucide-react';
 
 var TYPE_ORDER = ["drug", "food", "environmental", "other"];
 var ALLERGY_TYPE_LABELS = {
@@ -279,7 +272,7 @@ var AllergyList = React4.forwardRef(
                   onClick: onAdd,
                   leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
                   className: "h-auto rounded-full px-2.5 py-1 text-xs",
-                  children: m("Add allergy\u2026")
+                  children: m("Add")
                 }
               )
             ] })
@@ -549,7 +542,7 @@ function AllergyManager({
       bare: true,
       clearOnSelect: true,
       placeholder: m(
-        "Search drug allergens to add \u2014 use Add allergy\u2026 for food/environmental"
+        "Search drug allergens to add \u2014 use Add for food/environmental"
       ),
       onSelect: (result) => {
         if (requireCode && (!result.codetype.trim() || !result.fullcode.trim()))
@@ -1159,9 +1152,22 @@ var Assessment = React4.forwardRef(
     const [pendingFreeText, setPendingFreeText] = React4.useState(
       null
     );
+    const [freeDraft, setFreeDraft] = React4.useState("");
     React4.useEffect(() => {
       if (addMode !== "auto") setPendingFreeText(null);
     }, [addMode]);
+    const handleAddFreeText = (text) => {
+      if (addMode === "problem") {
+        onAddAssessment?.({ label: text });
+      } else if (addMode === "order") {
+        onAddOrder?.(null, {
+          type: "procedure",
+          display: text
+        });
+      } else {
+        setPendingFreeText(text);
+      }
+    };
     const [announcement, setAnnouncement] = useLiveAnnouncement();
     const ambientCodeLookup = useCodeLookupConfig();
     const effectiveRenderOrderSearch = renderOrderSearch === false ? void 0 : renderOrderSearch ?? (ambientCodeLookup ? contextOrderSearch(ambientCodeLookup) : void 0);
@@ -1537,7 +1543,7 @@ var Assessment = React4.forwardRef(
                 item.concernId
               );
             }) }),
-            !readOnly && availableAddModes.length > 0 && effectiveRenderOrderSearch && (onAddAssessment || onAddOrder) && /* @__PURE__ */ jsxs(
+            !readOnly && availableAddModes.length > 0 && (onAddAssessment || onAddOrder) && /* @__PURE__ */ jsxs(
               "div",
               {
                 role: "form",
@@ -1566,7 +1572,7 @@ var Assessment = React4.forwardRef(
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx("div", { className: "min-w-64 flex-1", children: effectiveRenderOrderSearch({
+                  /* @__PURE__ */ jsx("div", { className: "min-w-64 flex-1", children: effectiveRenderOrderSearch ? effectiveRenderOrderSearch({
                     domains: addMode === "problem" ? ["condition", "occupational"] : addMode === "order" ? ["med", "lab", "procedure", "vaccine"] : void 0,
                     // auto: everything — the pick decides
                     // auto: concerns rank ahead of orders — surveillance
@@ -1603,19 +1609,46 @@ var Assessment = React4.forwardRef(
                         });
                       }
                     },
-                    onFreeText: (text) => {
-                      if (addMode === "problem") {
-                        onAddAssessment?.({ label: text });
-                      } else if (addMode === "order") {
-                        onAddOrder?.(null, {
-                          type: "procedure",
-                          display: text
-                        });
-                      } else {
-                        setPendingFreeText(text);
+                    onFreeText: handleAddFreeText
+                  }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        "data-slot": "input",
+                        value: freeDraft,
+                        onChange: (e) => setFreeDraft(e.target.value),
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter" && freeDraft.trim()) {
+                            handleAddFreeText(freeDraft.trim());
+                            setFreeDraft("");
+                          }
+                        },
+                        placeholder: m("Type a name and press Enter\u2026"),
+                        "aria-label": m("Add as free text"),
+                        className: cn(
+                          "border-border bg-background text-foreground placeholder:text-muted-foreground",
+                          "h-10 w-full rounded-md border px-2.5 text-sm",
+                          "focus:ring-ring focus:ring-2 focus:outline-none"
+                        )
                       }
-                    }
-                  }) }),
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "outline",
+                        size: "sm",
+                        onClick: () => {
+                          handleAddFreeText(freeDraft.trim());
+                          setFreeDraft("");
+                        },
+                        disabled: !freeDraft.trim(),
+                        leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                        className: "h-10",
+                        children: m("Add")
+                      }
+                    )
+                  ] }) }),
                   addMode === "auto" && pendingFreeText !== null && /* @__PURE__ */ jsxs(
                     "div",
                     {
@@ -2388,793 +2421,6 @@ function ConditionEditor({
   );
 }
 ConditionEditor.displayName = "ConditionEditor";
-function getDefaultPresets(labels = {}) {
-  const {
-    today = "Today",
-    thisWeek = "This Week",
-    thisMonth = "This Month",
-    lastMonth = "Last Month",
-    last24Hours = "Last 24 Hours",
-    last7Days = "Last 7 Days",
-    last30Days = "Last 30 Days"
-  } = labels;
-  return [
-    { key: "today", label: today },
-    { key: "this-week", label: thisWeek },
-    { key: "this-month", label: thisMonth },
-    { key: "last-month", label: lastMonth },
-    { key: "last-24-hours", label: last24Hours },
-    { key: "last-7-days", label: last7Days },
-    { key: "last-30-days", label: last30Days }
-  ];
-}
-function getExtendedPresets(labels = {}) {
-  const {
-    today = "Today",
-    yesterday = "Yesterday",
-    thisWeek = "This Week",
-    lastWeek = "Last Week",
-    thisMonth = "This Month",
-    lastMonth = "Last Month",
-    thisQuarter = "This Quarter",
-    lastQuarter = "Last Quarter",
-    thisYear = "This Year",
-    lastYear = "Last Year",
-    last24Hours = "Last 24 Hours",
-    last7Days = "Last 7 Days",
-    last30Days = "Last 30 Days",
-    last90Days = "Last 90 Days",
-    last365Days = "Last 365 Days"
-  } = labels;
-  return [
-    { key: "today", label: today },
-    { key: "yesterday", label: yesterday },
-    { key: "last-24-hours", label: last24Hours },
-    { key: "this-week", label: thisWeek },
-    { key: "last-week", label: lastWeek },
-    { key: "last-7-days", label: last7Days },
-    { key: "this-month", label: thisMonth },
-    { key: "last-month", label: lastMonth },
-    { key: "last-30-days", label: last30Days },
-    { key: "this-quarter", label: thisQuarter },
-    { key: "last-quarter", label: lastQuarter },
-    { key: "last-90-days", label: last90Days },
-    { key: "this-year", label: thisYear },
-    { key: "last-year", label: lastYear },
-    { key: "last-365-days", label: last365Days }
-  ];
-}
-function endOfDay(d) {
-  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 23, 59, 59, 999);
-}
-function calculateDateRange(presetKey) {
-  const now = /* @__PURE__ */ new Date();
-  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
-  switch (presetKey) {
-    case "today":
-      return { start: today, end: endOfDay(today) };
-    case "yesterday": {
-      const yesterday = new Date(today);
-      yesterday.setDate(today.getDate() - 1);
-      return { start: yesterday, end: endOfDay(yesterday) };
-    }
-    case "this-week": {
-      const dayOfWeek = today.getDay();
-      const sunday = new Date(today);
-      sunday.setDate(today.getDate() - dayOfWeek);
-      const saturday = new Date(sunday);
-      saturday.setDate(sunday.getDate() + 6);
-      return { start: sunday, end: endOfDay(saturday) };
-    }
-    case "last-week": {
-      const dayOfWeek = today.getDay();
-      const lastSunday = new Date(today);
-      lastSunday.setDate(today.getDate() - dayOfWeek - 7);
-      const lastSaturday = new Date(lastSunday);
-      lastSaturday.setDate(lastSunday.getDate() + 6);
-      return { start: lastSunday, end: endOfDay(lastSaturday) };
-    }
-    case "this-month": {
-      const firstDay = new Date(now.getFullYear(), now.getMonth(), 1);
-      const lastDay = new Date(now.getFullYear(), now.getMonth() + 1, 0);
-      return { start: firstDay, end: endOfDay(lastDay) };
-    }
-    case "last-month": {
-      const firstDay = new Date(now.getFullYear(), now.getMonth() - 1, 1);
-      const lastDay = new Date(now.getFullYear(), now.getMonth(), 0);
-      return { start: firstDay, end: endOfDay(lastDay) };
-    }
-    case "this-quarter": {
-      const quarter = Math.floor(now.getMonth() / 3);
-      const firstDay = new Date(now.getFullYear(), quarter * 3, 1);
-      const lastDay = new Date(now.getFullYear(), quarter * 3 + 3, 0);
-      return { start: firstDay, end: endOfDay(lastDay) };
-    }
-    case "last-quarter": {
-      const quarter = Math.floor(now.getMonth() / 3);
-      const firstDay = new Date(now.getFullYear(), (quarter - 1) * 3, 1);
-      const lastDay = new Date(now.getFullYear(), quarter * 3, 0);
-      return { start: firstDay, end: endOfDay(lastDay) };
-    }
-    case "this-year": {
-      const firstDay = new Date(now.getFullYear(), 0, 1);
-      const lastDay = new Date(now.getFullYear(), 11, 31);
-      return { start: firstDay, end: endOfDay(lastDay) };
-    }
-    case "last-year": {
-      const firstDay = new Date(now.getFullYear() - 1, 0, 1);
-      const lastDay = new Date(now.getFullYear() - 1, 11, 31);
-      return { start: firstDay, end: endOfDay(lastDay) };
-    }
-    case "last-24-hours":
-      return {
-        start: new Date(now.getTime() - 24 * 60 * 60 * 1e3),
-        end: now
-      };
-    case "last-7-days":
-      return {
-        start: new Date(now.getTime() - 7 * 24 * 60 * 60 * 1e3),
-        end: now
-      };
-    case "last-30-days":
-      return {
-        start: new Date(now.getTime() - 30 * 24 * 60 * 60 * 1e3),
-        end: now
-      };
-    case "last-90-days":
-      return {
-        start: new Date(now.getTime() - 90 * 24 * 60 * 60 * 1e3),
-        end: now
-      };
-    case "last-365-days":
-      return {
-        start: new Date(now.getTime() - 365 * 24 * 60 * 60 * 1e3),
-        end: now
-      };
-    default:
-      return { start: null, end: null };
-  }
-}
-function formatDateRange(range) {
-  if (!range.start && !range.end) return "";
-  const formatDate = (d) => {
-    if (!d) return "";
-    return d.toLocaleDateString("en-US", {
-      month: "short",
-      day: "numeric",
-      year: "numeric"
-    });
-  };
-  if (range.start && range.end) {
-    return `${formatDate(range.start)} - ${formatDate(range.end)}`;
-  }
-  return formatDate(range.start || range.end);
-}
-function DateRangePicker({
-  value,
-  onChange,
-  presets,
-  activePreset,
-  placeholder = "Pick a date range",
-  className,
-  align = "auto",
-  showPresets = true,
-  variant = "desktop",
-  labels = {}
-}) {
-  const finalPresets = presets || getDefaultPresets(labels);
-  const [isCalendarOpen, setIsCalendarOpen] = React4.useState(false);
-  const [leftMonth, setLeftMonth] = React4.useState(
-    () => value?.start?.getMonth() ?? (/* @__PURE__ */ new Date()).getMonth()
-  );
-  const [leftYear, setLeftYear] = React4.useState(
-    () => value?.start?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear()
-  );
-  const [rangeStart, setRangeStart] = React4.useState(
-    value?.start ?? null
-  );
-  const [rangeEnd, setRangeEnd] = React4.useState(
-    value?.end ?? null
-  );
-  const [selectingEnd, setSelectingEnd] = React4.useState(false);
-  const [hoverDate, setHoverDate] = React4.useState(null);
-  const calendarRef = React4.useRef(null);
-  const triggerRef = React4.useRef(null);
-  const [resolvedAlign, setResolvedAlign] = React4.useState(
-    align === "end" ? "end" : "start"
-  );
-  const isMobileVariant = variant === "mobile";
-  const isResponsive = variant === "responsive";
-  const focusTrapRef = useFocusTrap(
-    isMobileVariant && isCalendarOpen
-  );
-  const rightMonth = leftMonth === 11 ? 0 : leftMonth + 1;
-  const rightYear = leftMonth === 11 ? leftYear + 1 : leftYear;
-  React4.useEffect(() => {
-    if (!value) {
-      setRangeStart(null);
-      setRangeEnd(null);
-      return;
-    }
-    setRangeStart(value.start ?? null);
-    setRangeEnd(value.end ?? null);
-  }, [value]);
-  const wrapperRef = React4.useRef(null);
-  const outsideRefs = React4.useMemo(
-    () => [wrapperRef, calendarRef],
-    [calendarRef]
-  );
-  useClickOutside(
-    outsideRefs,
-    () => {
-      setIsCalendarOpen(false);
-      setSelectingEnd(false);
-    },
-    isCalendarOpen
-  );
-  const { anchorRef, floatingRef, style } = useAnchoredPosition({
-    open: !isMobileVariant && isCalendarOpen,
-    placement: resolvedAlign === "end" ? "bottom-end" : "bottom-start"
-  });
-  useEscapeKey(() => {
-    setIsCalendarOpen(false);
-    setSelectingEnd(false);
-    triggerRef.current?.focus();
-  }, isCalendarOpen);
-  React4.useEffect(() => {
-    if (isStorybookDocsMode()) return;
-    if (isMobileVariant && isCalendarOpen) {
-      const prev = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      return () => {
-        document.body.style.overflow = prev;
-      };
-    }
-  }, [isMobileVariant, isCalendarOpen]);
-  React4.useLayoutEffect(() => {
-    if (isMobileVariant || !isCalendarOpen) return;
-    if (align === "start" || align === "end") {
-      setResolvedAlign(align);
-      return;
-    }
-    if (typeof window === "undefined") return;
-    const trigger = triggerRef.current;
-    if (!trigger) return;
-    const rect = trigger.getBoundingClientRect();
-    const estimatedPopupWidth = showPresets ? 840 : 640;
-    const margin = 8;
-    const overflowsRight = rect.left + estimatedPopupWidth > window.innerWidth - margin;
-    const fitsLeftAligned = rect.right - estimatedPopupWidth >= margin;
-    setResolvedAlign(overflowsRight && fitsLeftAligned ? "end" : "start");
-  }, [align, isCalendarOpen, isMobileVariant, showPresets]);
-  const handlePresetSelect = (presetKey) => {
-    const range = calculateDateRange(presetKey);
-    setRangeStart(range.start);
-    setRangeEnd(range.end);
-    setSelectingEnd(false);
-    setIsCalendarOpen(false);
-    if (range.start) {
-      setLeftMonth(range.start.getMonth());
-      setLeftYear(range.start.getFullYear());
-    }
-    onChange(range, presetKey);
-  };
-  const handleDayClick = (day, month, year) => {
-    const clicked = new Date(year, month, day);
-    if (!selectingEnd) {
-      setRangeStart(clicked);
-      setRangeEnd(null);
-      setSelectingEnd(true);
-    } else {
-      let start = rangeStart;
-      let end = clicked;
-      if (end < start) {
-        [start, end] = [end, start];
-      }
-      setRangeStart(start);
-      setRangeEnd(end);
-      setSelectingEnd(false);
-      if (variant !== "mobile") {
-        setIsCalendarOpen(false);
-      }
-      onChange({ start, end });
-    }
-  };
-  const toggleCalendar = () => {
-    if (!isCalendarOpen) {
-      if (value?.start) {
-        setRangeStart(value.start);
-        setRangeEnd(value.end ?? null);
-        setLeftMonth(value.start.getMonth());
-        setLeftYear(value.start.getFullYear());
-      } else {
-        const now = /* @__PURE__ */ new Date();
-        setLeftMonth(now.getMonth());
-        setLeftYear(now.getFullYear());
-      }
-      setSelectingEnd(false);
-    }
-    setIsCalendarOpen(!isCalendarOpen);
-  };
-  const goToPrevMonth = () => {
-    if (leftMonth === 0) {
-      setLeftMonth(11);
-      setLeftYear(leftYear - 1);
-    } else {
-      setLeftMonth(leftMonth - 1);
-    }
-  };
-  const goToNextMonth = () => {
-    if (leftMonth === 11) {
-      setLeftMonth(0);
-      setLeftYear(leftYear + 1);
-    } else {
-      setLeftMonth(leftMonth + 1);
-    }
-  };
-  const getDaysInMonth = (month, year) => new Date(year, month + 1, 0).getDate();
-  const getFirstDayOfMonth = (month, year) => new Date(year, month, 1).getDay();
-  const isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-  const isInRange = (date) => {
-    const start = rangeStart;
-    const end = selectingEnd ? hoverDate : rangeEnd;
-    if (!start || !end) return false;
-    const [lo, hi] = start <= end ? [start, end] : [end, start];
-    return date > lo && date < hi;
-  };
-  const isStart = (date) => {
-    if (!rangeStart) return false;
-    return isSameDay(date, rangeStart);
-  };
-  const isEnd = (date) => {
-    const end = selectingEnd ? hoverDate : rangeEnd;
-    if (!end) return false;
-    return isSameDay(date, end);
-  };
-  const isToday = (date) => {
-    const today = /* @__PURE__ */ new Date();
-    return isSameDay(date, today);
-  };
-  const displayValue = value ? formatDateRange(value) : "";
-  const monthNames = React4.useMemo(
-    () => Array.from(
-      { length: 12 },
-      (_, i) => new Intl.DateTimeFormat(void 0, { month: "long" }).format(
-        new Date(2e3, i, 1)
-      )
-    ),
-    []
-  );
-  const weekdayNames = React4.useMemo(
-    () => Array.from(
-      { length: 7 },
-      (_, i) => new Intl.DateTimeFormat(void 0, { weekday: "short" }).format(
-        new Date(1970, 0, 4 + i)
-      )
-    ),
-    []
-  );
-  const renderMonthGrid = (month, year) => {
-    const daysInMonth = getDaysInMonth(month, year);
-    const firstDay = getFirstDayOfMonth(month, year);
-    const prevMonth = month === 0 ? 11 : month - 1;
-    const prevYear = month === 0 ? year - 1 : year;
-    const daysInPrevMonth = getDaysInMonth(prevMonth, prevYear);
-    const cells = [];
-    for (let i = firstDay - 1; i >= 0; i--) {
-      cells.push({
-        day: daysInPrevMonth - i,
-        month: prevMonth,
-        year: prevYear,
-        isCurrentMonth: false
-      });
-    }
-    for (let i = 1; i <= daysInMonth; i++) {
-      cells.push({ day: i, month, year, isCurrentMonth: true });
-    }
-    const nextMonth = month === 11 ? 0 : month + 1;
-    const nextYear = month === 11 ? year + 1 : year;
-    const remaining = 42 - cells.length;
-    for (let i = 1; i <= remaining; i++) {
-      cells.push({
-        day: i,
-        month: nextMonth,
-        year: nextYear,
-        isCurrentMonth: false
-      });
-    }
-    return /* @__PURE__ */ jsxs("div", { className: "w-[280px]", "data-slot": "date-range-grid", children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-1 grid grid-cols-7", "data-slot": "date-range-weekdays", children: weekdayNames.map((dayName) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "text-muted-foreground py-1 text-center text-xs font-medium",
-          "data-slot": "date-range-weekday",
-          children: dayName
-        },
-        dayName
-      )) }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", "data-slot": "date-range-day-grid", children: cells.map((cell, index) => {
-        const date = new Date(cell.year, cell.month, cell.day);
-        const inRange = isInRange(date);
-        const start = isStart(date);
-        const end = isEnd(date);
-        const today = isToday(date);
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "date-range-day",
-            onClick: () => handleDayClick(cell.day, cell.month, cell.year),
-            onMouseEnter: () => {
-              if (selectingEnd) {
-                setHoverDate(date);
-              }
-            },
-            className: cn(
-              "relative h-9 w-10 text-center text-sm",
-              "focus:ring-ring focus:z-10 focus:ring-2 focus:outline-none",
-              "transition-colors",
-              // Not current month — dimmed
-              !cell.isCurrentMonth && "text-muted-foreground/50",
-              // Current month — normal
-              cell.isCurrentMonth && "text-foreground",
-              // Hover
-              "hover:bg-muted",
-              // In range background
-              inRange && "bg-muted",
-              // Start date
-              start && "bg-foreground text-background hover:bg-foreground rounded-s-md font-semibold",
-              // End date
-              end && !start && "border-foreground text-foreground rounded-e-md border font-semibold",
-              // Today indicator (only if not start/end)
-              today && !start && !end && "font-semibold"
-            ),
-            children: cell.day
-          },
-          index
-        );
-      }) })
-    ] });
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: (node) => {
-        wrapperRef.current = node;
-        anchorRef.current = node;
-      },
-      className: cn("relative inline-block", className),
-      "data-slot": "date-range-picker",
-      children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            ref: triggerRef,
-            type: "button",
-            onClick: toggleCalendar,
-            "aria-expanded": isCalendarOpen,
-            "aria-haspopup": "dialog",
-            "data-slot": "date-range-trigger",
-            className: cn(
-              "border-input bg-background hover:bg-muted",
-              "inline-flex w-[300px] items-center gap-2 rounded-md border px-4 py-2 text-start text-sm font-normal",
-              "focus:ring-ring focus:ring-2 focus:outline-none",
-              "transition-colors",
-              !displayValue && "text-muted-foreground"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(Calendar, { className: "h-4 w-4", "data-slot": "date-range-trigger-icon" }),
-              displayValue || placeholder
-            ]
-          }
-        ),
-        isMobileVariant && isCalendarOpen && // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "data-slot": "date-range-mobile-overlay",
-            className: "fixed inset-0 z-50 flex items-end justify-center bg-black/40",
-            onClick: (event) => {
-              if (event.target !== event.currentTarget) return;
-              setIsCalendarOpen(false);
-              setSelectingEnd(false);
-              setHoverDate(null);
-              if (triggerRef.current instanceof HTMLElement) {
-                triggerRef.current.focus();
-              }
-            },
-            children: /* @__PURE__ */ jsxs(
-              "div",
-              {
-                ref: (node) => {
-                  calendarRef.current = node;
-                  focusTrapRef.current = node;
-                },
-                className: "bg-background animate-in slide-in-from-bottom max-h-[90vh] w-full max-w-md overflow-y-auto rounded-t-2xl px-6 pt-4 pb-6 shadow-xl",
-                role: "dialog",
-                "aria-modal": "true",
-                "aria-labelledby": "mobile-date-range-title",
-                "data-slot": "date-range-mobile-sheet",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "bg-muted mx-auto mb-4 h-1 w-10 rounded-full",
-                      "data-slot": "date-range-mobile-handle"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "h3",
-                    {
-                      id: "mobile-date-range-title",
-                      className: "mb-4 text-lg font-semibold",
-                      "data-slot": "date-range-mobile-title",
-                      children: placeholder
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "mb-3 flex items-center justify-center gap-4",
-                      "data-slot": "date-range-month-header",
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: goToPrevMonth,
-                            className: "hover:bg-muted rounded-md p-1 transition-colors",
-                            "aria-label": "Previous month",
-                            "data-slot": "date-range-nav",
-                            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 rtl:-scale-x-100" })
-                          }
-                        ),
-                        /* @__PURE__ */ jsxs(
-                          "div",
-                          {
-                            className: "text-sm font-medium",
-                            "data-slot": "date-range-month-label",
-                            children: [
-                              monthNames[leftMonth],
-                              " ",
-                              leftYear
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: goToNextMonth,
-                            className: "hover:bg-muted rounded-md p-1 transition-colors",
-                            "aria-label": "Next month",
-                            "data-slot": "date-range-nav",
-                            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 rtl:-scale-x-100" })
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "flex justify-center",
-                      onMouseLeave: () => setHoverDate(null),
-                      children: renderMonthGrid(leftMonth, leftYear)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      "data-slot": "date-range-mobile-done",
-                      onClick: () => {
-                        setIsCalendarOpen(false);
-                        setSelectingEnd(false);
-                        if (triggerRef.current instanceof HTMLElement) {
-                          triggerRef.current.focus();
-                        }
-                      },
-                      className: "border-input hover:bg-muted mt-6 w-full rounded-lg border py-3 text-sm font-medium transition-colors",
-                      children: labels?.done ?? "Done"
-                    }
-                  )
-                ]
-              }
-            )
-          }
-        ),
-        !isMobileVariant && isCalendarOpen && createPortal(
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: (node) => {
-                calendarRef.current = node;
-                floatingRef.current = node;
-              },
-              style,
-              className: cn(
-                "overflow-auto",
-                "bg-background border-border rounded-lg border shadow-lg"
-              ),
-              role: "dialog",
-              "aria-label": "Choose date range",
-              "data-slot": "date-range-popup",
-              children: /* @__PURE__ */ jsxs("div", { className: "flex", children: [
-                showPresets && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "border-border flex w-[200px] shrink-0 flex-col gap-0.5 border-e p-3",
-                      isResponsive && "hidden md:flex"
-                    ),
-                    "data-slot": "date-range-presets",
-                    children: finalPresets.map((preset) => /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => handlePresetSelect(preset.key),
-                        "data-slot": "date-range-preset",
-                        className: cn(
-                          "rounded-md px-3 py-1.5 text-start text-sm transition-colors",
-                          "hover:bg-muted",
-                          activePreset === preset.key && "bg-primary-800 text-white"
-                        ),
-                        children: preset.label
-                      },
-                      preset.key
-                    ))
-                  }
-                ),
-                /* @__PURE__ */ jsxs("div", { className: "p-4", "data-slot": "date-range-calendar", children: [
-                  /* @__PURE__ */ jsx(
-                    "p",
-                    {
-                      className: "text-muted-foreground mb-4 text-sm",
-                      "data-slot": "date-range-subtitle",
-                      children: "Select a start and end date from the calendar."
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "flex gap-8",
-                      onMouseLeave: () => setHoverDate(null),
-                      "data-slot": "date-range-calendars",
-                      children: [
-                        /* @__PURE__ */ jsxs("div", { children: [
-                          /* @__PURE__ */ jsxs(
-                            "div",
-                            {
-                              className: "mb-3 flex items-center",
-                              "data-slot": "date-range-month-header",
-                              children: [
-                                /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    onClick: goToPrevMonth,
-                                    className: "hover:bg-muted rounded-md p-1 transition-colors",
-                                    "aria-label": "Previous month",
-                                    "data-slot": "date-range-nav",
-                                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4 rtl:-scale-x-100" })
-                                  }
-                                ),
-                                /* @__PURE__ */ jsxs(
-                                  "div",
-                                  {
-                                    className: "flex-1 text-center text-sm font-medium",
-                                    "data-slot": "date-range-month-label",
-                                    children: [
-                                      monthNames[leftMonth],
-                                      " ",
-                                      leftYear
-                                    ]
-                                  }
-                                ),
-                                isResponsive && /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    onClick: goToNextMonth,
-                                    className: "hover:bg-muted rounded-md p-1 transition-colors md:hidden",
-                                    "aria-label": "Next month",
-                                    "data-slot": "date-range-nav",
-                                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 rtl:-scale-x-100" })
-                                  }
-                                )
-                              ]
-                            }
-                          ),
-                          renderMonthGrid(leftMonth, leftYear)
-                        ] }),
-                        /* @__PURE__ */ jsxs("div", { className: cn(isResponsive && "hidden md:block"), children: [
-                          /* @__PURE__ */ jsxs(
-                            "div",
-                            {
-                              className: "mb-3 flex items-center",
-                              "data-slot": "date-range-month-header",
-                              children: [
-                                /* @__PURE__ */ jsxs(
-                                  "div",
-                                  {
-                                    className: "flex-1 text-center text-sm font-medium",
-                                    "data-slot": "date-range-month-label",
-                                    children: [
-                                      monthNames[rightMonth],
-                                      " ",
-                                      rightYear
-                                    ]
-                                  }
-                                ),
-                                /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    onClick: goToNextMonth,
-                                    className: "hover:bg-muted rounded-md p-1 transition-colors",
-                                    "aria-label": "Next month",
-                                    "data-slot": "date-range-nav",
-                                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 rtl:-scale-x-100" })
-                                  }
-                                )
-                              ]
-                            }
-                          ),
-                          renderMonthGrid(rightMonth, rightYear)
-                        ] })
-                      ]
-                    }
-                  )
-                ] })
-              ] })
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  );
-}
-function DateRangeFilter({
-  value: _value,
-  onChange,
-  presets,
-  activePreset,
-  variant = "outline",
-  className,
-  labels = {}
-}) {
-  const finalPresets = presets || getDefaultPresets(labels);
-  const activeLabel = finalPresets.find((p) => p.key === activePreset)?.label;
-  const handlePresetSelect = (presetKey) => {
-    const range = calculateDateRange(presetKey);
-    onChange(range, presetKey);
-  };
-  return /* @__PURE__ */ jsx(
-    Dropdown,
-    {
-      trigger: /* @__PURE__ */ jsxs(Button, { variant, size: "md", className, children: [
-        /* @__PURE__ */ jsx(Calendar, { className: "me-2 h-4 w-4" }),
-        activeLabel || labels.filter || "Filter by Date",
-        /* @__PURE__ */ jsx(ChevronDown$1, { className: "ms-2 h-3 w-3" })
-      ] }),
-      className: "w-56",
-      "data-slot": "date-range-filter",
-      children: finalPresets.map((preset) => /* @__PURE__ */ jsx(
-        DropdownItem,
-        {
-          onClick: () => handlePresetSelect(preset.key),
-          className: cn(
-            activePreset === preset.key && "bg-primary/10 text-primary"
-          ),
-          children: preset.label
-        },
-        preset.key
-      ))
-    }
-  );
-}
 var GROUP_ORDER = [
   "unreconciled",
   "taking",
@@ -3480,7 +2726,7 @@ var MedicationList = React4.forwardRef(
                     onClick: onAddOther,
                     leftIcon: /* @__PURE__ */ jsx(Plus, { size: 12 }),
                     className: "h-auto rounded-full px-2.5 py-1 text-xs",
-                    children: m("Other\u2026")
+                    children: m("Add")
                   }
                 )
               ] })
@@ -3609,6 +2855,12 @@ function lookupToMedicationFields(result) {
 function newId2() {
   return `med-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
 }
+function isoDateToDisplay(value) {
+  return value && /^\d{4}-\d{2}-\d{2}$/.test(value) ? dateToDisplayFormat(value) : value;
+}
+function displayDateToIso(value) {
+  return value ? displayFormatToDateString(value) : value;
+}
 function MedicationEditor({
   open,
   medication,
@@ -3621,7 +2873,11 @@ function MedicationEditor({
   const ambientCodeLookup = useCodeLookupConfig();
   const effectiveCodeLookup = codeLookup === false ? void 0 : codeLookup ?? ambientCodeLookup ?? void 0;
   const [draft, setDraft] = React4.useState(
-    () => medication ?? {
+    () => medication ? {
+      ...medication,
+      startDate: isoDateToDisplay(medication.startDate),
+      endDate: isoDateToDisplay(medication.endDate)
+    } : {
       id: newId2(),
       name: "",
       status: "unreconciled"
@@ -3862,7 +3118,12 @@ function MedicationEditor({
         Button,
         {
           onClick: () => {
-            onSave({ ...draft, name: draft.name.trim() });
+            onSave({
+              ...draft,
+              name: draft.name.trim(),
+              startDate: displayDateToIso(draft.startDate),
+              endDate: displayDateToIso(draft.endDate)
+            });
             onClose();
           },
           disabled: !canSave,
@@ -4102,6 +3363,6 @@ function MedicationReconciliation({
   ] });
 }
 
-export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, Assessment, CodeLookupContext, CodeLookupProvider, ConditionEditor, DateRangeFilter, DateRangePicker, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, ORDER_TYPE_META, ORDER_TYPE_SEARCH_DOMAINS, calculateDateRange, doseFormToQuantityUnit, getDefaultPresets, getExtendedPresets, isConditionCodetype, labelToMedicationFields, lookupToMedicationFields, normalizeConditionCodingSystem, orderTypeForCodetype, parseMedicationLabel, parseSig, useCodeLookupConfig };
-//# sourceMappingURL=chunk-PYAK7XXD.js.map
-//# sourceMappingURL=chunk-PYAK7XXD.js.map
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, Assessment, CodeLookupContext, CodeLookupProvider, ConditionEditor, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, ORDER_TYPE_META, ORDER_TYPE_SEARCH_DOMAINS, doseFormToQuantityUnit, isConditionCodetype, labelToMedicationFields, lookupToMedicationFields, normalizeConditionCodingSystem, orderTypeForCodetype, parseMedicationLabel, parseSig, useCodeLookupConfig };
+//# sourceMappingURL=chunk-NW6D6AFL.js.map
+//# sourceMappingURL=chunk-NW6D6AFL.js.map