@douyinfe/semi-ui 2.1.1 → 2.1.2

package/lib/cjs/calendar/dayCalendar.js

@@ -0,0 +1,234 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/calendar/foundation"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/calendar/constants");
+
+var _dayCol = _interopRequireDefault(require("./dayCol"));
+
+var _timeCol = _interopRequireDefault(require("./timeCol"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
+var _context5 = _interopRequireDefault(require("../locale/context"));
+
+require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
+
+const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-day");
+
+class DayCalendar extends _baseComponent.default {
+  constructor(props) {
+    super(props);
+
+    this.checkWeekend = val => this.foundation.checkWeekend(val);
+
+    this.renderAllDayEvents = events => {
+      const list = (0, _map.default)(events).call(events, (event, ind) => {
+        var _context;
+
+        const {
+          children,
+          key
+        } = event;
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line max-len
+          _react.default.createElement("li", {
+            className: (0, _concat.default)(_context = "".concat(_constants.cssClasses.PREFIX, "-event-item ")).call(_context, _constants.cssClasses.PREFIX, "-event-allday"),
+            key: key || "allDay-".concat(ind)
+          }, children)
+        );
+      });
+      return list;
+    };
+
+    this.handleClick = (e, val) => {
+      const {
+        onClick
+      } = this.props;
+      const value = this.foundation.formatCbValue(val);
+      onClick && onClick(e, value);
+    };
+
+    this.renderAllDay = events => {
+      const allDayCls = "".concat(_constants.cssClasses.PREFIX, "-all-day");
+      const contentCls = (0, _classnames.default)("".concat(allDayCls, "-content"), {
+        ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: this.isWeekend
+      });
+      return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+        componentName: "Calendar"
+      }, locale => {
+        var _context2, _context3;
+
+        return /*#__PURE__*/_react.default.createElement("div", {
+          className: "".concat(allDayCls)
+        }, /*#__PURE__*/_react.default.createElement("ul", {
+          className: (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = "".concat(_constants.cssClasses.PREFIX, "-tag ")).call(_context3, allDayCls, "-tag ")).call(_context2, prefixCls, "-sticky-left")
+        }, /*#__PURE__*/_react.default.createElement("span", null, locale.allDay)), /*#__PURE__*/_react.default.createElement("div", {
+          role: "gridcell",
+          className: contentCls
+        }, /*#__PURE__*/_react.default.createElement("ul", {
+          className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
+        }, this.renderAllDayEvents(events))));
+      });
+    };
+
+    this.foundation = new _foundation.default(this.adapter);
+    this.state = {
+      scrollHeight: 0,
+      parsedEvents: {
+        day: [],
+        allDay: []
+      },
+      cachedKeys: []
+    };
+    this.dom = /*#__PURE__*/_react.default.createRef();
+    this.scrollDom = /*#__PURE__*/_react.default.createRef();
+    this.isWeekend = false;
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      updateScrollHeight: scrollHeight => {
+        this.setState({
+          scrollHeight
+        });
+      },
+      setParsedEvents: parsedEvents => {
+        this.setState({
+          parsedEvents: parsedEvents
+        });
+      },
+      cacheEventKeys: cachedKeys => {
+        this.setState({
+          cachedKeys
+        });
+      }
+    });
+  }
+
+  componentDidMount() {
+    this.foundation.init();
+    const {
+      scrollHeight
+    } = this.scrollDom.current;
+    this.dom.current.scrollTop = this.props.scrollTop;
+    this.foundation.notifyScrollHeight(scrollHeight);
+    this.foundation.parseDailyEvents();
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    var _context4;
+
+    const prevEventKeys = prevState.cachedKeys;
+    const nowEventKeys = (0, _map.default)(_context4 = this.props.events).call(_context4, event => event.key);
+
+    if (!(0, _isEqual2.default)(prevEventKeys, nowEventKeys)) {
+      this.foundation.parseDailyEvents();
+    }
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  render() {
+    // eslint-disable-next-line max-len
+    const {
+      dateGridRender,
+      displayValue,
+      showCurrTime,
+      renderTimeDisplay,
+      markWeekend,
+      className,
+      height,
+      width,
+      style,
+      header
+    } = this.props;
+    const dayCls = (0, _classnames.default)(prefixCls, className);
+    const dayStyle = (0, _assign.default)({
+      height,
+      width
+    }, style);
+    const {
+      parsedEvents,
+      scrollHeight
+    } = this.state;
+    this.isWeekend = markWeekend && this.checkWeekend(displayValue);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: dayCls,
+      style: dayStyle,
+      ref: this.dom
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-sticky-top")
+    }, header, this.renderAllDay(parsedEvents.allDay)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-scroll-wrapper")
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefixCls, "-scroll"),
+      ref: this.scrollDom
+    }, /*#__PURE__*/_react.default.createElement(_timeCol.default, {
+      className: "".concat(prefixCls, "-sticky-left"),
+      renderTimeDisplay: renderTimeDisplay
+    }), /*#__PURE__*/_react.default.createElement(_dayCol.default, {
+      events: parsedEvents.day,
+      displayValue: displayValue,
+      scrollHeight: scrollHeight,
+      handleClick: this.handleClick,
+      showCurrTime: showCurrTime,
+      isWeekend: this.isWeekend,
+      dateGridRender: dateGridRender
+    }))));
+  }
+
+}
+
+exports.default = DayCalendar;
+DayCalendar.propTypes = {
+  displayValue: _propTypes.default.instanceOf(Date),
+  events: _propTypes.default.array,
+  header: _propTypes.default.node,
+  showCurrTime: _propTypes.default.bool,
+  onClick: _propTypes.default.func,
+  mode: _propTypes.default.string,
+  renderTimeDisplay: _propTypes.default.func,
+  markWeekend: _propTypes.default.bool,
+  scrollTop: _propTypes.default.number,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  style: _propTypes.default.object,
+  className: _propTypes.default.string,
+  dateGridRender: _propTypes.default.func
+};
+DayCalendar.defaultProps = {
+  events: [],
+  displayValue: new Date(),
+  mode: 'day'
+};
+DayCalendar.contextType = _context5.default;

