Merge pull request #1107 from milanholemans/allowTextInput

Added allowTextInput property

Author: joelfmrodrigues

docs/documentation/docs/controls/DateTimePicker.md

@@ -62,6 +62,7 @@ The `DateTimePicker` control can be configured with the following properties:
 | isMonthPickerVisible | boolean | no | Controls whether the month picker is shown beside the day picker or hidden. |
 | showMonthPickerAsOverlay | boolean | no | Show month picker on top of date picker when visible. |
 | showWeekNumbers | boolean | no | Controls whether the calendar should show the week number (weeks 1 to 53) before each week row |
+| allowTextInput | boolean | no | Whether the user is allowed to enter a date as text instead of picking one from the date picker. |
 | strings | IDatePickerStrings | no | Localized strings to use in the DateTimePicker |
 | value | Date | no | Default value of the DatePicker, if any |
 | onChange | function | no | Callback issued when date or time is changed |

src/controls/dateTimePicker/DateTimePicker.tsx

@@ -213,6 +213,7 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
       firstDayOfWeek,
       isMonthPickerVisible = true,
       showGoToToday,
+      allowTextInput = true,
       showMonthPickerAsOverlay = false,
       showWeekNumbers = false,
       showSeconds = false,
@@ -308,7 +309,7 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
                 strings={dateStrings}
                 isMonthPickerVisible={isMonthPickerVisible}
                 onSelectDate={this.onSelectDate}
-                allowTextInput={true}
+                allowTextInput={allowTextInput}
                 firstDayOfWeek={firstDayOfWeek}
                 showGoToToday={showGoToToday}
                 showMonthPickerAsOverlay={showMonthPickerAsOverlay}

src/controls/dateTimePicker/IDateTimePickerProps.ts

@@ -59,6 +59,11 @@ export interface IDateTimePickerProps {
    * Default value is 200.
    */
   deferredValidationTime?: number;
+  /**
+   * Whether the user is allowed to enter a date as text instead of picking one from the date picker.
+   * @defaultvalue false
+   */
+  allowTextInput?: boolean;
   /**
    * Whether the "Go to today" link should be shown or not
    */