From 50f50ce4eda5ba6be4b2457391026c9c3a927998 Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Fri, 17 Feb 2017 17:26:54 +0200
Subject: [PATCH 1/8] Updating date-picker-new.html sample.

---
 HTMLSamples/editors/date-picker-new.html | 91 ++++++++++--------------
 1 file changed, 37 insertions(+), 54 deletions(-)

diff --git a/HTMLSamples/editors/date-picker-new.html b/HTMLSamples/editors/date-picker-new.html
index 8a897ae..6f82257 100644
--- a/HTMLSamples/editors/date-picker-new.html
+++ b/HTMLSamples/editors/date-picker-new.html
@@ -84,16 +84,16 @@
         <div id="igDatePickersContainer">
             <form id="form" name="FormSubmit" action="javascript:console.log('$$(Submit)');">
                 <div class="group-fields">
-                    <label for="datePicker1">$$(Start_Date)</label>
+                    <label for="datePicker1">dataMode: "date"</label>
                     <input id="datePicker1" type="date" name="startDayPicker"></input>
                 </div>
                 <div class="group-fields">
-                    <label for="datePicker2">$$(End_Date)</label>
+                    <label for="datePicker2">dataMode: "editModeText"</label>
                     <input id="datePicker2" type="date" name="endDatePicker"></input>
                 </div>
                 <div class="group-fields">
-                    <label for="dataModeCombo">$$(Change_DatePickers_dataMode)</label>
-                    <input id="dataModeCombo"></input>
+                    <label for="datePicker3">dataMode: "displayModeText"</label>
+                    <input id="datePicker3" type="date" name="endDatePicker"></input>
                 </div>
                 <input type="submit" id="submitBtn" value="$$(Submit)"></input>
             </form>
@@ -107,56 +107,39 @@ <h4>$$(DatePickers_submited_values):</h4>
         </div>
     </div>
 
-    <script>
-        var data = [
-           { "ID": 1, "dataMode": "date" },
-           { "ID": 2, "dataMode": "editModeText" },
-           { "ID": 3, "dataMode": "displayModeText" }
-        ];
-
-        $(function () {
-            $("#datePicker1").igDatePicker({
-                minValue: new Date(2015, 6, 1),
-                dateDisplayFormat: "yy/MM/dd dddd"
-            });
-
-            $("#datePicker2").igDatePicker({
-                maxValue: new Date(2018, 8, 8),
-                dateDisplayFormat: "yy/MM/dd dddd"
-            });
-
-            $("#dataModeCombo").igCombo({
-                dataSource: data,
-                valueKey: "ID",
-                textKey: "dataMode",
-                placeHolder: "change dataMode",
-                enableClearButton: false,
-                mode: "dropdown",
-                initialSelectedItems: [{ index: 0 }],
-                selectionChanged: function (evt, ui) {
-                	var selectedMode = ui.items[0].data.dataMode,
-                		value1, value2;
-					
-                	value1 = $("#datePicker1").igDatePicker("value");
-                    $("#datePicker1").igDatePicker("option", "dataMode", selectedMode);
-                    $("#datePicker1").igDatePicker("value", value1);
-                    value2 = $("#datePicker2").igDatePicker("value");
-                    $("#datePicker2").igDatePicker("option", "dataMode", selectedMode);
-                    $("#datePicker2").igDatePicker("value", value2);
-                }
-            });
-
-            var headers = $('.group-fields label');
-            $("#form").submit(function (event) {
-                var submittedValues = $("#form").serializeArray();
-                $(".p").remove();
-                for (var i = 0 ; i < submittedValues.length; i++) {
-                    $("#results").append("<p class='p'><span class='header'>" + headers[i].textContent + ": " + "</span>  <strong>" + submittedValues[i].value + "</strong></p>");
-                }
-                return false;
-            });
-        });
-    </script>
+<script type='text/javascript'>
+
+	$(function () {
+	    $("#datePicker1").igDatePicker({
+	        value: new Date(2017, 11, 8),
+	        dataMode: "date",
+	        dateDisplayFormat: "yyyy/MM/dd dddd" 
+	    });
+	
+	    $("#datePicker2").igDatePicker({
+	        value: new Date(2017, 11, 8),
+	        dataMode: "editModeText",
+	        dateDisplayFormat: "yyyy/MM/dd dddd"
+	    });
+	
+	    $("#datePicker3").igDatePicker({
+	        value: new Date(2017, 11, 8),
+	        dataMode: "displayModeText",
+	        dateDisplayFormat: "yyyy/MM/dd dddd" 
+	    });
+	
+	    var headers = $('.group-fields label');
+	    $("#form").submit(function (event) {
+	        var submittedValues = $("#form").serializeArray();
+	        $(".p").remove();
+	        for (var i = 0 ; i < submittedValues.length; i++) {
+	            $("#results").append("<p class='p'><span class='header'>" + headers[i].textContent + ": " + "</span>  <strong>" + submittedValues[i].value + "</strong></p>");
+	        }
+	        return false;
+	    });
+	});
+
+</script>
 
 </body>
 </html>

