"use strict";
var import_DatePicker = require("../DatePicker.css");
const jsxRuntime = require("react/jsx-runtime");
const antd = require("antd");
const kit_internal_Label = require("./internal/Label.cjs");
const kit_Theme_UI = require("./Theme/UI.cjs");
require("./Theme/themeUtils.cjs");
require("./Theme/themes.cjs");
const base = "DatePicker_base_f58fc";
const css = {
  base
};
const DatePicker = ({ label, ...props }) => {
  const {
    themeSettings: { className: themeClass }
  } = kit_Theme_UI.useTheme();
  const composedProps = {
    ...props,
    popupClassName: themeClass,
    style: { minWidth: props.width },
    width: void 0
  };
  const classes = [css.base, themeClass];
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.join(" "), children: [
    label && /* @__PURE__ */ jsxRuntime.jsx(kit_internal_Label.default, { children: label }),
    /* @__PURE__ */ jsxRuntime.jsx(antd.DatePicker, { ...composedProps })
  ] });
};
module.exports = DatePicker;
