Merge branch 'PrasadKasireddy-patch-1' of https://github.com/PrasadKasireddy/sp-dev-fx-controls-react into PrasadKasireddy-PrasadKasireddy-patch-1

Author: AJIXuMuK

docs/documentation/docs/controls/DateTimePicker.md

@@ -69,6 +69,8 @@ The `DateTimePicker` control can be configured with the following properties:
 | timeDisplayControlType | TimeDisplayControlType | no | Specifies what type of control to use when rendering time part. |
 | showLabels | boolean | no | Specifies if labels in front of date and time parts should be rendered. |
 | placeholder | string | no | Placeholder text for the DatePicker. |
+| maxDate | Date | no | The maximum allowable date. |
+| minDate | Date | no | The minimum allowable date. |
 
 Enum `TimeDisplayControlType`
 

src/controls/dateTimePicker/DateTimePicker.tsx

@@ -15,6 +15,7 @@ import { Async, css } from 'office-ui-fabric-react/lib/Utilities';
 import { IDateTimePickerProps, IDateTimePickerState, DateTimePickerStrings } from ".";
 import { TimeHelper } from "./TimeHelper";
 import { TimeDisplayControlType } from "./TimeDisplayControlType";
+import { addMonths, addYears } from 'office-ui-fabric-react/lib/utilities/dateMath/DateMath';
 
 interface IDateComponents {
   day: Date;
@@ -53,7 +54,8 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
       hours,
       minutes,
       seconds,
-      errorMessage: ''
+      errorMessage: '',
+      today: new Date(Date.now())
     };
 
     this.async = new Async(this);
@@ -205,7 +207,9 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
       strings: dateStrings = new DateTimePickerStrings(), // Defines the DatePicker control labels
       timeDisplayControlType,
       placeholder,
-      showLabels
+      showLabels,
+      minDate = addYears(this.state.today, 1),
+      maxDate = addYears(this.state.today, 1)
     } = this.props;
 
     const hours: number = value != null ? value.getHours() : this.state.hours;
@@ -293,6 +297,8 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
                 showMonthPickerAsOverlay={showMonthPickerAsOverlay}
                 showWeekNumbers={showWeekNumbers}
                 placeholder={placeholder}
+                minDate={minDate}
+                maxDate={maxDate}
               />
             </div>
           </div>

src/controls/dateTimePicker/IDateTimePickerProps.ts

@@ -107,4 +107,16 @@ export interface IDateTimePickerProps {
    * Placeholder text for the DatePicker
    */
   placeholder?: string;
+  
+  /**
+   * The minimum allowable date for the DatePicker
+   */
+
+  minDate?: Date;
+
+  /**
+   * The maximum allowable date for the DatePicker
+   */
+
+  maxDate?: Date;
 }

src/controls/dateTimePicker/IDateTimePickerState.ts

@@ -7,4 +7,5 @@ export interface IDateTimePickerState {
   minutes?: number;
   seconds?: number;
   errorMessage?: string;
+  today: Date;
 }