Merge pull request quri#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({