//Portrait Dialog
<DatePicker hintText="Portrait Dialog" />
//Landscape Dialog
<DatePicker
  hintText="Landscape Dialog"
  mode="landscape"/>
//Controlled Input
<DatePicker
  hintText="Controlled Date Input"
  value={this.state.controlledDate}
  onChange={this._handleChange} />
//Ranged Date Picker
<DatePicker
  hintText="Ranged Date Picker"
  autoOk={this.state.autoOk}
  minDate={this.state.minDate}
  maxDate={this.state.maxDate}
  showYearSelector={this.state.showYearSelector} />

<DatePicker
  hintText="fr version"
  // Intl is defined by the browser see http://caniuse.com/#search=intl
  DateTimeFormat={Intl.DateTimeFormat}
  wordings={{ok: 'OK', cancel: 'Annuler'}}
  locale="fr" />
//Inline Picker
<DatePicker
  hintText="Inline"
  container="inline" />
//Inline Picker (AutoOk)
<DatePicker
  hintText="Inline (AutoOk)"
  container="inline"
  autoOk={true} />