From 02cb3d721f699f08d70fb51ab0b56c580ac60eec Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Fri, 17 Feb 2017 17:33:07 +0200
Subject: [PATCH 2/8] Removing naming related to the old sample.

---
 HTMLSamples/editors/date-picker-new.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/HTMLSamples/editors/date-picker-new.html b/HTMLSamples/editors/date-picker-new.html
index 6f82257..e89624b 100644
--- a/HTMLSamples/editors/date-picker-new.html
+++ b/HTMLSamples/editors/date-picker-new.html
@@ -85,15 +85,15 @@
             <form id="form" name="FormSubmit" action="javascript:console.log('$$(Submit)');">
                 <div class="group-fields">
                     <label for="datePicker1">dataMode: "date"</label>
-                    <input id="datePicker1" type="date" name="startDayPicker"></input>
+                    <input id="datePicker1" type="date" name="datePicker_date"></input>
                 </div>
                 <div class="group-fields">
                     <label for="datePicker2">dataMode: "editModeText"</label>
-                    <input id="datePicker2" type="date" name="endDatePicker"></input>
+                    <input id="datePicker2" type="date" name="datePicker_editModeText"></input>
                 </div>
                 <div class="group-fields">
                     <label for="datePicker3">dataMode: "displayModeText"</label>
-                    <input id="datePicker3" type="date" name="endDatePicker"></input>
+                    <input id="datePicker3" type="date" name="displayModeText"></input>
                 </div>
                 <input type="submit" id="submitBtn" value="$$(Submit)"></input>
             </form>

From 302690752b33c41c63867b1807aa730d44eead80 Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Fri, 17 Feb 2017 17:52:42 +0200
Subject: [PATCH 3/8] Updating samples requiring localization.

---
 HTMLSamples/editors/date-picker-new.html | 6 +++---
 HTMLSamples/editors/strings-ja.json      | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/HTMLSamples/editors/date-picker-new.html b/HTMLSamples/editors/date-picker-new.html
index e89624b..3291b99 100644
--- a/HTMLSamples/editors/date-picker-new.html
+++ b/HTMLSamples/editors/date-picker-new.html
@@ -84,15 +84,15 @@
         <div id="igDatePickersContainer">
             <form id="form" name="FormSubmit" action="javascript:console.log('$$(Submit)');">
                 <div class="group-fields">
-                    <label for="datePicker1">dataMode: "date"</label>
+                    <label for="datePicker1">$$(Date_Object)</label>
                     <input id="datePicker1" type="date" name="datePicker_date"></input>
                 </div>
                 <div class="group-fields">
-                    <label for="datePicker2">dataMode: "editModeText"</label>
+                    <label for="datePicker2">$$(Edit_Mode_Text)</label>
                     <input id="datePicker2" type="date" name="datePicker_editModeText"></input>
                 </div>
                 <div class="group-fields">
-                    <label for="datePicker3">dataMode: "displayModeText"</label>
+                    <label for="datePicker3">$$(Display_Mode_Text)</label>
                     <input id="datePicker3" type="date" name="displayModeText"></input>
                 </div>
                 <input type="submit" id="submitBtn" value="$$(Submit)"></input>
