@postenbring/hedwig-react/dist/chunk-GVO57ZWU.mjs

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

import {
  InputGroup
} from "./chunk-XZ43OSZ5.mjs";
import {
  useMergeRefs
} from "./chunk-ILFK3VKS.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,
    variant,
    errorMessage,
    labelProps,
    label,
    id,
    style,
    disabled,
    readOnly,
    calendarButtonTitle = "\xC5pne kalender"
  } = _b, rest = __objRest(_b, [
    "className",
    "variant",
    "errorMessage",
    "labelProps",
    "label",
    "id",
    "style",
    "disabled",
    "readOnly",
    "calendarButtonTitle"
  ]);
  const inputRef = useRef(null);
  const mergedRef = useMergeRefs([inputRef, ref]);
  return /* @__PURE__ */ jsx(
    InputGroup,
    {
      className: clsx("hds-date-picker", className),
      disabled,
      errorMessage,
      id,
      label,
      labelProps,
      readOnly,
      style,
      variant,
      children: (inputProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
        /* @__PURE__ */ jsx(
          "input",
          __spreadProps(__spreadValues(__spreadValues({}, rest), inputProps), {
            disabled,
            readOnly,
            ref: mergedRef,
            type: "date"
          })
        ),
        /* @__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-GVO57ZWU.mjs.map