Skip to content

Calendar table is displayed wrong #24

@zavernutiy

Description

@zavernutiy

Hi, I use your big-calendar but I have a problem with how it is displayed. I made an attachement with the screenshot
image

This is how I use it:

var BigCalendar = require('react-big-calendar');
require('react-big-calendar/lib/css/react-big-calendar.css');

render: function () {
        return (
            <Layout active="plan" title="Planning">
                <div className="content-app fixed-header">
                    <div className="app-header">
                        <button className="btn btn-md btn-info" onClick={this.copyWeek}>
                            Copy week
                        </button>
                        <button className="btn btn-md btn-success pull-right" onClick={this.openModal}>
                            New course
                        </button>
                    </div>
                    <div className="app-body">
                        <div className="box">
                            <BigCalendar
                                events={this.events}
                                defaultDate={new Date()}
                                defaultView='week'
                                views={[]}
                                onSelectSlot={(this.slotSelected)}
                                onSelectEvent={(this.eventSelected)}
                                />
                        </div>
                    </div>
                </div>
            </Layout>
}

But if I remove the defaultView and views attribute, and then choose week the table looks fine.
image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions