@postenbring/hedwig-react/dist/chunk-6O5AEAIL.mjs

React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).

import {
  InputGroup
} from "./chunk-GIFDGUFW.mjs";
import {
  useMergeRefs
} from "./chunk-3V4GFS46.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-YOSPWY5K.mjs";

// src/form/date-picker/date-picker.tsx
import { forwardRef, useRef } from "react";
import { clsx } from "@postenbring/hedwig-css/typed-classname";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
var DatePicker = forwardRef(function DatePicker2(_a, ref) {
  var _b = _a, {
    className,
    size,
    validationMessage,
    validationMessageProps,
    errorMessage,
    labelProps,
    label,
    id,
    style,
    disabled,
    readOnly,
    "data-color": dataColor,
    calendarButtonTitle = "\xC5pne kalender"
  } = _b, rest = __objRest(_b, [
    "className",
    "size",
    "validationMessage",
    "validationMessageProps",
    "errorMessage",
    "labelProps",
    "label",
    "id",
    "style",
    "disabled",
    "readOnly",
    "data-color",
    "calendarButtonTitle"
  ]);
  const inputRef = useRef(null);
  const mergedRef = useMergeRefs([inputRef, ref]);
  return /* @__PURE__ */ jsx(
    InputGroup,
    {
      className: clsx("hds-date-picker", className),
      disabled,
      validationMessage,
      validationMessageProps,
      errorMessage,
      id,
      label,
      labelProps,
      readOnly,
      style,
      size,
      "data-color": dataColor,
      children: (inputProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
        /* @__PURE__ */ jsx(
          "input",
          __spreadValues(__spreadProps(__spreadValues({}, inputProps), {
            disabled,
            readOnly,
            ref: mergedRef,
            type: "date"
          }), rest)
        ),
        /* @__PURE__ */ jsx(
          "button",
          {
            className: clsx("hds-date-picker__calendar-button"),
            type: "button",
            title: calendarButtonTitle,
            onClick: () => {
              var _a2;
              (_a2 = inputRef.current) == null ? void 0 : _a2.showPicker();
            }
          }
        )
      ] })
    }
  );
});
DatePicker.displayName = "DatePicker";

export {
  DatePicker
};
//# sourceMappingURL=chunk-6O5AEAIL.mjs.map