How to use the react-big-calendar.components function in react-big-calendar

To help you get started, we’ve selected a few react-big-calendar examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github intljusticemission / react-big-calendar / examples / demos / dnd.js View on Github external
render() {
    const { connectDropTarget, children, isOver } = this.props;
    const BackgroundWrapper = BigCalendar.components.backgroundWrapper;

    return ( {
        const domNode = findDOMNode(instance);
        if(domNode) {
          domNode.style.backgroundColor = isOver ? '#dddddd' : '';
        }
        return connectDropTarget(domNode);
      }}
    />);
  }
}
github intljusticemission / react-big-calendar / examples / demos / dnd.js View on Github external
render() {
    let { connectDragSource, children, event } = this.props;
    let EventWrapper = BigCalendar.components.eventWrapper;

    return ( connectDragSource(findDOMNode(instance))}
    />);
  }
});
github intljusticemission / react-big-calendar / examples / demos / dnd / DroppableBackgroundWrapper.js View on Github external
render() {
    const { connectDropTarget, children, isOver } = this.props;
    const BackgroundWrapper = BigCalendar.components.backgroundWrapper;

    const resultingChildren = isOver ?
        React.cloneElement(children, { className: cn(children.props.className, 'dnd-over') })
      : children;

    return ();
  }
}