"use strict";

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var onChange = function onChange(value) {
  console.log(value);
};

var onBlur = function onBlur(e) {
  console.log(e);
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  hasClear: true,
  defaultValue: "clear by click",
  size: "xs",
  "aria-label": "input with config of hasClear",
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  hasClear: true,
  defaultValue: "clear by click",
  size: "small",
  "aria-label": "input with config of hasClear",
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  hasClear: true,
  defaultValue: "2019-09-10 10:10:20",
  "aria-label": "input with config of hasClear",
  onChange: onChange,
  onBlur: onBlur,
  hint: "calendar"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  hasClear: true,
  defaultValue: "clear by click",
  size: "large",
  "aria-label": "input with config of hasClear",
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null)), document.getElementById('input-demo-4'));