Merge pull request #17 from malliapi/StartViewMode

startView mode functionality added

Author: chollier

src/DateTimeField.jsx

@@ -21,6 +21,7 @@ DateTimeField = React.createClass({
       format: 'X',
       inputFormat: "MM/DD/YY H:mm A",
       showToday: true,
+      viewMode: 'days',
       daysOfWeekDisabled: [],
       onChange: function (x) {
         console.log(x);
@@ -262,6 +263,7 @@ DateTimeField = React.createClass({
                   viewDate={this.state.viewDate}
                   selectedDate={this.state.selectedDate}
                   showToday={this.props.showToday}
+                  viewMode={this.props.viewMode}
                   daysOfWeekDisabled={this.props.daysOfWeekDisabled}
                   addDecade={this.addDecade}
                   addYear={this.addYear}

src/DateTimePicker.jsx

@@ -17,6 +17,10 @@ DateTimePicker = React.createClass({
     viewDate: React.PropTypes.object.isRequired,
     selectedDate: React.PropTypes.object.isRequired,
     showToday: React.PropTypes.bool,
+    viewMode: React.PropTypes.oneOfType([
+      React.PropTypes.string,
+      React.PropTypes.number
+    ]),
     daysOfWeekDisabled: React.PropTypes.array,
     setSelectedDate: React.PropTypes.func.isRequired,
     subtractYear: React.PropTypes.func.isRequired,
@@ -42,6 +46,7 @@ DateTimePicker = React.createClass({
               viewDate={this.props.viewDate}
               selectedDate={this.props.selectedDate}
               showToday={this.props.showToday}
+              viewMode={this.props.viewMode}
               daysOfWeekDisabled={this.props.daysOfWeekDisabled}
               subtractYear={this.props.subtractYear}
               addYear={this.props.addYear}

src/DateTimePickerDate.jsx

@@ -15,6 +15,10 @@ DateTimePickerDate = React.createClass({
     viewDate: React.PropTypes.object.isRequired,
     selectedDate: React.PropTypes.object.isRequired,
     showToday: React.PropTypes.bool,
+    viewMode: React.PropTypes.oneOfType([
+      React.PropTypes.string,
+      React.PropTypes.number
+    ]),
     daysOfWeekDisabled: React.PropTypes.array,
     setSelectedDate: React.PropTypes.func.isRequired,
     subtractYear: React.PropTypes.func.isRequired,
@@ -25,11 +29,24 @@ DateTimePickerDate = React.createClass({
     subtractDecade: React.PropTypes.func.isRequired
   },
   getInitialState: function() {
-    return {
-      daysDisplayed: true,
-      monthsDisplayed: false,
-      yearsDisplayed: false
+    var viewModes = {
+      'days': {
+        daysDisplayed: true,
+        monthsDisplayed: false,
+        yearsDisplayed: false
+      }, 
+      'months': {
+        daysDisplayed: false,
+        monthsDisplayed: true,
+        yearsDisplayed: false
+      }, 
+      'years': {
+        daysDisplayed: false,
+        monthsDisplayed: false,
+        yearsDisplayed: true
+      }
     };
+    return viewModes[this.props.viewMode] || viewModes[Object.keys(viewModes)[this.props.viewMode]] || viewModes['days'];
   },
   showMonths: function() {
     return this.setState({