diff --git a/HTMLSamples/editors/strings-ja.json b/HTMLSamples/editors/strings-ja.json
index 02a580b..3aa6dfe 100644
--- a/HTMLSamples/editors/strings-ja.json
+++ b/HTMLSamples/editors/strings-ja.json
@@ -5,7 +5,9 @@
   "date_config": "日付と時間構成",
   "DatePickers_submited_values": "DatePicker の送信された値",
   "default_config": "デフォルトの構成",
-  "End_Date": "終了日",
+  "Date_Object":"Date object",
+  "Display_Mode_Text":"Display mode text",
+  "Edit_Mode_Text":"Edit mode text",
   "enter_today": "今日の日付の入力",
   "enUS": "英語 (米国)",
   "HTML_Element": "HTML 要素",
@@ -22,7 +24,6 @@
   "KO_Order_Date": "注文日",
   "KO_Plain_Editors": "プレーン INPUT 要素",
   "KO_Ship_Date": "出荷日付",
-  "Start_Date": "開始日",
   "Submit": "送信",
   "time_config": "時間構成",
   "Title_angular": "AngularJS との連携",

From b5b196b82cc863980824cb1ba7eff25b3bb8bba8 Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Fri, 17 Feb 2017 18:26:27 +0200
Subject: [PATCH 4/8] Adding Eng strings

---
 HTMLSamples/editors/strings-en.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/HTMLSamples/editors/strings-en.json b/HTMLSamples/editors/strings-en.json
index b2dea65..a2147bc 100644
--- a/HTMLSamples/editors/strings-en.json
+++ b/HTMLSamples/editors/strings-en.json
@@ -3,6 +3,9 @@
   "constraints": "Date Contraints, Hide Input Mask",
   "Control_Name": "Control Name",
   "date_config": "Date and Time Configuration",
+  "Date_Object":"Date object",
+  "Display_Mode_Text":"Display mode text",
+  "Edit_Mode_Text":"Edit mode text",
   "DatePickers_submited_values": "DatePickers submitted values",
   "default_config": "Default Configuration",
   "End_Date": "End Date",

From 7d9674090fff8868cdd7050a2be52e52966c7c8e Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Fri, 17 Feb 2017 18:28:36 +0200
Subject: [PATCH 5/8] Removing excess strings

---
 HTMLSamples/editors/strings-en.json | 2 --
 1 file changed, 2 deletions(-)

diff --git a/HTMLSamples/editors/strings-en.json b/HTMLSamples/editors/strings-en.json
index a2147bc..e6bdd84 100644
--- a/HTMLSamples/editors/strings-en.json
+++ b/HTMLSamples/editors/strings-en.json
@@ -8,7 +8,6 @@
   "Edit_Mode_Text":"Edit mode text",
   "DatePickers_submited_values": "DatePickers submitted values",
   "default_config": "Default Configuration",
-  "End_Date": "End Date",
   "enter_today": "Enter Today's Date",
   "enUS": "English, United States",
   "HTML_Element": "HTML Element",
@@ -25,7 +24,6 @@
   "KO_Order_Date": "Order Date",
   "KO_Plain_Editors": "Plain INPUTs",
   "KO_Ship_Date": "Ship Date",
-  "Start_Date": "Start Date",
   "Submit": "Submit",
   "time_config": "Time Configuration",
   "Title_angular": "AngularJS",

From 62ab0ca1478f78a1cd9779b9081735013d23e0fd Mon Sep 17 00:00:00 2001
From: Damyan Petev <damyan.petev@gmail.com>
Date: Mon, 20 Feb 2017 09:40:39 +0200
Subject: [PATCH 6/8] Clean up date picker sample CSS and results markup

---
 HTMLSamples/editors/date-picker-new.html | 36 ++++--------------------
 1 file changed, 5 insertions(+), 31 deletions(-)

diff --git a/HTMLSamples/editors/date-picker-new.html b/HTMLSamples/editors/date-picker-new.html
index 3291b99..613f9f3 100644
--- a/HTMLSamples/editors/date-picker-new.html
+++ b/HTMLSamples/editors/date-picker-new.html
@@ -7,16 +7,11 @@
     <link href="%%ignite-ui%%/css/structure/infragistics.css" rel="stylesheet">
     <style>
         #container {
