From 822f27181999fbf8be1a30903bdb636d3ee8af3f Mon Sep 17 00:00:00 2001
From: vabarbosa <va@us.ibm.com>
Date: Wed, 17 May 2017 15:53:13 -0400
Subject: [PATCH] add date picker for date fields

---
 public/js/app.js                | 8 ++++++--
 public/templates/attended.html  | 4 ++--
 public/templates/blogged.html   | 2 +-
 public/templates/expense.html   | 2 +-
 public/templates/pr.html        | 2 +-
 public/templates/presented.html | 2 +-
 6 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/public/js/app.js b/public/js/app.js
index e227fe1..19ec8ed 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -188,6 +188,12 @@ var initForm = function() {
 
     submitForm('#' + $(this).attr('id'));
   });
+
+  // pickadate
+  $('.datepicker').pickadate({
+    format: 'yyyy-mm-dd',
+    formatSubmit: 'yyyy-mm-dd'
+  });
 };
 
 var updatePage = function() {
@@ -348,8 +354,6 @@ $(document).ready(function(){
 
   // render the page
   updatePage();
-  
 
-  
 });
 
diff --git a/public/templates/attended.html b/public/templates/attended.html
index cef8c14..3bf728b 100644
--- a/public/templates/attended.html
+++ b/public/templates/attended.html
@@ -13,13 +13,13 @@ <h3>I Attended An Event</h3>
   <div class="row">
     <div class="col s12">
       <label for="eventstart">Date Start</label>
-      <input id="eventstart" name="dtstart" type="date" value="{{dtstart}}" class="datepicker" />
+      <input id="eventstart" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="datepicker" />
     </div>
   </div>
   <div class="row">
     <div class="col s12">
       <label for="eventend">Date End</label>
-      <input id="eventend" name="dtend" type="date" value="{{dtend}}" class="datepicker" />
+      <input id="eventend" name="dtend" type="date" placeholder="YYYY-MM-DD" value="{{dtend}}" class="datepicker" />
     </div>
   </div>
   <div class="row">      
diff --git a/public/templates/blogged.html b/public/templates/blogged.html
index 723e891..22594f2 100644
--- a/public/templates/blogged.html
+++ b/public/templates/blogged.html
@@ -12,7 +12,7 @@ <h3>I Published a Blog</h3>
   <div class="row">
     <div class="col s12">
       <label for="blogdate">Date</label>
-      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate" />
+      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate datepicker" />
     </div>
   </div>
   <div class="row">
diff --git a/public/templates/expense.html b/public/templates/expense.html
index 70ae9b4..1cfa0ba 100644
--- a/public/templates/expense.html
+++ b/public/templates/expense.html
@@ -12,7 +12,7 @@ <h3>I Spent Money</h3>
   <div class="row">
     <div class="col s12">
       <label for="blogdate">Date</label>
-      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate" />
+      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate datepicker" />
     </div>
   </div>
   <div class="row">
diff --git a/public/templates/pr.html b/public/templates/pr.html
index 8cce849..e324faf 100644
--- a/public/templates/pr.html
+++ b/public/templates/pr.html
@@ -18,7 +18,7 @@ <h3>I Spoke To The Press</h3>
   <div class="row">
     <div class="col s12">
       <label for="blogdate">Date</label>
-      <input id="blogdate" name="dtstart" type="date" placeholder="{{dtstart}}" value="" class="" />
+      <input id="blogdate" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="datepicker" />
     </div>
   </div>
   <div class="row">
diff --git a/public/templates/presented.html b/public/templates/presented.html
index b85defb..0fa6f59 100644
--- a/public/templates/presented.html
+++ b/public/templates/presented.html
@@ -22,7 +22,7 @@ <h3>I Presented At An Event</h3>
   <div class="row"> 
     <div class="col s12">
       <label for="sessionstart">Date</label>
-      <input id="sessionstart" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate" />
+      <input id="sessionstart" name="dtstart" type="date" placeholder="YYYY-MM-DD" value="{{dtstart}}" class="validate datepicker" />
     </div>
   </div>
   <div class="row">