package/lib/cjs/calendar/dayCol.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import CalendarFoundation, { CalendarAdapter } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
+import BaseComponent from '../_base/baseComponent';
+import { DayColProps } from './interface';
+import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
+export interface DayColState {
+    currPos: number;
+    showCurrTime: boolean;
+}
+export default class DayCol extends BaseComponent<DayColProps, DayColState> {
+    static propTypes: {
+        events: PropTypes.Requireable<any[]>;
+        displayValue: PropTypes.Requireable<Date>;
+        showCurrTime: PropTypes.Requireable<boolean>;
+        scrollHeight: PropTypes.Requireable<number>;
+        currPos: PropTypes.Requireable<number>;
+        handleClick: PropTypes.Requireable<(...args: any[]) => any>;
+        mode: PropTypes.Requireable<string>;
+        isWeekend: PropTypes.Requireable<boolean>;
+        dateGridRender: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        events: import("@douyinfe/semi-foundation/lib/cjs/calendar/foundation").EventObject[];
+        showCurrTime: boolean;
+        scrollHeight: number;
+        currPos: number;
+        mode: string;
+    };
+    static contextType: React.Context<import("../locale/interface").Locale>;
+    foundation: CalendarFoundation;
+    constructor(props: DayColProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    get adapter(): CalendarAdapter<DayColProps, DayColState>;
+    renderEvents: () => JSX.Element[];
+    renderCurrTime: () => JSX.Element;
+    handleClick: DayColProps['handleClick'];
+    renderGrid: () => JSX.Element;
+    render(): JSX.Element;
+}

package/lib/cjs/calendar/dayCol.js

@@ -0,0 +1,211 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/keys"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/calendar/foundation"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/calendar/constants");
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _context5 = _interopRequireDefault(require("../locale/context"));
+
+require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
+
+/* eslint-disable max-len */
+const prefixCls = "".concat(_constants.cssClasses.PREFIX, "-grid");
+
+function pad(d) {
+  return d < 10 ? "0".concat(d.toString()) : d.toString();
+}
+
+class DayCol extends _baseComponent.default {
+  constructor(props) {
+    super(props);
+
+    this.renderEvents = () => {
+      const {
+        events,
+        scrollHeight
+      } = this.props;
+      const list = (0, _map.default)(events).call(events, (event, ind) => {
+        var _context, _context2;
+
+        const {
+          startPos,
+          endPos,
+          children,
+          key
+        } = event;
+        const top = startPos * scrollHeight;
+        const height = (endPos - startPos) * scrollHeight;
+
+        if (!height) {
+          return undefined;
+        }
+
+        const style = {
+          top: "".concat(top, "px"),
+          height: "".concat(height, "px")
+        };
+        return /*#__PURE__*/_react.default.createElement("li", {
+          className: (0, _concat.default)(_context = "".concat(_constants.cssClasses.PREFIX, "-event-item ")).call(_context, _constants.cssClasses.PREFIX, "-event-day"),
+          style: style,
+          key: key || (0, _concat.default)(_context2 = "".concat(top, "-")).call(_context2, ind)
+        }, children);
+      });
+      return list;
+    };
+
+    this.renderCurrTime = () => {
+      const {
+        currPos
+      } = this.state;
+      const {
+        scrollHeight
+      } = this.props;
+      const key = currPos;
+      const top = currPos * scrollHeight;
+      const style = {
+        top
+      };
+
+      const circle = /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-curr-circle"),
+        style: style
+      });
+
+      const line = /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls, "-curr-line"),
+        style: style
+      });
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+        key: key
+      }, circle, line);
+    };
+
+    this.handleClick = (e, val) => {
+      this.props.handleClick(e, val);
+    };
+
+    this.renderGrid = () => {
+      var _context3, _context4;
+
+      const showCurrTime = this.props.showCurrTime ? this.state.showCurrTime : false;
+      const {
+        displayValue,
+        isWeekend,
+        dateGridRender
+      } = this.props;
+      const skCls = (0, _classnames.default)("".concat(prefixCls, "-skeleton"), {
+        ["".concat(_constants.cssClasses.PREFIX, "-weekend")]: isWeekend
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "".concat(prefixCls),
+        role: "presentation"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        role: "gridcell",
+        className: "".concat(prefixCls, "-content")
+      }, showCurrTime ? this.renderCurrTime() : null, /*#__PURE__*/_react.default.createElement("ul", {
+        role: "row",
+        className: skCls
+      }, (0, _map.default)(_context3 = [...(0, _keys.default)(_context4 = Array(25)).call(_context4)]).call(_context3, item => {
+        const line = (0, _classnames.default)({
+          ["".concat(prefixCls, "-skeleton-row-line")]: true
+        });
+        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+          key: "".concat(item, "-daycol")
+        }, /*#__PURE__*/_react.default.createElement("li", {
+          "data-time": "".concat(pad(item), ":00:00"),
+          className: line,
+          onClick: e => this.handleClick(e, [displayValue, item, 0, 0])
+        }), /*#__PURE__*/_react.default.createElement("li", {
+          "data-time": "".concat(pad(item), ":30:00"),
+          onClick: e => this.handleClick(e, [displayValue, item, 30, 0])
+        }));
+      })), dateGridRender && dateGridRender(displayValue.toString(), displayValue), /*#__PURE__*/_react.default.createElement("ul", {
+        className: "".concat(_constants.cssClasses.PREFIX, "-event-items")
+      }, this.renderEvents())));
+    };
+
+    this.state = {
+      currPos: 0,
+      showCurrTime: false
+    };
+    this.foundation = new _foundation.default(this.adapter);
+  }
+
+  componentDidMount() {
+    this.foundation.init();
+    this.foundation.initCurrTime();
+  }
+
+  componentWillUnmount() {
+    this.foundation.destroy();
+  }
+
+  get adapter() {
+    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+      updateCurrPos: currPos => {
+        this.setState({
+          currPos
+        });
+      },
+      updateShowCurrTime: () => {
+        this.setState({
+          showCurrTime: true
+        });
+      }
+    });
+  }
+
+  render() {
+    const grid = this.renderGrid();
+    return grid;
+  }
+
+}
+
+exports.default = DayCol;
+DayCol.propTypes = {
+  events: _propTypes.default.array,
+  displayValue: _propTypes.default.instanceOf(Date),
+  showCurrTime: _propTypes.default.bool,
+  scrollHeight: _propTypes.default.number,
+  currPos: _propTypes.default.number,
+  handleClick: _propTypes.default.func,
+  mode: _propTypes.default.string,
+  isWeekend: _propTypes.default.bool,
+  dateGridRender: _propTypes.default.func
+};
+DayCol.defaultProps = {
+  events: [],
+  showCurrTime: true,
+  scrollHeight: 0,
+  currPos: 0,
+  mode: 'dayCol'
+};
+DayCol.contextType = _context5.default;

