From fe3382b879d7f9011ead00ae95d1da30de0347a1 Mon Sep 17 00:00:00 2001
From: Jacob Schulzetenberg <Jacob.Schulzetenberg@gmail.com>
Date: Fri, 19 Feb 2016 13:28:53 -0700
Subject: [PATCH 1/2] Add datepicker plugin to examples

---
 pages/forms/advanced.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 16fff733086..83732fc701d 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -14,6 +14,8 @@
   <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
   <!-- daterange picker -->
   <link rel="stylesheet" href="../../plugins/daterangepicker/daterangepicker-bs3.css">
+  <!-- bootstrap datepicker -->
+  <link rel="stylesheet" href="../../plugins/datepicker/datepicker3.css">
   <!-- iCheck for checkboxes and radio inputs -->
   <link rel="stylesheet" href="../../plugins/iCheck/all.css">
   <!-- Bootstrap Color Picker -->
@@ -706,6 +708,20 @@ <h3 class="box-title">Color & Time Picker</h3>
               <h3 class="box-title">Date picker</h3>
             </div>
             <div class="box-body">
+              <!-- Date -->
+              <div class="form-group">
+                <label>Date:</label>
+
+                <div class="input-group date">
+                  <div class="input-group-addon">
+                    <i class="fa fa-calendar"></i>
+                  </div>
+                  <input type="text" class="form-control pull-right" id="datepicker">
+                </div>
+                <!-- /.input group -->
+              </div>
+              <!-- /.form group -->
+
               <!-- Date range -->
               <div class="form-group">
                 <label>Date range:</label>
@@ -1080,6 +1096,8 @@ <h3 class="control-sidebar-heading">Chat Settings</h3>
 <!-- date-range-picker -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>
 <script src="../../plugins/daterangepicker/daterangepicker.js"></script>
+<!-- bootstrap datepicker -->
+<script src="../../plugins/datepicker/bootstrap-datepicker.js"></script>
 <!-- bootstrap color picker -->
 <script src="../../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
 <!-- bootstrap time picker -->
@@ -1130,6 +1148,11 @@ <h3 class="control-sidebar-heading">Chat Settings</h3>
         }
     );
 
+    //Date picker
+    $('#datepicker').datepicker({
+        autoclose: true
+    });
+
     //iCheck for checkbox and radio inputs
     $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
       checkboxClass: 'icheckbox_minimal-blue',

From bc696b82ccef8fb93c600e98639083b3691f5825 Mon Sep 17 00:00:00 2001
From: Jacob Schulzetenberg <Jacob.Schulzetenberg@gmail.com>
Date: Fri, 19 Feb 2016 13:31:25 -0700
Subject: [PATCH 2/2] Formatting fix

---
 pages/forms/advanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/forms/advanced.html b/pages/forms/advanced.html
index 83732fc701d..9b903ffac5a 100644
--- a/pages/forms/advanced.html
+++ b/pages/forms/advanced.html
@@ -1150,7 +1150,7 @@ <h3 class="control-sidebar-heading">Chat Settings</h3>
 
     //Date picker
     $('#datepicker').datepicker({
-        autoclose: true
+      autoclose: true
     });
 
     //iCheck for checkbox and radio inputs