From 890f351c2965fe2dd3ea548145d8b444bd2ebf2a Mon Sep 17 00:00:00 2001
From: "Taushanova-Atanasova, Inna" <inna.taushanova-atanasova@sap.com>
Date: Wed, 5 Dec 2018 11:17:49 -0500
Subject: [PATCH 1/3] pass all Calendar inputs from DatePicker

---
 src/DatePicker/DatePicker.Component.js | 16 ++++++++++++----
 src/DatePicker/DatePicker.js           | 10 ++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/DatePicker/DatePicker.Component.js b/src/DatePicker/DatePicker.Component.js
index 69b22b87c..58c038483 100644
--- a/src/DatePicker/DatePicker.Component.js
+++ b/src/DatePicker/DatePicker.Component.js
@@ -3,8 +3,12 @@ import { DocsTile, DocsText, Separator, Header, Description, Import, Properties
 import { DatePicker } from '../';
 
 export const DatePickerComponent = () => {
-    const defaultDatePickerCode = `<DatePicker />
-<DatePicker compact />`;
+    const defaultDatePickerCode = `<DatePicker disableBeforeDate={new Date(2018, 11, 24, 0, 0, 0, 0)} disableWeekends={true} />
+<DatePicker
+    compact
+    disableWeekday={['Monday', 'Tuesday']}
+    blockedDates={[new Date(2018, 11, 1, 0, 0, 0, 0), new Date(2018, 11, 23, 0, 0, 0, 0)]}
+/>`;
     const enableRangeSelectionDatePickerCode = `<DatePicker enableRangeSelection />
 <DatePicker enableRangeSelection compact />`;
 
@@ -28,8 +32,12 @@ export const DatePickerComponent = () => {
 
             <h2>Simple Date Picker</h2>
             <DocsTile centered>
-                <DatePicker />
-                <DatePicker compact />
+                <DatePicker disableBeforeDate={new Date(2018, 11, 24, 0, 0, 0, 0)} disableWeekends={true} />
+                <DatePicker
+                    compact
+                    disableWeekday={['Monday', 'Tuesday']}
+                    blockedDates={[new Date(2018, 11, 1, 0, 0, 0, 0), new Date(2018, 11, 23, 0, 0, 0, 0)]}
+                />
             </DocsTile>
             <DocsText>{defaultDatePickerCode}</DocsText>
             <Separator />
diff --git a/src/DatePicker/DatePicker.js b/src/DatePicker/DatePicker.js
index f1ae969de..d3bf3f508 100644
--- a/src/DatePicker/DatePicker.js
+++ b/src/DatePicker/DatePicker.js
@@ -315,6 +315,8 @@ export class DatePicker extends Component {
   };
 
   updateDate(date) {
+    console.log("Inside updateDate function. The event is: ", date)
+    
     if (this.props.enableRangeSelection) {
       if (date.length == 2) {
         let firstDateMonth = date[0].getMonth() + 1;
@@ -407,6 +409,14 @@ export class DatePicker extends Component {
             <Calendar
               onChange={this.updateDate}
               enableRangeSelection={this.props.enableRangeSelection}
+              disableWeekends={this.props.disableWeekends}
+              disableBeforeDate={this.props.disableBeforeDate}
+              disableAfterDate={this.props.disableAfterDate}
+              disableWeekday={this.props.disableWeekday}
+              disablePastDates={this.props.disablePastDates}
+              disableFutureDates={this.props.disableFutureDates}
+              blockedDates={this.props.blockedDates}
+              disabledDates={this.props.disabledDates}
               customDate={
                 this.props.enableRangeSelection
                   ? this.state.arrSelectedDates

From b1936dc0f083e32f677fd1ec2e2b04ac77aefc00 Mon Sep 17 00:00:00 2001
From: "Taushanova-Atanasova, Inna" <inna.taushanova-atanasova@sap.com>
Date: Wed, 5 Dec 2018 11:19:41 -0500
Subject: [PATCH 2/3] adds the inputs for Calendar in DatePicker documentation

---
 src/DatePicker/DatePicker.Component.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/DatePicker/DatePicker.Component.js b/src/DatePicker/DatePicker.Component.js
index 58c038483..f9234a2be 100644
--- a/src/DatePicker/DatePicker.Component.js
+++ b/src/DatePicker/DatePicker.Component.js
@@ -25,7 +25,18 @@ export const DatePickerComponent = () => {
 
             <Properties
                 type="Inputs"
-                properties={[{ name: 'enableRangeSelection', description: 'bool - Enable to select two dates' }]}
+                properties={[
+                { name: 'enableRangeSelection', description: 'bool - Enable to select two dates' },
+                {name: 'disableWeekends', description: 'bool - Disable weekends'}, 
+                {name: 'disableBeforeDate', description: 'date - Disables dates of a calendar that comes before a specific date'},
+                {name: 'disableAfterDate', description: 'date - Disables dates of a calendar that comes after a specific date'},
+                {name: 'disableWeekday', description: 'array of strings - Disables dates of a calendar that match a weekday'},
+                {name: 'disablePastDates', description: 'bool - Disables dates that comes before today date'},
+                {name: 'disableFutureDates', description: 'bool - Disables dates that comes after the today date'},
+                {name: 'blockedDates', description: 'array of dates - Blocks dates that are between in the blocked dates'},
+                {name: 'disabledDates', description: 'array of dates - Disables dates that are between in the disabled dates'},
+                {name: 'enableRangeSelection', description: 'bool - Enable to select two dates'}
+            ]}
             />
 
             <Separator />

From c0847f9cad9713685455a2b45739cac132fd3144 Mon Sep 17 00:00:00 2001
From: "Taushanova-Atanasova, Inna" <inna.taushanova-atanasova@sap.com>
Date: Wed, 5 Dec 2018 11:35:59 -0500
Subject: [PATCH 3/3] more examples for disable past and future dates

---
 src/DatePicker/DatePicker.Component.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/DatePicker/DatePicker.Component.js b/src/DatePicker/DatePicker.Component.js
index f9234a2be..bc69784be 100644
--- a/src/DatePicker/DatePicker.Component.js
+++ b/src/DatePicker/DatePicker.Component.js
@@ -9,8 +9,8 @@ export const DatePickerComponent = () => {
     disableWeekday={['Monday', 'Tuesday']}
     blockedDates={[new Date(2018, 11, 1, 0, 0, 0, 0), new Date(2018, 11, 23, 0, 0, 0, 0)]}
 />`;
-    const enableRangeSelectionDatePickerCode = `<DatePicker enableRangeSelection />
-<DatePicker enableRangeSelection compact />`;
+    const enableRangeSelectionDatePickerCode = `<DatePicker enableRangeSelection disableFutureDates />
+<DatePicker enableRangeSelection disablePastDates compact />`;
 
     return (
         <div>
@@ -55,8 +55,8 @@ export const DatePickerComponent = () => {
 
             <h2>Range Date Picker</h2>
             <DocsTile centered>
-                <DatePicker enableRangeSelection />
-                <DatePicker enableRangeSelection compact />
+                <DatePicker enableRangeSelection disableFutureDates />
+                <DatePicker enableRangeSelection disablePastDates compact />
             </DocsTile>
             <DocsText>{enableRangeSelectionDatePickerCode}</DocsText>
         </div>