-            width: 60%;
             border: 1px solid #ccc;
             box-sizing: border-box;
             padding: 20px;
         }
 
-        .p {
-            margin-top: 5px;
-        }
-
         #igDatePickersContainer {
             float: left;
         }
@@ -34,33 +29,12 @@
             float: right;
         }
 
-        #ValuesContainer.p {
-            font-size: 16px;
-        }
-
-        #container h4 {
-            font-size: 16px;
-            margin-bottom: 10px;
-        }
-
         .clearfix:after {
             content: "";
             display: table;
             clear: both;
         }
 
-        @media screen and (max-width:920px) {
-            #container {
-                width: 70%;
-            }
-        }
-
-        @media screen and (max-width:770px) {
-            #container {
-                width: 100%;
-            }
-        }
-
         @media screen and (max-width:570px) {
             #igDatePickersContainer,#ValuesContainer {
                 float: none;
@@ -101,8 +75,7 @@
 
         <div id="ValuesContainer">
             <h4>$$(DatePickers_submited_values):</h4>
-            <div class="divHeight">
-                <p class="pStyle" id="results">
+            <div id="results">
             </div>
         </div>
     </div>
@@ -130,10 +103,11 @@ <h4>$$(DatePickers_submited_values):</h4>
 	
 	    var headers = $('.group-fields label');
 	    $("#form").submit(function (event) {
-	        var submittedValues = $("#form").serializeArray();
-	        $(".p").remove();
+	        var submittedValues = $(this).serializeArray(),
+                $results = $("#results");
+            $results.empty();
 	        for (var i = 0 ; i < submittedValues.length; i++) {
-	            $("#results").append("<p class='p'><span class='header'>" + headers[i].textContent + ": " + "</span>  <strong>" + submittedValues[i].value + "</strong></p>");
+	            $results.append("<p class='p'><span class='header'>" + headers[i].textContent + ": " + "</span>  <strong>" + submittedValues[i].value + "</strong></p>");
 	        }
 	        return false;
 	    });

From 8117480783c6d56469183a703998f19a6725143c Mon Sep 17 00:00:00 2001
From: IvayloG <inj.iganchev@gmail.com>
Date: Mon, 20 Feb 2017 14:56:22 +0200
Subject: [PATCH 7/8] Renaming sample name

---
 HTMLSamples/editors/{date-picker-new.html => date-picker.html} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename HTMLSamples/editors/{date-picker-new.html => date-picker.html} (100%)

diff --git a/HTMLSamples/editors/date-picker-new.html b/HTMLSamples/editors/date-picker.html
similarity index 100%
rename from HTMLSamples/editors/date-picker-new.html
rename to HTMLSamples/editors/date-picker.html

From 02df171c8833e7a375d78868ba8a6a7efdec8eb5 Mon Sep 17 00:00:00 2001
From: ig-ealbert <ealbert@infragistics.com>
Date: Mon, 20 Feb 2017 11:08:55 -0500
Subject: [PATCH 8/8] Added translations for date-picker-new sample

---
 HTMLSamples/editors/strings-ja.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/HTMLSamples/editors/strings-ja.json b/HTMLSamples/editors/strings-ja.json
index 3aa6dfe..092ccb6 100644
--- a/HTMLSamples/editors/strings-ja.json
+++ b/HTMLSamples/editors/strings-ja.json
@@ -5,9 +5,9 @@
   "date_config": "日付と時間構成",
   "DatePickers_submited_values": "DatePicker の送信された値",
   "default_config": "デフォルトの構成",
-  "Date_Object":"Date object",
-  "Display_Mode_Text":"Display mode text",
-  "Edit_Mode_Text":"Edit mode text",
+  "Date_Object":"日付オブジェクト",
+  "Display_Mode_Text":"表示モードのテキスト",
+  "Edit_Mode_Text":"編集モードのテキスト",
   "enter_today": "今日の日付の入力",
   "enUS": "英語 (米国)",
   "HTML_Element": "HTML 要素",