-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
71 lines (67 loc) · 1.93 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
import React, { Component } from 'react';
// import DatePicker from 'react-datepicker';
// import moment from 'moment';
// import 'react-datepicker/dist/react-datepicker.css';
import FormData from './FormData';
import AlertComp from './AlertComp';
import ModalComp from './ModalComp';
import NavComp from './NavComp';
import TableComp from './TableComp';
import ProgresComp from './ProgresComp';
import SliderComp from './SliderComp';
class App extends Component {
constructor (props) {
super(props)
this.state = {
// startDate: moment()
};
// this.handleChange = this.handleChange.bind(this);
// this.handleSubmit = this.handleSubmit.bind(this);
}
// handleChange(date) {
// this.setState({
// startDate: date
// })
// }
// handleSubmit(e) {
// e.preventDefault();
// let main = this.state.startDate
// console.log(main.format('L'));
// }
render() {
return (
<div>
<AlertComp title="Hi! I Am Alert"/>
<br/>
<ModalComp/>
<br/>
<NavComp/>
<br/>
<TableComp/>
<br/>
<ProgresComp/>
<br/>
<SliderComp/>
<br/>
</div>
// // <div className = "container">
// // <h3>React Datepicker Example</h3>
// // <form onSubmit={ this.handleSubmit }>
// // <div className="form-group">
// // <label>Select Date: </label>
// // <DatePicker
// // selected={ this.state.startDate }
// // onChange={ this.handleChange }
// // name="startDate"
// // dateFormat="MM/DD/YYYY"
// // />
// // </div>
// // <div className="form-group">
// // <button className="btn btn-success">Add Date</button>
// // </div>
// // </form>
// </div>
);
}
}
export default App;