@rc-component/picker 1.0.1 → 1.1.0

package/es/PickerInput/Selector/Input.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"];
+var _excluded = ["className", "active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -37,7 +37,8 @@ import { getMaskRange } from "./util";
 //  3. If `cacheValue` match the limit length or cell format (like 1 ~ 12 month), go to next cell
 
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var active = props.active,
+  var className = props.className,
+    active = props.active,
     _props$showActiveCls = props.showActiveCls,
     showActiveCls = _props$showActiveCls === void 0 ? true : _props$showActiveCls,
     suffixIcon = props.suffixIcon,
@@ -353,7 +354,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   } : {};
   return /*#__PURE__*/React.createElement("div", {
     ref: holderRef,
-    className: classNames(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
+    className: classNames(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className)
   }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: inputRef,
     "aria-invalid": invalid,

package/es/PickerInput/Selector/RangeSelector.js

@@ -189,6 +189,7 @@ function RangeSelector(props, ref) {
   }, prefix), /*#__PURE__*/React.createElement(Input, _extends({
     ref: inputStartRef
   }, getInputProps(0), {
+    className: "".concat(prefixCls, "-input-start"),
     autoFocus: startAutoFocus,
     tabIndex: tabIndex,
     "date-range": "start"
@@ -197,6 +198,7 @@ function RangeSelector(props, ref) {
   }, separator), /*#__PURE__*/React.createElement(Input, _extends({
     ref: inputEndRef
   }, getInputProps(1), {
+    className: "".concat(prefixCls, "-input-end"),
     autoFocus: endAutoFocus,
     tabIndex: tabIndex,
     "date-range": "end"

package/lib/PickerInput/Selector/Input.js

@@ -16,7 +16,7 @@ var _useLockEffect = _interopRequireDefault(require("../hooks/useLockEffect"));
 var _Icon = _interopRequireDefault(require("./Icon"));
 var _MaskFormat = _interopRequireDefault(require("./MaskFormat"));
 var _util2 = require("./util");
-var _excluded = ["active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"];
+var _excluded = ["className", "active", "showActiveCls", "suffixIcon", "format", "validateFormat", "onChange", "onInput", "helped", "onHelp", "onSubmit", "onKeyDown", "preserveInvalidOnBlur", "invalid", "clearIcon"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -45,7 +45,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 //  3. If `cacheValue` match the limit length or cell format (like 1 ~ 12 month), go to next cell
 
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var active = props.active,
+  var className = props.className,
+    active = props.active,
     _props$showActiveCls = props.showActiveCls,
     showActiveCls = _props$showActiveCls === void 0 ? true : _props$showActiveCls,
     suffixIcon = props.suffixIcon,
@@ -361,7 +362,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   } : {};
   return /*#__PURE__*/React.createElement("div", {
     ref: holderRef,
-    className: (0, _classnames.default)(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped))
+    className: (0, _classnames.default)(inputPrefixCls, _defineProperty(_defineProperty({}, "".concat(inputPrefixCls, "-active"), active && showActiveCls), "".concat(inputPrefixCls, "-placeholder"), helped), className)
   }, /*#__PURE__*/React.createElement(Component, _extends({
     ref: inputRef,
     "aria-invalid": invalid,

package/lib/PickerInput/Selector/RangeSelector.js

@@ -198,6 +198,7 @@ function RangeSelector(props, ref) {
   }, prefix), /*#__PURE__*/React.createElement(_Input.default, _extends({
     ref: inputStartRef
   }, getInputProps(0), {
+    className: "".concat(prefixCls, "-input-start"),
     autoFocus: startAutoFocus,
     tabIndex: tabIndex,
     "date-range": "start"
@@ -206,6 +207,7 @@ function RangeSelector(props, ref) {
   }, separator), /*#__PURE__*/React.createElement(_Input.default, _extends({
     ref: inputEndRef
   }, getInputProps(1), {
+    className: "".concat(prefixCls, "-input-end"),
     autoFocus: endAutoFocus,
     tabIndex: tabIndex,
     "date-range": "end"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/picker",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "React date & time picker",
   "keywords": [
     "react",