package/lib/cjs/calendar/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { EventObject } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
+import BaseComponent from '../_base/baseComponent';
+import { CalendarProps } from './interface';
+import '@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css';
+export * from './interface';
+declare class Calendar extends BaseComponent<CalendarProps, {}> {
+    static propTypes: {
+        displayValue: PropTypes.Requireable<Date>;
+        header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        events: PropTypes.Requireable<PropTypes.InferProps<{
+            allDay: PropTypes.Requireable<boolean>;
+            start: PropTypes.Requireable<Date>;
+            end: PropTypes.Requireable<Date>;
+            key: PropTypes.Validator<string>;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        mode: PropTypes.Requireable<string>;
+        showCurrTime: PropTypes.Requireable<boolean>;
+        scrollTop: PropTypes.Requireable<number>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        renderTimeDisplay: PropTypes.Requireable<(...args: any[]) => any>;
+        markWeekend: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        height: PropTypes.Requireable<string | number>;
+        style: PropTypes.Requireable<object>;
+        className: PropTypes.Requireable<string>;
+    };
+    static defaultProps: {
+        events: EventObject[];
+        displayValue: Date;
+        showCurrTime: boolean;
+        mode: string;
+        markWeekend: boolean;
+        height: number;
+        scrollTop: number;
+    };
+    render(): React.FunctionComponentElement<any>;
+}
+export { EventObject };
+export default Calendar;

package/lib/cjs/calendar/index.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _context;
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _exportNames = {};
+exports.default = void 0;
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
+
+var _dayCalendar = _interopRequireDefault(require("./dayCalendar"));
+
+var _weekCalendar = _interopRequireDefault(require("./weekCalendar"));
+
+var _monthCalendar = _interopRequireDefault(require("./monthCalendar"));
+
+var _rangeCalendar = _interopRequireDefault(require("./rangeCalendar"));
+
+require("@douyinfe/semi-foundation/lib/cjs/calendar/calendar.css");
+
+var _interface = require("./interface");
+
+_forEachInstanceProperty(_context = _Object$keys(_interface)).call(_context, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interface[key];
+    }
+  });
+});
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
+
+  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
+    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+// eslint-disable-next-line @typescript-eslint/ban-types
+class Calendar extends _baseComponent.default {
+  render() {
+    const _a = this.props,
+          {
+      mode
+    } = _a,
+          rest = __rest(_a, ["mode"]);
+
+    const component = {
+      month: /*#__PURE__*/_react.default.createElement(_monthCalendar.default, null),
+      week: /*#__PURE__*/_react.default.createElement(_weekCalendar.default, null),
+      day: /*#__PURE__*/_react.default.createElement(_dayCalendar.default, null),
+      range: /*#__PURE__*/_react.default.createElement(_rangeCalendar.default, null)
+    };
+    return /*#__PURE__*/_react.default.cloneElement(component[mode], (0, _assign.default)({}, rest));
+  }
+
+}
+
+Calendar.propTypes = {
+  displayValue: _propTypes.default.instanceOf(Date),
+  header: _propTypes.default.node,
+  events: _propTypes.default.arrayOf(_propTypes.default.shape({
+    allDay: _propTypes.default.bool,
+    start: _propTypes.default.instanceOf(Date),
+    end: _propTypes.default.instanceOf(Date),
+    key: _propTypes.default.string.isRequired,
+    children: _propTypes.default.node
+  })),
+  mode: _propTypes.default.string,
+  showCurrTime: _propTypes.default.bool,
+  scrollTop: _propTypes.default.number,
+  onClick: _propTypes.default.func,
+  renderTimeDisplay: _propTypes.default.func,
+  markWeekend: _propTypes.default.bool,
+  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  height: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  style: _propTypes.default.object,
+  className: _propTypes.default.string
+};
+Calendar.defaultProps = {
+  events: [],
+  displayValue: new Date(),
+  showCurrTime: true,
+  mode: 'week',
+  markWeekend: false,
+  height: 600,
+  scrollTop: 400
+};
+var _default = Calendar;
+exports.default = _default;

