|
1 | 1 | var React = require('react/addons'); |
2 | 2 | var DateTimeField = require('react-bootstrap-datetimepicker'); |
| 3 | +var moment = require('moment'); |
3 | 4 |
|
4 | 5 | var Basic = React.createClass({ |
5 | 6 |
|
@@ -29,23 +30,34 @@ var Basic = React.createClass({ |
29 | 30 | </div> |
30 | 31 | <div className="row"> |
31 | 32 | <div className="col-xs-12"> |
32 | | - ViewMode set to years view with custom inputFormat |
33 | | - <DateTimeField |
34 | | - inputFormat='DD-MM-YYYY' |
35 | | - viewMode='years' |
36 | | - /> |
37 | | - <pre> {'<DateTimeField viewMode="years" inputFormat="DD-MM-YYYY" />'} </pre> |
| 33 | + ViewMode set to years view with custom inputFormat |
| 34 | + <DateTimeField |
| 35 | + inputFormat='DD-MM-YYYY' |
| 36 | + viewMode='years' |
| 37 | + /> |
| 38 | + <pre> {'<DateTimeField viewMode="years" inputFormat="DD-MM-YYYY" />'} </pre> |
38 | 39 | </div> |
39 | 40 | </div> |
40 | 41 | <div className="row"> |
41 | 42 | <div className="col-xs-12"> |
42 | | - daysOfWeekDisabled |
43 | | - <DateTimeField |
44 | | - daysOfWeekDisabled={[0,1,2]} |
45 | | - /> |
46 | | - <pre> {'<DateTimeField daysOfWeekDisabled={[0,1,2]} />'} </pre> |
47 | | - |
| 43 | + daysOfWeekDisabled |
| 44 | + <DateTimeField |
| 45 | + daysOfWeekDisabled={[0,1,2]} |
| 46 | + /> |
| 47 | + <pre> {'<DateTimeField daysOfWeekDisabled={[0,1,2]} />'} </pre> |
| 48 | + |
| 49 | + </div> |
48 | 50 | </div> |
| 51 | + <div className="row"> |
| 52 | + <div className="col-xs-12"> |
| 53 | + minDate and maxDate |
| 54 | + <DateTimeField |
| 55 | + minDate={moment().subtract(1, 'days')} |
| 56 | + maxDate={moment().add(1, 'days')} |
| 57 | + /> |
| 58 | + <pre> {'<DateTimeField daysOfWeekDisabled={[0,1,2]} />'} </pre> |
| 59 | + |
| 60 | + </div> |
49 | 61 | </div> |
50 | 62 | </div>; |
51 | 63 | } |
|
0 commit comments