@jirawatpyk/aura-react 5.1.1 → 5.3.0

package/dist/esm/Select.js

@@ -1,9 +1,55 @@
 'use client';
 import * as React from "react";
+import { createPortal } from "react-dom";
 import { FIELD_KEYS, Field, describedBy } from "./Field.js";
 import { Icon } from "./Icon.js";
-import { cx, omit, uid } from "./internal.js";
+import { useDensity } from "./locale.js";
+import { cx, omit, uid, useIsoLayoutEffect, useMergedRef, useMounted } from "./internal.js";
 const h = React.createElement;
+const FORM_KEYS = ["name", "form", "value", "defaultValue", "disabled", "autoComplete", "onInput", "onInvalid"];
+const HANDLED_KEYS = FORM_KEYS.concat([
+  "onChange",
+  "onBlur",
+  "onFocus",
+  "onKeyDown",
+  "onClick",
+  "autoFocus",
+  "tabIndex",
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "multiple",
+  "size"
+]);
+function pick(o, keys) {
+  const r = {};
+  for (const k of keys) if (k in o) r[k] = o[k];
+  return r;
+}
+function readItems(el) {
+  if (!el) return [];
+  return Array.prototype.map.call(el.options, function(o, i) {
+    const g = o.parentElement && o.parentElement.tagName === "OPTGROUP" ? o.parentElement : null;
+    return {
+      value: o.value,
+      label: o.textContent || "",
+      disabled: o.disabled || !!(g && g.disabled),
+      group: g ? g.label : null,
+      index: i
+    };
+  });
+}
+function initialLabel(props) {
+  const opts = (props.options || []).map(function(o) {
+    return typeof o === "object" ? o : { value: o, label: o };
+  });
+  const v = props.value !== void 0 && props.value !== null ? String(props.value) : props.defaultValue !== void 0 && props.defaultValue !== null ? String(props.defaultValue) : props.placeholder ? "" : opts[0] ? opts[0].value : "";
+  const hit = opts.filter(function(o) {
+    return o.value === v;
+  })[0];
+  if (hit) return { label: hit.label, empty: false };
+  return { label: props.placeholder || "", empty: true };
+}
 const Select = React.forwardRef(function Select2(props, ref) {
   const auto = uid(), id = props.id || auto;
   const rest = omit(props, FIELD_KEYS.concat(["children"]));
@@ -16,10 +62,259 @@ const Select = React.forwardRef(function Select2(props, ref) {
       /* @__PURE__ */ React.createElement("option", { key: "__ph", value: "", disabled: true }, props.placeholder)
     );
   const extra = props.value === void 0 && props.defaultValue === void 0 && props.placeholder ? { defaultValue: "" } : {};
-  return /* @__PURE__ */ React.createElement(
+  const native = !!props.multiple || props.size != null && props.size > 1;
+  const mounted = useMounted();
+  const live = !native && mounted;
+  const density = useDensity();
+  const selRef = React.useRef(null), trigRef = React.useRef(null), listRef = React.useRef(null);
+  const shown = React.useState(function() {
+    return initialLabel(props);
+  });
+  const openState = React.useState(false), open = openState[0];
+  const activeState = React.useState(-1), active = activeState[0];
+  const items = React.useState([]);
+  const pos = React.useState(null);
+  const typed = React.useRef({ text: "", at: 0 });
+  const sync = React.useCallback(function() {
+    const el = selRef.current;
+    if (!el) return;
+    const o = el.selectedIndex >= 0 ? el.options[el.selectedIndex] : null;
+    const next = o ? { label: o.textContent || "", empty: o.value === "" } : { label: "", empty: true };
+    shown[1](function(cur) {
+      return cur.label === next.label && cur.empty === next.empty ? cur : next;
+    });
+  }, []);
+  const hook = React.useCallback(
+    function(el) {
+      selRef.current = el;
+      if (!el || native || el.__auraHooked) return;
+      el.__auraHooked = true;
+      const proto = HTMLSelectElement.prototype;
+      const pv = Object.getOwnPropertyDescriptor(proto, "value"), pi = Object.getOwnPropertyDescriptor(proto, "selectedIndex");
+      if (pv && pv.set && pv.get)
+        Object.defineProperty(el, "value", {
+          configurable: true,
+          get: function() {
+            return pv.get.call(el);
+          },
+          set: function(v) {
+            pv.set.call(el, v);
+            sync();
+          }
+        });
+      if (pi && pi.set && pi.get)
+        Object.defineProperty(el, "selectedIndex", {
+          configurable: true,
+          get: function() {
+            return pi.get.call(el);
+          },
+          set: function(v) {
+            pi.set.call(el, v);
+            sync();
+          }
+        });
+      el.focus = function(o) {
+        if (trigRef.current) trigRef.current.focus(o);
+        else proto.focus.call(el, o);
+      };
+    },
+    [native, sync]
+  );
+  const selMerged = useMergedRef(ref, hook);
+  React.useEffect(
+    function() {
+      const f = selRef.current && selRef.current.form;
+      if (!f || native) return;
+      function onReset() {
+        setTimeout(sync, 0);
+      }
+      f.addEventListener("reset", onReset);
+      return function() {
+        f.removeEventListener("reset", onReset);
+      };
+    },
+    [native, sync]
+  );
+  const focusedOnce = React.useRef(false);
+  React.useEffect(
+    function() {
+      if (!live || focusedOnce.current || !trigRef.current) return;
+      focusedOnce.current = true;
+      if (props.autoFocus || selRef.current && document.activeElement === selRef.current) trigRef.current.focus();
+    },
+    [live]
+  );
+  useIsoLayoutEffect(function() {
+    if (!live) return;
+    sync();
+    if (!open) return;
+    const now = readItems(selRef.current), was = items[0];
+    const same = now.length === was.length && now.every(function(it, i) {
+      const w = was[i];
+      return w.value === it.value && w.label === it.label && w.disabled === it.disabled && w.group === it.group;
+    });
+    if (same) return;
+    items[1](now);
+    if (!choices(now).length) {
+      close(false);
+      return;
+    }
+    const hv = was[active] ? was[active].value : null;
+    const again = now.filter(function(it) {
+      return !it.disabled && it.value === hv;
+    })[0];
+    const cur = selRef.current ? selRef.current.selectedIndex : -1;
+    activeState[1](again ? again.index : now[cur] && !now[cur].disabled ? cur : choices(now)[0].index);
+  });
+  function choices(list) {
+    return list.filter(function(i) {
+      return !i.disabled;
+    });
+  }
+  function choose(it) {
+    const el = selRef.current;
+    if (!el || it.disabled) return;
+    if (el.value !== it.value) {
+      el.value = it.value;
+      el.dispatchEvent(new Event("input", { bubbles: true }));
+      el.dispatchEvent(new Event("change", { bubbles: true }));
+    }
+    sync();
+    close(true);
+  }
+  function openList(at) {
+    if (props.disabled || trigRef.current && trigRef.current.disabled) return;
+    const list = readItems(selRef.current);
+    const ok = choices(list);
+    if (!ok.length) return;
+    items[1](list);
+    const cur = selRef.current ? selRef.current.selectedIndex : -1;
+    let a = at === "first" ? ok[0].index : at === "last" ? ok[ok.length - 1].index : cur;
+    if (typeof at === "number") a = at;
+    if (a < 0 || !list[a] || list[a].disabled) a = ok[0].index;
+    activeState[1](a);
+    openState[1](true);
+  }
+  function close(focus) {
+    openState[1](false);
+    pos[1](null);
+    if (focus && trigRef.current) trigRef.current.focus();
+  }
+  function step(from, dir, list) {
+    for (let i = from + dir; i >= 0 && i < list.length; i += dir) if (!list[i].disabled) return i;
+    return from;
+  }
+  function typing() {
+    return !!typed.current.text && Date.now() - typed.current.at < 500;
+  }
+  function typeahead(ch, list, from) {
+    const now = Date.now(), t = typed.current;
+    t.text = now - t.at < 500 ? t.text + ch : ch;
+    t.at = now;
+    const q = t.text.toLocaleLowerCase();
+    for (let k = 1; k <= list.length; k++) {
+      const i = (from + (t.text.length > 1 ? 0 : 1) + k - 1 + list.length) % list.length;
+      if (!list[i].disabled && list[i].label.toLocaleLowerCase().indexOf(q) === 0) return i;
+    }
+    t.text = "";
+    return -1;
+  }
+  function onKeyDown(e) {
+    const k = e.key;
+    const printable = k.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
+    const search = printable && (k !== " " || typing());
+    if (!open) {
+      if (search) {
+        const list2 = readItems(selRef.current);
+        const i = typeahead(k, list2, selRef.current ? selRef.current.selectedIndex : -1);
+        e.preventDefault();
+        if (i >= 0) openList(i);
+      } else if (k === "ArrowDown" || k === "ArrowUp" || k === "Enter" || k === " ") {
+        e.preventDefault();
+        openList(k === "ArrowUp" && !(selRef.current && selRef.current.value) ? "last" : void 0);
+      }
+      return;
+    }
+    const list = items[0];
+    if (search) {
+      e.preventDefault();
+      const i = typeahead(k, list, active);
+      if (i >= 0) activeState[1](i);
+    } else if (k === "ArrowDown") {
+      e.preventDefault();
+      activeState[1](step(active, 1, list));
+    } else if (k === "ArrowUp") {
+      e.preventDefault();
+      activeState[1](step(active, -1, list));
+    } else if (k === "Home" || k === "PageUp") {
+      e.preventDefault();
+      activeState[1](k === "Home" ? step(-1, 1, list) : Math.max(step(-1, 1, list), step(active - 9, 1, list)));
+    } else if (k === "End" || k === "PageDown") {
+      e.preventDefault();
+      activeState[1](
+        k === "End" ? step(list.length, -1, list) : Math.min(step(list.length, -1, list), step(active + 9, -1, list))
+      );
+    } else if (k === "Enter" || k === " ") {
+      e.preventDefault();
+      if (list[active]) choose(list[active]);
+    } else if (k === "Escape") {
+      e.preventDefault();
+      e.stopPropagation();
+      close(true);
+    } else if (k === "Tab") {
+      close(false);
+    }
+  }
+  useIsoLayoutEffect(
+    function() {
+      if (!open) return;
+      function place() {
+        const t = trigRef.current && trigRef.current.parentElement;
+        if (!t) return;
+        const r = t.getBoundingClientRect(), below = window.innerHeight - r.bottom - 8, above = r.top - 8, want = listRef.current ? listRef.current.scrollHeight : 320, up = below < Math.min(want, 200) && above > below;
+        pos[1]({
+          left: r.left,
+          width: r.width,
+          top: up ? void 0 : r.bottom + 4,
+          bottom: up ? window.innerHeight - r.top + 4 : void 0,
+          maxHeight: Math.min(320, (up ? above : below) - 4)
+        });
+      }
+      place();
+      function outside(e) {
+        const n = e.target;
+        if (listRef.current && listRef.current.contains(n)) return;
+        if (trigRef.current && trigRef.current.contains(n)) return;
+        close(false);
+      }
+      function onScroll(e) {
+        if (!listRef.current || !listRef.current.contains(e.target)) place();
+      }
+      document.addEventListener("pointerdown", outside, true);
+      window.addEventListener("scroll", onScroll, true);
+      window.addEventListener("resize", place);
+      return function() {
+        document.removeEventListener("pointerdown", outside, true);
+        window.removeEventListener("scroll", onScroll, true);
+        window.removeEventListener("resize", place);
+      };
+    },
+    [open]
+  );
+  React.useEffect(
+    function() {
+      if (!open || !listRef.current || active < 0) return;
+      const el = listRef.current.querySelector('[data-idx="' + active + '"]');
+      if (el && el.scrollIntoView) el.scrollIntoView({ block: "nearest" });
+    },
+    [open, active, pos[0] != null]
+  );
+  const described = [describedBy(id, props), rest["aria-describedby"]].filter(Boolean).join(" ") || void 0;
+  const field = (child) => /* @__PURE__ */ React.createElement(
     Field,
     {
       id,
+      labelId: native ? void 0 : id + "-label",
       label: props.label,
       hint: props.hint,
       error: props.error,
@@ -28,19 +323,180 @@ const Select = React.forwardRef(function Select2(props, ref) {
       disabled: props.disabled,
       className: props.className
     },
-    /* @__PURE__ */ React.createElement("div", { className: cx("aura-input aura-select", props.icon && "has-icon") }, props.icon ? /* @__PURE__ */ React.createElement(Icon, { name: props.icon, className: "aura-input__icon" }) : null, h(
-      "select",
-      Object.assign(extra, rest, {
-        ref,
-        id,
-        className: "aura-input__control",
-        required: props.required,
-        "aria-invalid": props.error ? true : void 0,
-        "aria-describedby": describedBy(id, props)
-      }),
-      opts,
-      props.children
-    ), /* @__PURE__ */ React.createElement(Icon, { name: "chevron-down", className: "aura-select__chevron" }))
+    child
+  );
+  if (!live)
+    return field(
+      /* @__PURE__ */ React.createElement("div", { className: cx("aura-input aura-select", props.icon && "has-icon") }, props.icon ? /* @__PURE__ */ React.createElement(Icon, { name: props.icon, className: "aura-input__icon" }) : null, h(
+        "select",
+        Object.assign(extra, rest, {
+          ref: native ? ref : selMerged,
+          id,
+          className: "aura-input__control",
+          required: props.required,
+          "aria-invalid": props.error ? true : void 0,
+          "aria-describedby": described
+        }),
+        opts,
+        props.children
+      ), /* @__PURE__ */ React.createElement(Icon, { name: "chevron-down", className: "aura-select__chevron" }))
+    );
+  const listId = id + "-list", labelId = id + "-label";
+  const optId = function(i) {
+    return id + "-opt-" + i;
+  };
+  const labelledBy = rest["aria-labelledby"] || (props.label ? labelId : void 0);
+  const selIndex = selRef.current ? selRef.current.selectedIndex : -1;
+  const option = function(it) {
+    const sel = selIndex === it.index;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: it.index,
+        id: optId(it.index),
+        role: "option",
+        "data-idx": it.index,
+        "aria-selected": sel,
+        "aria-disabled": it.disabled || void 0,
+        className: cx(
+          "aura-combo__option",
+          it.index === active && "is-active",
+          sel && "is-selected",
+          it.disabled && "is-disabled"
+        ),
+        onPointerDown: function(e) {
+          e.preventDefault();
+        },
+        onPointerMove: function() {
+          if (!it.disabled && active !== it.index) activeState[1](it.index);
+        },
+        onClick: function() {
+          choose(it);
+        }
+      },
+      /* @__PURE__ */ React.createElement("span", { className: "aura-combo__text" }, /* @__PURE__ */ React.createElement("span", { className: "aura-combo__label" }, it.label)),
+      sel ? /* @__PURE__ */ React.createElement(Icon, { name: "check", className: "aura-combo__check" }) : null
+    );
+  };
+  const runs = [];
+  items[0].forEach(function(it) {
+    if (it.value === "" && it.disabled) return;
+    const last = runs[runs.length - 1];
+    if (last && last.group === it.group) last.items.push(it);
+    else runs.push({ group: it.group, items: [it] });
+  });
+  const popup = open ? createPortal(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: listRef,
+        "data-density": density,
+        className: "aura-combo__popover aura-select__popover",
+        style: pos[0] ? {
+          left: pos[0].left,
+          minWidth: pos[0].width,
+          top: pos[0].top,
+          bottom: pos[0].bottom,
+          maxHeight: pos[0].maxHeight
+        } : { left: -9999, top: -9999 }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          id: listId,
+          role: "listbox",
+          "aria-labelledby": labelledBy,
+          "aria-label": labelledBy ? void 0 : rest["aria-label"],
+          className: "aura-combo__list"
+        },
+        runs.map(function(r, n) {
+          if (r.group === null) return /* @__PURE__ */ React.createElement(React.Fragment, { key: "r" + n }, r.items.map(option));
+          const gid = id + "-group-" + n;
+          return /* @__PURE__ */ React.createElement("div", { key: "r" + n, role: "group", "aria-labelledby": gid }, /* @__PURE__ */ React.createElement("div", { id: gid, className: "aura-select__group" }, r.group), r.items.map(option));
+        })
+      )
+    ),
+    document.body
+  ) : null;
+  const userFocus = rest.onFocus, userBlur = rest.onBlur, userKey = rest.onKeyDown, userClick = rest.onClick;
+  return field(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cx("aura-input aura-select aura-select--custom", props.icon && "has-icon", open && "is-open"),
+        "data-invalid": props.error ? "" : void 0
+      },
+      props.icon ? /* @__PURE__ */ React.createElement(Icon, { name: props.icon, className: "aura-input__icon" }) : null,
+      h(
+        "select",
+        Object.assign(extra, pick(rest, FORM_KEYS), {
+          ref: selMerged,
+          id: id + "-select",
+          className: "aura-select__native",
+          tabIndex: -1,
+          "aria-hidden": true,
+          required: props.required,
+          onChange: function(e) {
+            sync();
+            if (props.onChange) props.onChange(e);
+          },
+          /* A browser focusing the <select> (the required bubble, a label click) hands focus to the button. */
+          onFocus: function() {
+            if (trigRef.current) trigRef.current.focus();
+          },
+          /* Only the blur the button reports (below): the <select>'s own, while it hands focus over, is not one. */
+          onBlur: function(e) {
+            if (!e.nativeEvent.isTrusted && userBlur) userBlur(e);
+          }
+        }),
+        opts,
+        props.children
+      ),
+      /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          ...omit(rest, HANDLED_KEYS),
+          ref: trigRef,
+          type: "button",
+          role: "combobox",
+          form: id + "-no-form",
+          className: "aura-input__control aura-select__trigger",
+          disabled: props.disabled,
+          tabIndex: rest.tabIndex,
+          "aria-haspopup": "listbox",
+          "aria-expanded": open,
+          "aria-controls": open ? listId : void 0,
+          "aria-activedescendant": open && active >= 0 ? optId(active) : void 0,
+          id,
+          "aria-label": rest["aria-label"],
+          "aria-labelledby": rest["aria-labelledby"],
+          "aria-required": props.required || void 0,
+          "aria-invalid": props.error ? true : void 0,
+          "aria-describedby": described,
+          onFocus: function(e) {
+            if (userFocus) userFocus(e);
+          },
+          onClick: function(e) {
+            if (userClick) userClick(e);
+            if (e.defaultPrevented) return;
+            if (open) close(true);
+            else openList();
+          },
+          onKeyDown: function(e) {
+            if (userKey) userKey(e);
+            if (!e.defaultPrevented) onKeyDown(e);
+          },
+          onBlur: function(e) {
+            if (listRef.current && e.relatedTarget && listRef.current.contains(e.relatedTarget)) return;
+            if (open) close(false);
+            if (selRef.current) selRef.current.dispatchEvent(new FocusEvent("focusout", { bubbles: true }));
+          }
+        },
+        /* @__PURE__ */ React.createElement("span", { id: id + "-value", className: cx("aura-select__value", shown[0].empty && "is-placeholder") }, shown[0].label || " ")
+      ),
+      /* @__PURE__ */ React.createElement(Icon, { name: "chevron-down", className: "aura-select__chevron" }),
+      popup
+    )
   );
 });
 export {

package/dist/esm/TimePicker.js

@@ -113,7 +113,8 @@ const TimePicker = React.forwardRef(function TimePicker2(props, ref) {
       return true;
     }
     if (blocked(v)) {
-      errState[1](t.timeOutOfRange(fromMin(lo), fromMin(hi)));
+      const n = toMin(v);
+      errState[1](n != null && n >= lo && n <= hi ? t.timeUnavailable : t.timeOutOfRange(fromMin(lo), fromMin(hi)));
       return false;
     }
     errState[1](null);

package/dist/esm/dates.js

@@ -4,20 +4,29 @@ const pad = function(n) {
   return (n < 10 ? "0" : "") + n;
 };
 function toISO(d) {
-  return d ? d.getFullYear() + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate()) : null;
+  if (!d) return null;
+  const y = String(d.getFullYear());
+  return ("000" + y).slice(-Math.max(4, y.length)) + "-" + pad(d.getMonth() + 1) + "-" + pad(d.getDate());
+}
+function makeDate(y, monthIndex2, day) {
+  const d = new Date(2e3, 0, 1);
+  d.setFullYear(y, monthIndex2, day);
+  return d;
 }
 function fromISO(s) {
   if (!s) return null;
   const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s);
-  return m ? new Date(+m[1], +m[2] - 1, +m[3]) : null;
+  if (!m) return null;
+  const d = makeDate(+m[1], +m[2] - 1, +m[3]);
+  return d.getMonth() === +m[2] - 1 && d.getDate() === +m[3] ? d : null;
 }
 function addDays(d, n) {
-  return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n);
+  return makeDate(d.getFullYear(), d.getMonth(), d.getDate() + n);
 }
 function addMonths(d, n) {
-  const t = new Date(d.getFullYear(), d.getMonth() + n, 1);
-  const last = new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate();
-  return new Date(t.getFullYear(), t.getMonth(), Math.min(d.getDate(), last));
+  const t = makeDate(d.getFullYear(), d.getMonth() + n, 1);
+  const last = makeDate(t.getFullYear(), t.getMonth() + 1, 0).getDate();
+  return makeDate(t.getFullYear(), t.getMonth(), Math.min(d.getDate(), last));
 }
 function same(a, b) {
   return !!a && !!b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
@@ -125,7 +134,15 @@ function monthIndex(word) {
   return MONTHS[k] != null ? MONTHS[k] : -1;
 }
 function parseDate(text) {
-  const s = String(text || "").trim();
+  const raw = String(text || "").trim();
+  const gregorian = /ค\.ศ\.|\d\s*(AD|CE)\b|^\s*(AD|CE)\s/i.test(raw);
+  let s = raw.replace(/พ\.ศ\.|ค\.ศ\./g, " ").replace(/(\d)\s*(BE|AD|CE)\b/gi, "$1 ").replace(/^\s*(BE|AD|CE)\s+/i, " ").replace(/\s+/g, " ").trim();
+  const eight = /^(\d{2})(\d{2})(\d{4})$/.exec(s);
+  if (eight) {
+    const a = +eight[3] >= 1e3 ? parseDate(eight[1] + "/" + eight[2] + "/" + eight[3] + (gregorian ? " \u0E04.\u0E28." : "")) : null;
+    if (a) return a;
+    s = s.slice(0, 4) + "-" + s.slice(4, 6) + "-" + s.slice(6);
+  }
   let m = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(s), y, mo, d;
   if (m) {
     y = +m[1];
@@ -135,13 +152,13 @@ function parseDate(text) {
     d = +m[1];
     mo = +m[2];
     y = +m[3];
-  } else if ((m = /^(\d{1,2})\s+(\S+)\s+(\d{4})$/.exec(s.replace(ERA, "").trim())) && monthIndex(m[2]) >= 0) {
+  } else if ((m = /^(\d{1,2})\s+(\S+)\s+(\d{4})$/.exec(s)) && monthIndex(m[2]) >= 0) {
     d = +m[1];
     mo = monthIndex(m[2]) + 1;
     y = +m[3];
   } else return null;
-  if (y >= 2400) y -= 543;
-  const dt = new Date(y, mo - 1, d);
+  if (y >= 2400 && !gregorian) y -= 543;
+  const dt = makeDate(y, mo - 1, d);
   return dt.getMonth() === mo - 1 && dt.getDate() === d ? toISO(dt) : null;
 }
 function todayIn(timeZone) {
@@ -173,6 +190,7 @@ export {
   formatDate,
   fromISO,
   localeTag,
+  makeDate,
   monthIndex,
   pad,
   parseDate,

package/dist/esm/strings.js

@@ -74,6 +74,12 @@ const STRINGS = {
     page: function(p, total) {
       return "Page " + p + " of " + total;
     },
+    rangeOpen: function(a, b) {
+      return a + "\u2013" + b + " of many";
+    },
+    pageOpen: function(p) {
+      return "Page " + p;
+    },
     prevPage: "Previous page",
     nextPage: "Next page",
     totals: "Totals",
@@ -87,6 +93,7 @@ const STRINGS = {
     timeOutOfRange: function(a, b) {
       return "Choose a time between " + a + " and " + b;
     },
+    timeUnavailable: "That time isn't available. Choose another.",
     dropFiles: "Drag files here or",
     browse: "Choose files",
     browseOne: "Choose a file",
@@ -188,6 +195,12 @@ const STRINGS = {
     page: function(p, total) {
       return "\u0E2B\u0E19\u0E49\u0E32 " + p + " / " + total;
     },
+    rangeOpen: function(a, b) {
+      return a + "\u2013" + b + " \u0E08\u0E32\u0E01\u0E2B\u0E25\u0E32\u0E22\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+    },
+    pageOpen: function(p) {
+      return "\u0E2B\u0E19\u0E49\u0E32 " + p;
+    },
     prevPage: "\u0E2B\u0E19\u0E49\u0E32\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32",
     nextPage: "\u0E2B\u0E19\u0E49\u0E32\u0E16\u0E31\u0E14\u0E44\u0E1B",
     totals: "\u0E23\u0E27\u0E21",
@@ -201,6 +214,7 @@ const STRINGS = {
     timeOutOfRange: function(a, b) {
       return "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E27\u0E25\u0E32\u0E23\u0E30\u0E2B\u0E27\u0E48\u0E32\u0E07 " + a + "\u2013" + b + " \u0E19.";
     },
+    timeUnavailable: "\u0E40\u0E27\u0E25\u0E32\u0E19\u0E35\u0E49\u0E44\u0E21\u0E48\u0E27\u0E48\u0E32\u0E07 \u0E40\u0E25\u0E37\u0E2D\u0E01\u0E40\u0E27\u0E25\u0E32\u0E2D\u0E37\u0E48\u0E19",
     dropFiles: "\u0E25\u0E32\u0E01\u0E44\u0E1F\u0E25\u0E4C\u0E21\u0E32\u0E27\u0E32\u0E07 \u0E2B\u0E23\u0E37\u0E2D",
     browse: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C",
     browseOne: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E44\u0E1F\u0E25\u0E4C",
@@ -302,6 +316,12 @@ const STRINGS = {
     page: function(p, total) {
       return "Sida " + p + " av " + total;
     },
+    rangeOpen: function(a, b) {
+      return a + "\u2013" + b + " av m\xE5nga";
+    },
+    pageOpen: function(p) {
+      return "Sida " + p;
+    },
     prevPage: "F\xF6reg\xE5ende sida",
     nextPage: "N\xE4sta sida",
     totals: "Summa",
@@ -315,6 +335,7 @@ const STRINGS = {
     timeOutOfRange: function(a, b) {
       return "V\xE4lj en tid mellan " + a + " och " + b;
     },
+    timeUnavailable: "Den tiden \xE4r inte ledig. V\xE4lj en annan.",
     dropFiles: "Dra filer hit eller",
     browse: "V\xE4lj filer",
     browseOne: "V\xE4lj en fil",

package/dist/esm/text.js

@@ -19,6 +19,7 @@ function parseTime(text) {
   const m = /^(\d{1,2})(?:[:.](\d{2}))?$/.exec(s) || /^(\d{1,2})(\d{2})$/.exec(s);
   if (!m) return null;
   let hh = +m[1], mm = m[2] ? +m[2] : 0;
+  if ((am || pm) && (hh < 1 || hh > 12)) return null;
   if (pm && hh < 12) hh += 12;
   if (am && hh === 12) hh = 0;
   if (hh > 23 || mm > 59) return null;