How to use the react-big-calendar.Views 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 the-rango / AntAlmanac / client / src / components / Calendar / Calendar.js View on Github external
date.getMinutes() > 0
                                        ? ''
                                        : localizer.format(
                                              date,
                                              'h A',
                                              culture
                                          ),
                                dayFormat: 'ddd',
                            }}
                            defaultView={BigCalendar.Views.WORK_WEEK}
                            views={[BigCalendar.Views.WORK_WEEK]}
                            step={15}
                            timeslots={2}
                            defaultDate={new Date(2018, 0, 1)}
                            min={new Date(2018, 0, 1, 7)}
                            max={new Date(2018, 0, 1, 23)}
                            events={this.getEventsForCalendar()}
                            eventPropGetter={Calendar.eventStyleGetter}
                            showMultiDayTimes={false}
                            components={{ event: CustomEvent({ classes }) }}
                            onSelectEvent={this.handleEventClick}
                        />
                        {/**/}
                        {/*//
github the-rango / AntAlmanac / src / components / Calendar / Calendar.js View on Github external
date.getMinutes() > 0
                    ? ""
                    : localizer.format(date, "h A", culture),
                dayFormat: "ddd"
              }}
              defaultView={BigCalendar.Views.WORK_WEEK}
              views={["work_week"]}
              step={15}
              timeslots={2}
              defaultDate={new Date(2018, 0, 1)}
              min={new Date(2018, 0, 1, 7)}
              max={new Date(2018, 0, 1, 23)}
              events={this.props.classEventsInCalendar}
              eventPropGetter={Calendar.eventStyleGetter}
              showMultiDayTimes={false}
              components={{ event: CustomEvent }}
              onSelectEvent={event =>
                this.props.onClassDelete(
                  event.courseID,
                  event.courseTerm,
                  event.customize
                )
github egovernments / egov-services / web / react-pgr-web / src / components / framework / components / UiCalendar.js View on Github external
renderCalendar = (item) => {
        let allViews = Object.keys(BigCalendar.Views).map(k => {
            return BigCalendar.Views[k]
        })
        switch (this.props.ui) {
            case 'google':
                return (
                    <div>
                        </div>
github nbckr / speedy-recovery / speedy-recovery-client / src / App.js View on Github external
import React from 'react';
import events from '../src/events'
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';

const localizer = BigCalendar.momentLocalizer(moment);

moment.locale('en-GB');

const propTypes = {};

let allViews = Object.keys(BigCalendar.Views).map(k => BigCalendar.Views[k]);

class Calendar extends React.Component {
  constructor(...args) {
    super(...args);

    this.state = { events }
  }

  handleSelect = ({start, end}) => {
    const title = window.prompt('New Event name');
    if (title)
      this.setState({
        events: [
          ...this.state.events,
          {
            start,
github egovernments / egov-services / web / react-pgr-web-v2 / src / components / framework / components / UiCalendar.js View on Github external
let allViews = Object.keys(BigCalendar.Views).map(k => {
      return BigCalendar.Views[k];
    });
    switch (this.props.ui) {
github nbckr / speedy-recovery / speedy-recovery-client / src / CalendarPage.js View on Github external
import React from 'react'
import events from '../src/events'
import BigCalendar from 'react-big-calendar'
import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop'
import 'react-big-calendar/lib/css/react-big-calendar.css';
import 'react-big-calendar/lib/addons/dragAndDrop/styles.less'
import moment from 'moment';

let allViews = Object.keys(BigCalendar.Views).map(k => BigCalendar.Views[k]);

moment.locale('en-GB');
const localizer = BigCalendar.momentLocalizer(moment);

const DragAndDropCalendar = withDragAndDrop(BigCalendar);

class CalendarPage extends React.Component {
    constructor(...args) {
        super(...args);
        this.state = {
            events: events,
        };

        this.moveEvent = this.moveEvent.bind(this);
        this.newEvent = this.newEvent.bind(this)
    }