Updatepackages

example/AddResourceForm.js

@@ -1,12 +1,10 @@
 import React from 'react'
-import { Modal, Form, Input, Radio } from 'antd';
+import { Modal, Form, Input } from 'antd';
 const FormItem = Form.Item;
 
 
-const AddResourceForm = Form.create()(
-    (props) => {
+const AddResourceForm = (props) => {
         const { visible, onCancel, onCreate, form } = props;
-        const { getFieldDecorator } = form;
         return (
             <Modal
                 visible={visible}
@@ -15,18 +13,13 @@ const AddResourceForm = Form.create()(
                 onCancel={onCancel}
                 onOk={onCreate}
             >
-                <Form layout="vertical" >
-                    <FormItem label="Name">
-                        {getFieldDecorator('name', {
-                            rules: [{ required: true, message: 'Please input the name of the resource!' }],
-                        })(
-                            <Input />
-                        )}
+                <Form layout="vertical" form={form}>
+                    <FormItem label="Name" name="username" message="Please input the name of the resource!"  rules={[{ required: true }]}>
+                        <Input />
                     </FormItem>
                 </Form>
             </Modal>
         );
-    }
-);
+  }
 
-export default AddResourceForm
+export default AddResourceForm

example/CustomHeader.js

@@ -4,6 +4,8 @@ import Scheduler, {SchedulerData, ViewTypes, DemoData} from '../src/index'
 import Nav from './Nav'
 import ViewSrcCode from './ViewSrcCode'
 import withDragDropContext from './withDnDContext'
+import Col from 'antd/lib/col'
+import Row from 'antd/lib/row'
 
 class CustomHeader extends Component{
     constructor(props){
@@ -26,8 +28,13 @@ class CustomHeader extends Component{
         );
         let rightCustomHeader = (
             <div><span style={{fontWeight: 'bold', color: 'red'}}>or here</span></div>
+        );  
+        let TopLeftCustomHeader = (
+            <div><span style={{fontWeight: 'bold', color: 'red'}}>Attendance Schedules</span></div>
+        );
+        let TopRightCustomHeader = (
+            <div><span style={{fontWeight: 'bold', color: 'red'}}>Schedule setting</span></div>
         );
-
         return (
             <div>
                 <Nav />
@@ -49,6 +56,8 @@ class CustomHeader extends Component{
                                newEvent={this.newEvent}
                                leftCustomHeader={leftCustomHeader}
                                rightCustomHeader={rightCustomHeader}
+                               TopLeftCustomHeader={TopLeftCustomHeader}
+                               TopRightCustomHeader={TopRightCustomHeader}
                                toggleExpandFunc={this.toggleExpandFunc}
                     />
                 </div>

example/withDnDContext.js

@@ -1,4 +1,11 @@
-import {DragDropContext} from 'react-dnd'
-import HTML5Backend from 'react-dnd-html5-backend'
+import * as React from 'react'
+import { DndProvider } from 'react-dnd'
+import { HTML5Backend } from 'react-dnd-html5-backend';
 
-export default DragDropContext(HTML5Backend);
+export default Component => {
+  return props => (
+    <DndProvider backend={HTML5Backend}>
+      <Component {...props} />
+    </DndProvider>
+  )
+}