linkmore-design 1.0.55 → 1.0.58

package/lib/DatePicker/generatePicker/generateRangePicker.js

@@ -0,0 +1,168 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generateRangePicker;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _CalendarOutlined = _interopRequireDefault(require("@ant-design/icons/CalendarOutlined"));
+
+var _ClockCircleOutlined = _interopRequireDefault(require("@ant-design/icons/ClockCircleOutlined"));
+
+var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+
+var _SwapRightOutlined = _interopRequireDefault(require("@ant-design/icons/SwapRightOutlined"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _rcPicker = require("rc-picker");
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ = require(".");
+
+var _configProvider = require("antd/es/config-provider");
+
+var _DisabledContext = _interopRequireDefault(require("antd/es/config-provider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("antd/es/config-provider/SizeContext"));
+
+var _context = require("antd/es/form/context");
+
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+
+var _statusUtils = require("../../_util/statusUtils");
+
+var _en_US = _interopRequireDefault(require("antd/es/date-picker/locale/en_US"));
+
+var _util = require("../util");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+function generateRangePicker(generateConfig) {
+  var RangePicker = /*#__PURE__*/(0, React.forwardRef)(function (props, ref) {
+    var customizePrefixCls = props.prefixCls,
+        customGetPopupContainer = props.getPopupContainer,
+        className = props.className,
+        placement = props.placement,
+        customizeSize = props.size,
+        customDisabled = props.disabled,
+        _props$bordered = props.bordered,
+        bordered = _props$bordered === void 0 ? true : _props$bordered,
+        placeholder = props.placeholder,
+        customStatus = props.status,
+        restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "status"]);
+
+    var innerRef = React.useRef(null);
+
+    var _useContext = (0, React.useContext)(_configProvider.ConfigContext),
+        getPrefixCls = _useContext.getPrefixCls,
+        direction = _useContext.direction,
+        getPopupContainer = _useContext.getPopupContainer;
+
+    var prefixCls = getPrefixCls('picker', customizePrefixCls);
+    var format = props.format,
+        showTime = props.showTime,
+        picker = props.picker;
+    var rootPrefixCls = getPrefixCls();
+    var additionalOverrideProps = {};
+    additionalOverrideProps = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)(Object.assign({
+      format: format,
+      picker: picker
+    }, showTime)) : {}), picker === 'time' ? (0, _.getTimeProps)(Object.assign(Object.assign({
+      format: format
+    }, props), {
+      picker: picker
+    })) : {}); // ===================== Size =====================
+
+    var size = React.useContext(_SizeContext.default);
+    var mergedSize = customizeSize || size; // ===================== Disabled =====================
+
+    var disabled = React.useContext(_DisabledContext.default);
+    var mergedDisabled = customDisabled || disabled; // ===================== FormItemInput =====================
+
+    var formItemContext = (0, React.useContext)(_context.FormItemInputContext);
+    var hasFeedback = formItemContext.hasFeedback,
+        contextStatus = formItemContext.status,
+        feedbackIcon = formItemContext.feedbackIcon;
+    var suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, picker === 'time' ? /*#__PURE__*/React.createElement(_ClockCircleOutlined.default, null) : /*#__PURE__*/React.createElement(_CalendarOutlined.default, null), hasFeedback && feedbackIcon);
+    (0, React.useImperativeHandle)(ref, function () {
+      return {
+        focus: function focus() {
+          var _a;
+
+          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        },
+        blur: function blur() {
+          var _a;
+
+          return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+      };
+    });
+    return (
+      /*#__PURE__*/
+      // @ts-ignore
+      React.createElement(_LocaleReceiver.default, {
+        componentName: "DatePicker",
+        defaultLocale: _en_US.default
+      }, function (contextLocale) {
+        var _classNames;
+
+        var locale = Object.assign(Object.assign({}, contextLocale), props.locale);
+        return /*#__PURE__*/React.createElement(_rcPicker.RangePicker, Object.assign({
+          separator: /*#__PURE__*/React.createElement("span", {
+            "aria-label": "to",
+            className: "".concat(prefixCls, "-separator")
+          }, /*#__PURE__*/React.createElement(_SwapRightOutlined.default, null)),
+          disabled: mergedDisabled,
+          ref: innerRef,
+          dropdownAlign: (0, _util.transPlacement2DropdownAlign)(direction, placement),
+          placeholder: (0, _util.getRangePlaceholder)(picker, locale, placeholder),
+          suffixIcon: suffixNode,
+          clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled.default, null),
+          prevIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-prev-icon")
+          }),
+          nextIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-next-icon")
+          }),
+          superPrevIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-super-prev-icon")
+          }),
+          superNextIcon: /*#__PURE__*/React.createElement("span", {
+            className: "".concat(prefixCls, "-super-next-icon")
+          }),
+          allowClear: true,
+          transitionName: "".concat(rootPrefixCls, "-slide-up")
+        }, restProps, additionalOverrideProps, {
+          className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), (0, _statusUtils.getStatusClassNames)(prefixCls, (0, _statusUtils.getMergedStatus)(contextStatus, customStatus), hasFeedback), className),
+          locale: locale.lang,
+          prefixCls: prefixCls,
+          getPopupContainer: customGetPopupContainer || getPopupContainer,
+          generateConfig: generateConfig,
+          components: _.Components,
+          direction: direction
+        }));
+      })
+    );
+  });
+  return RangePicker;
+}

package/lib/DatePicker/generatePicker/generateSinglePicker.d.ts

@@ -0,0 +1,14 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate/index';
+import type { PickerDateProps, PickerProps, PickerTimeProps } from '.';
+import type { InputStatus } from '../../_util/statusUtils';
+import type { PickerComponentClass } from './interface';
+export default function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): {
+    DatePicker: PickerComponentClass<PickerProps<DateType> & {
+        status?: InputStatus;
+    }, unknown>;
+    WeekPicker: PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    MonthPicker: PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    YearPicker: PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    TimePicker: PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+    QuarterPicker: PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+};

package/lib/DatePicker/generatePicker/generateSinglePicker.js

@@ -0,0 +1,196 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = generatePicker;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _CalendarOutlined = _interopRequireDefault(require("@ant-design/icons/CalendarOutlined"));
+
+var _ClockCircleOutlined = _interopRequireDefault(require("@ant-design/icons/ClockCircleOutlined"));
+
+var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _rcPicker = _interopRequireDefault(require("rc-picker"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ = require(".");
+
+var _configProvider = require("antd/es/config-provider");
+
+var _DisabledContext = _interopRequireDefault(require("antd/es/config-provider/DisabledContext"));
+
+var _SizeContext = _interopRequireDefault(require("antd/es/config-provider/SizeContext"));
+
+var _context = require("antd/es/form/context");
+
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+
+var _statusUtils = require("../../_util/statusUtils");
+
+var _warning = _interopRequireDefault(require("../../_util/warning"));
+
+var _en_US = _interopRequireDefault(require("antd/es/date-picker/locale/en_US"));
+
+var _util = require("../util");
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+function generatePicker(generateConfig) {
+  function getPicker(picker, displayName) {
+    var Picker = /*#__PURE__*/(0, React.forwardRef)(function (props, ref) {
+      var customizePrefixCls = props.prefixCls,
+          customizeGetPopupContainer = props.getPopupContainer,
+          className = props.className,
+          customizeSize = props.size,
+          _props$bordered = props.bordered,
+          bordered = _props$bordered === void 0 ? true : _props$bordered,
+          placement = props.placement,
+          placeholder = props.placeholder,
+          customDisabled = props.disabled,
+          customStatus = props.status,
+          restProps = __rest(props, ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "disabled", "status"]);
+
+      console.log(restProps, '---restProps');
+      (0, _warning.default)(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly."));
+
+      var _useContext = (0, React.useContext)(_configProvider.ConfigContext),
+          getPrefixCls = _useContext.getPrefixCls,
+          direction = _useContext.direction,
+          getPopupContainer = _useContext.getPopupContainer;
+
+      var prefixCls = getPrefixCls('picker', customizePrefixCls);
+      var innerRef = React.useRef(null);
+      var format = props.format,
+          showTime = props.showTime;
+      (0, React.useImperativeHandle)(ref, function () {
+        return {
+          focus: function focus() {
+            var _a;
+
+            return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+          },
+          blur: function blur() {
+            var _a;
+
+            return (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+          }
+        };
+      });
+      var additionalProps = {
+        showToday: true
+      };
+      var additionalOverrideProps = {};
+
+      if (picker) {
+        additionalOverrideProps.picker = picker;
+      }
+
+      var mergedPicker = picker || props.picker;
+      additionalOverrideProps = Object.assign(Object.assign(Object.assign({}, additionalOverrideProps), showTime ? (0, _.getTimeProps)(Object.assign({
+        format: format,
+        picker: mergedPicker
+      }, showTime)) : {}), mergedPicker === 'time' ? (0, _.getTimeProps)(Object.assign(Object.assign({
+        format: format
+      }, props), {
+        picker: mergedPicker
+      })) : {});
+      var rootPrefixCls = getPrefixCls(); // ===================== Size =====================
+
+      var size = React.useContext(_SizeContext.default);
+      var mergedSize = customizeSize || size; // ===================== Disabled =====================
+
+      var disabled = React.useContext(_DisabledContext.default);
+      var mergedDisabled = customDisabled || disabled; // ===================== FormItemInput =====================
+
+      var formItemContext = (0, React.useContext)(_context.FormItemInputContext);
+      var hasFeedback = formItemContext.hasFeedback,
+          contextStatus = formItemContext.status,
+          feedbackIcon = formItemContext.feedbackIcon;
+      var suffixNode = /*#__PURE__*/React.createElement(React.Fragment, null, mergedPicker === 'time' ? /*#__PURE__*/React.createElement(_ClockCircleOutlined.default, null) : /*#__PURE__*/React.createElement(_CalendarOutlined.default, null), hasFeedback && feedbackIcon);
+      return (
+        /*#__PURE__*/
+        // @ts-ignore
+        React.createElement(_LocaleReceiver.default, {
+          componentName: "DatePicker",
+          defaultLocale: _en_US.default
+        }, function (contextLocale) {
+          var _classNames;
+
+          var locale = Object.assign(Object.assign({}, contextLocale), props.locale);
+          return /*#__PURE__*/React.createElement(_rcPicker.default, Object.assign({
+            ref: innerRef,
+            placeholder: (0, _util.getPlaceholder)(mergedPicker, locale, placeholder),
+            suffixIcon: suffixNode,
+            dropdownAlign: (0, _util.transPlacement2DropdownAlign)(direction, placement),
+            clearIcon: /*#__PURE__*/React.createElement(_CloseCircleFilled.default, null),
+            prevIcon: /*#__PURE__*/React.createElement("span", {
+              className: "".concat(prefixCls, "-prev-icon")
+            }),
+            nextIcon: /*#__PURE__*/React.createElement("span", {
+              className: "".concat(prefixCls, "-next-icon")
+            }),
+            superPrevIcon: /*#__PURE__*/React.createElement("span", {
+              className: "".concat(prefixCls, "-super-prev-icon")
+            }),
+            superNextIcon: /*#__PURE__*/React.createElement("span", {
+              className: "".concat(prefixCls, "-super-next-icon")
+            }),
+            allowClear: true,
+            transitionName: "".concat(rootPrefixCls, "-slide-up")
+          }, additionalProps, restProps, additionalOverrideProps, {
+            locale: locale.lang,
+            className: (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _classNames), (0, _statusUtils.getStatusClassNames)(prefixCls, (0, _statusUtils.getMergedStatus)(contextStatus, customStatus), hasFeedback), className),
+            prefixCls: prefixCls,
+            getPopupContainer: customizeGetPopupContainer || getPopupContainer,
+            generateConfig: generateConfig,
+            components: _.Components,
+            direction: direction,
+            disabled: mergedDisabled
+          }));
+        })
+      );
+    });
+
+    if (displayName) {
+      Picker.displayName = displayName;
+    }
+
+    return Picker;
+  }
+
+  var DatePicker = getPicker();
+  var WeekPicker = getPicker('week', 'WeekPicker');
+  var MonthPicker = getPicker('month', 'MonthPicker');
+  var YearPicker = getPicker('year', 'YearPicker');
+  var TimePicker = getPicker('time', 'TimePicker');
+  var QuarterPicker = getPicker('quarter', 'QuarterPicker');
+  return {
+    DatePicker: DatePicker,
+    WeekPicker: WeekPicker,
+    MonthPicker: MonthPicker,
+    YearPicker: YearPicker,
+    TimePicker: TimePicker,
+    QuarterPicker: QuarterPicker
+  };
+}

package/lib/DatePicker/generatePicker/index.d.ts

@@ -0,0 +1,106 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate/index';
+import type { Locale as RcPickerLocale, PickerMode } from 'rc-picker/lib/interface';
+import type { SharedTimeProps } from 'rc-picker/lib/panels/TimePanel';
+import type { PickerBaseProps as RCPickerBaseProps, PickerDateProps as RCPickerDateProps, PickerTimeProps as RCPickerTimeProps } from 'rc-picker/lib/Picker';
+import type { RangePickerBaseProps as RCRangePickerBaseProps, RangePickerDateProps as RCRangePickerDateProps, RangePickerTimeProps as RCRangePickerTimeProps } from 'rc-picker/lib/RangePicker';
+import type { SizeType } from 'antd/es/config-provider/SizeContext';
+import type { TimePickerLocale } from 'antd/es/time-picker';
+import type { InputStatus } from '../../_util/statusUtils';
+import PickerButton from '../PickerButton';
+import PickerTag from '../PickerTag';
+export declare const Components: {
+    button: typeof PickerButton;
+    rangeItem: typeof PickerTag;
+};
+export declare function getTimeProps<DateType, DisabledTime>(props: {
+    format?: string;
+    picker?: PickerMode;
+} & Omit<SharedTimeProps<DateType>, 'disabledTime'> & {
+    disabledTime?: DisabledTime;
+}): {
+    format?: string;
+    picker?: PickerMode;
+    defaultValue?: DateType;
+    showNow?: boolean;
+    showHour?: boolean;
+    showMinute?: boolean;
+    showSecond?: boolean;
+    use12Hours?: boolean;
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+    hideDisabledOptions?: boolean;
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    disabledTime?: DisabledTime;
+} | {
+    showTime: {
+        format?: string;
+        picker?: PickerMode;
+        defaultValue?: DateType;
+        showNow?: boolean;
+        showHour?: boolean;
+        showMinute?: boolean;
+        showSecond?: boolean;
+        use12Hours?: boolean;
+        hourStep?: number;
+        minuteStep?: number;
+        secondStep?: number;
+        hideDisabledOptions?: boolean;
+        disabledHours?: () => number[];
+        disabledMinutes?: (hour: number) => number[];
+        disabledSeconds?: (hour: number, minute: number) => number[];
+        disabledTime?: DisabledTime;
+    };
+};
+declare const DataPickerPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
+declare type DataPickerPlacement = typeof DataPickerPlacements[number];
+declare type InjectDefaultProps<Props> = Omit<Props, 'locale' | 'generateConfig' | 'hideHeader' | 'components'> & {
+    locale?: PickerLocale;
+    size?: SizeType;
+    placement?: DataPickerPlacement;
+    bordered?: boolean;
+    status?: InputStatus;
+};
+export declare type PickerLocale = {
+    lang: RcPickerLocale & AdditionalPickerLocaleLangProps;
+    timePickerLocale: TimePickerLocale;
+} & AdditionalPickerLocaleProps;
+export declare type AdditionalPickerLocaleProps = {
+    dateFormat?: string;
+    dateTimeFormat?: string;
+    weekFormat?: string;
+    monthFormat?: string;
+};
+export declare type AdditionalPickerLocaleLangProps = {
+    placeholder: string;
+    yearPlaceholder?: string;
+    quarterPlaceholder?: string;
+    monthPlaceholder?: string;
+    weekPlaceholder?: string;
+    rangeYearPlaceholder?: [string, string];
+    rangeQuarterPlaceholder?: [string, string];
+    rangeMonthPlaceholder?: [string, string];
+    rangeWeekPlaceholder?: [string, string];
+    rangePlaceholder?: [string, string];
+};
+export declare type PickerBaseProps<DateType> = InjectDefaultProps<RCPickerBaseProps<DateType>>;
+export declare type PickerDateProps<DateType> = InjectDefaultProps<RCPickerDateProps<DateType>>;
+export declare type PickerTimeProps<DateType> = InjectDefaultProps<RCPickerTimeProps<DateType>>;
+export declare type PickerProps<DateType> = PickerBaseProps<DateType> | PickerDateProps<DateType> | PickerTimeProps<DateType>;
+export declare type RangePickerBaseProps<DateType> = InjectDefaultProps<RCRangePickerBaseProps<DateType>>;
+export declare type RangePickerDateProps<DateType> = InjectDefaultProps<RCRangePickerDateProps<DateType>>;
+export declare type RangePickerTimeProps<DateType> = InjectDefaultProps<RCRangePickerTimeProps<DateType>>;
+export declare type RangePickerProps<DateType> = RangePickerBaseProps<DateType> | RangePickerDateProps<DateType> | RangePickerTimeProps<DateType>;
+declare function generatePicker<DateType>(generateConfig: GenerateConfig<DateType>): import("./interface").PickerComponentClass<PickerProps<DateType> & {
+    status?: "" | "warning" | "error";
+}, unknown> & {
+    WeekPicker: import("./interface").PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    MonthPicker: import("./interface").PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    YearPicker: import("./interface").PickerComponentClass<Omit<PickerDateProps<DateType>, "picker">, unknown>;
+    RangePicker: import("./interface").PickerComponentClass<RangePickerProps<DateType>, unknown>;
+    TimePicker: import("./interface").PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+    QuarterPicker: import("./interface").PickerComponentClass<Omit<PickerTimeProps<DateType>, "picker">, unknown>;
+};
+export default generatePicker;

package/lib/DatePicker/generatePicker/index.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Components = void 0;
+exports.getTimeProps = getTimeProps;
+
+var _type = require("../../_util/type");
+
+var _PickerButton = _interopRequireDefault(require("../PickerButton"));
+
+var _PickerTag = _interopRequireDefault(require("../PickerTag"));
+
+var _generateRangePicker = _interopRequireDefault(require("./generateRangePicker"));
+
+var _generateSinglePicker2 = _interopRequireDefault(require("./generateSinglePicker"));
+
+var Components = {
+  button: _PickerButton.default,
+  rangeItem: _PickerTag.default
+};
+exports.Components = Components;
+
+function toArray(list) {
+  if (!list) {
+    return [];
+  }
+
+  return Array.isArray(list) ? list : [list];
+}
+
+function getTimeProps(props) {
+  var format = props.format,
+      picker = props.picker,
+      showHour = props.showHour,
+      showMinute = props.showMinute,
+      showSecond = props.showSecond,
+      use12Hours = props.use12Hours;
+  var firstFormat = toArray(format)[0];
+  var showTimeObj = Object.assign({}, props);
+
+  if (firstFormat && typeof firstFormat === 'string') {
+    if (!firstFormat.includes('s') && showSecond === undefined) {
+      showTimeObj.showSecond = false;
+    }
+
+    if (!firstFormat.includes('m') && showMinute === undefined) {
+      showTimeObj.showMinute = false;
+    }
+
+    if (!firstFormat.includes('H') && !firstFormat.includes('h') && showHour === undefined) {
+      showTimeObj.showHour = false;
+    }
+
+    if ((firstFormat.includes('a') || firstFormat.includes('A')) && use12Hours === undefined) {
+      showTimeObj.use12Hours = true;
+    }
+  }
+
+  if (picker === 'time') {
+    return showTimeObj;
+  }
+
+  if (typeof firstFormat === 'function') {
+    // format of showTime should use default when format is custom format function
+    delete showTimeObj.format;
+  }
+
+  return {
+    showTime: showTimeObj
+  };
+}
+
+var DataPickerPlacements = (0, _type.tuple)('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
+
+function generatePicker(generateConfig) {
+  // =========================== Picker ===========================
+  var _generateSinglePicker = (0, _generateSinglePicker2.default)(generateConfig),
+      DatePicker = _generateSinglePicker.DatePicker,
+      WeekPicker = _generateSinglePicker.WeekPicker,
+      MonthPicker = _generateSinglePicker.MonthPicker,
+      YearPicker = _generateSinglePicker.YearPicker,
+      TimePicker = _generateSinglePicker.TimePicker,
+      QuarterPicker = _generateSinglePicker.QuarterPicker; // ======================== Range Picker ========================
+
+
+  var RangePicker = (0, _generateRangePicker.default)(generateConfig);
+  var MergedDatePicker = DatePicker;
+  MergedDatePicker.WeekPicker = WeekPicker;
+  MergedDatePicker.MonthPicker = MonthPicker;
+  MergedDatePicker.YearPicker = YearPicker;
+  MergedDatePicker.RangePicker = RangePicker;
+  MergedDatePicker.TimePicker = TimePicker;
+  MergedDatePicker.QuarterPicker = QuarterPicker;
+  return MergedDatePicker;
+}
+
+var _default = generatePicker;
+exports.default = _default;

package/lib/DatePicker/generatePicker/interface.d.ts

@@ -0,0 +1,12 @@
+import type { Component, ComponentClass, ForwardedRef } from 'react';
+import type { PickerProps, RangePickerProps } from '.';
+export interface CommonPickerMethods {
+    focus: () => void;
+    blur: () => void;
+}
+export interface PickerComponentClass<P = {}, S = unknown> extends ComponentClass<P, S> {
+    new (...args: ConstructorParameters<ComponentClass<P, S>>): InstanceType<ComponentClass<P, S>> & CommonPickerMethods;
+}
+export declare type PickerRef<P> = ForwardedRef<Component<P> & CommonPickerMethods>;
+export declare type DatePickRef<DateType> = PickerRef<PickerProps<DateType>>;
+export declare type RangePickerRef<DateType> = PickerRef<RangePickerProps<DateType>>;

package/lib/DatePicker/generatePicker/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/DatePicker/index.d.ts

@@ -0,0 +1,17 @@
+import type { Moment } from 'moment';
+import type { PickerDateProps, PickerProps, RangePickerProps as BaseRangePickerProps } from './generatePicker';
+export declare type DatePickerProps = PickerProps<Moment>;
+export declare type MonthPickerProps = Omit<PickerDateProps<Moment>, 'picker'>;
+export declare type WeekPickerProps = Omit<PickerDateProps<Moment>, 'picker'>;
+export declare type RangePickerProps = BaseRangePickerProps<Moment>;
+declare const DatePicker: import("./generatePicker/interface").PickerComponentClass<PickerProps<Moment> & {
+    status?: "" | "warning" | "error";
+}, unknown> & {
+    WeekPicker: import("./generatePicker/interface").PickerComponentClass<Omit<PickerDateProps<Moment>, "picker">, unknown>;
+    MonthPicker: import("./generatePicker/interface").PickerComponentClass<Omit<PickerDateProps<Moment>, "picker">, unknown>;
+    YearPicker: import("./generatePicker/interface").PickerComponentClass<Omit<PickerDateProps<Moment>, "picker">, unknown>;
+    RangePicker: import("./generatePicker/interface").PickerComponentClass<BaseRangePickerProps<Moment>, unknown>;
+    TimePicker: import("./generatePicker/interface").PickerComponentClass<Omit<import("./generatePicker").PickerTimeProps<Moment>, "picker">, unknown>;
+    QuarterPicker: import("./generatePicker/interface").PickerComponentClass<Omit<import("./generatePicker").PickerTimeProps<Moment>, "picker">, unknown>;
+};
+export default DatePicker;

package/lib/DatePicker/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/date-picker/style");
+
+var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
+
+var _moment = _interopRequireDefault(require("rc-picker/lib/generate/moment"));
+
+var _generatePicker = _interopRequireDefault(require("./generatePicker"));
+
+var DatePicker = (0, _generatePicker.default)(_moment.default);
+DatePicker.AntdDatePicker = _datePicker.default;
+var _default = DatePicker;
+exports.default = _default;