[DatePicker] Prevent datepicker from switching the TextField from unc…

…ontrolled to controlled by changing the fallback value to an empty string, fixed a few documentation issues, fixes mui#3943
nathanmarks · Apr 12, 2016 · c588d9b · c588d9b
1 parent 6bc661d
commit c588d9b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/docs/src/app/components/pages/components/DatePicker/ExampleToggle.js b/docs/src/app/components/pages/components/DatePicker/ExampleToggle.js
@@ -59,26 +59,26 @@ export default class DatePickerExampleToggle extends React.Component {
         <div style={optionsStyle}>
           <TextField
             floatingLabelText="Min Date"
-            defaultValue={this.state.minDate.toDateString()}
+            value={this.state.minDate.toDateString()}
             onChange={this.handleChangeMinDate}
           />
           <TextField
             floatingLabelText="Max Date"
-            defaultValue={this.state.maxDate.toDateString()}
+            value={this.state.maxDate.toDateString()}
             onChange={this.handleChangeMaxDate}
           />
           <Toggle
             name="autoOk"
             value="autoOk"
             label="Auto Accept"
-            defaultToggled={this.state.autoOk}
+            toggled={this.state.autoOk}
             onToggle={this.handleToggle}
           />
           <Toggle
             name="disableYearSelection"
             value="disableYearSelection"
             label="Disable Year Selection"
-            defaultToggled={this.state.disableYearSelection}
+            toggled={this.state.disableYearSelection}
             onToggle={this.handleToggle}
           />
         </div>

diff --git a/src/DatePicker/DatePicker.js b/src/DatePicker/DatePicker.js
@@ -311,7 +311,7 @@ class DatePicker extends React.Component {
           {...other}
           style={textFieldStyle}
           ref="input"
-          value={this.state.date ? formatDate(this.state.date) : undefined}
+          value={this.state.date ? formatDate(this.state.date) : ''}
           onFocus={this.handleFocus}
           onTouchTap={this.handleTouchTap}
         />