@progress/kendo-react-dateinputs/common/ClearButton.mjs

React DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import * as n from "react";
import { useLocalization as m } from "@progress/kendo-react-intl";
import { clear as c, messages as u } from "../messages/index.mjs";
import { useUnstyled as p, classNames as d, uDateInput as f, IconWrap as g } from "@progress/kendo-react-common";
import { xIcon as x } from "@progress/kendo-svg-icons";
const y = (t) => {
  const s = m(), o = p(), l = o && o.uDateInput, r = s.toLanguageString(c, u[c]), i = (e) => {
    e.stopPropagation();
    const { onClick: a } = t;
    a && a.call(void 0, e);
  };
  return /* @__PURE__ */ n.createElement(
    "span",
    {
      className: d(f.clearButton({ c: l })),
      role: "button",
      onClick: i,
      tabIndex: t.tabindex || -1,
      title: r,
      key: "clearbutton"
    },
    /* @__PURE__ */ n.createElement(g, { name: "x", icon: x })
  );
};
export {
  y as default
};