package/lib/cjs/calendar/interface.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { EventObject } from '@douyinfe/semi-foundation/lib/cjs/calendar/foundation';
+import { strings } from '@douyinfe/semi-foundation/lib/cjs/calendar/constants';
+import { ArrayElement } from '../_base/base';
+import { BaseProps } from '../_base/baseComponent';
+export interface CalendarProps extends BaseProps {
+    displayValue?: Date;
+    range?: Date[];
+    header?: React.ReactNode;
+    events?: EventObject[];
+    mode?: ArrayElement<typeof strings.MODE>;
+    showCurrTime?: boolean;
+    scrollTop?: number;
+    onClick?: (e: React.MouseEvent, value: Date) => void;
+    onClose?: (e: React.MouseEvent) => void;
+    renderTimeDisplay?: (time: number) => React.ReactNode;
+    markWeekend?: boolean;
+    width?: number | string;
+    height?: number | string;
+    dateGridRender?: (dateString?: string, date?: Date) => React.ReactNode;
+}
+export declare type DayCalendarProps = Omit<CalendarProps, 'mode'>;
+declare type DayCalendarPropsKeys = 'events' | 'displayValue' | 'showCurrTime' | 'mode' | 'dateGridRender';
+export interface DayColProps extends Pick<CalendarProps, DayCalendarPropsKeys>, BaseProps {
+    scrollHeight: number;
+    currPos: number;
+    isWeekend: boolean;
+    handleClick: (e: React.MouseEvent, val: [Date, number, number, number]) => void;
+}
+export declare type MonthCalendarProps = Omit<CalendarProps, 'range' | 'showCurrTime' | 'scrollTop' | 'renderTimeDisplay'>;
+export declare type RangeCalendarProps = CalendarProps;
+export interface TimeColProps {
+    className?: string;
+    renderTimeDisplay?: CalendarProps['renderTimeDisplay'];
+}
+export declare type WeekCalendarProps = CalendarProps;
+export {};

package/lib/cjs/calendar/interface.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});