Merge branch 'PrasadKasireddy-PrasadKasireddy-patch-1' into dev

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

@@ -3,8 +3,6 @@ import { isEqual } from '@microsoft/sp-lodash-subset';
 import { TimeConvention, DateConvention } from "./DateTimeConventions";
 import { DatePicker } from "office-ui-fabric-react/lib/DatePicker";
 import { Label } from "office-ui-fabric-react/lib/Label";
-import { IDropdownOption } from "office-ui-fabric-react/lib/Dropdown";
-import * as strings from "ControlStrings";
 import ErrorMessage from "../errorMessage/ErrorMessage";
 import styles from "./DateTimePicker.module.scss";
 import HoursComponent from "./HoursComponent";
@@ -205,7 +203,9 @@ export class DateTimePicker extends React.Component<IDateTimePickerProps, IDateT
       strings: dateStrings = new DateTimePickerStrings(), // Defines the DatePicker control labels
       timeDisplayControlType,
       placeholder,
-      showLabels
+      showLabels,
+      minDate,
+      maxDate
     } = this.props;
 
     const hours: number = value != null ? value.getHours() : this.state.hours;
@@ -293,6 +293,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/webparts/controlsTest/components/ControlsTest.tsx

@@ -605,7 +605,14 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
         <DateTimePicker label="DateTime Picker no seconds" value={new Date()} onChange={(value) => console.log("DateTimePicker value:", value)} />
         <DateTimePicker label="DateTime Picker (unspecified = date and time)" timeConvention={TimeConvention.Hours24} value={new Date()} onChange={(value) => console.log("DateTimePicker value:", value)} />
         <DateTimePicker label="DateTime Picker dropdown" showSeconds={true} timeDisplayControlType={TimeDisplayControlType.Dropdown} value={new Date()} onChange={(value) => console.log("DateTimePicker value:", value)} />
-        <DateTimePicker label="DateTime Picker date only" showLabels={false} dateConvention={DateConvention.Date} value={new Date()} onChange={(value) => console.log("DateTimePicker value:", value)} />
+        <DateTimePicker
+        label="DateTime Picker date only"
+        showLabels={false}
+        dateConvention={DateConvention.Date}
+        value={new Date()}
+        onChange={(value) => console.log("DateTimePicker value:", value)}
+        minDate={new Date("05/01/2019")}
+        maxDate={new Date("05/01/2020")} />
 
         {/* <RichText isEditMode={this.props.displayMode === DisplayMode.Edit} onChange={value => { this.richTextValue = value; return value; }} /> */}
         <RichText isEditMode={this.props.displayMode === DisplayMode.Edit} onChange={value => { this.setState({ richTextValue: value }); return value; }} />