import { jsxs as m, jsx as e } from "react/jsx-runtime";
import { useCallback as d } from "react";
import a from "../../../box/Box.js";
import r from "../../../input/Input.js";
const h = ({
  dateFormat: t,
  inputFromValue: o = "",
  inputToValue: s = "",
  onInputFromChange: i,
  onInputToChange: p,
  onInputFromBlur: u,
  onInputToBlur: c,
  autoFocus: f = !1
}) => {
  const n = d((l) => {
    l.key === "Enter" && (l.preventDefault(), l.target.blur());
  }, []);
  return /* @__PURE__ */ m(a, { className: "flex items-center gap-[var(--spacing-4)]", children: [
    /* @__PURE__ */ e(a, { className: "w-full", children: /* @__PURE__ */ e(
      r,
      {
        type: "text",
        placeholder: `Von ${t}`,
        value: o,
        onChange: i,
        onBlur: u,
        onKeyDown: n,
        size: "default",
        autoFocus: f
      }
    ) }),
    /* @__PURE__ */ e(a, { className: "w-full", children: /* @__PURE__ */ e(
      r,
      {
        type: "text",
        placeholder: `Bis ${t}`,
        value: s,
        onChange: p,
        onBlur: c,
        onKeyDown: n,
        size: "default"
      }
    ) })
  ] });
};
h.displayName = "DatePickerInput";
export {
  h as default
};
//# sourceMappingURL=DatePickerInput.js.map
