views/geolocate.erb in travlrmap-0.0.16 vs views/geolocate.erb in travlrmap-0.0.17

@@ -1,9 +1,9 @@
 <div class="row">
   <form id="search_box">
     <div class="col-md-9">
-      <input type="text" class="form-control" id="location">
+      <input type="text" class="form-control" id="location" autofocus>
     </div>
     <div class="col-md-1">
       <button type="submit" class="btn btn-primary">Search</button>
     </div>
   </form>
@@ -26,11 +26,11 @@
           <% @types.each do |name, type| %>
             <option value="<%= name %>"><%= type[:description] %></option>
           <% end %>
         </select>
       </div>
-      <div class="form-group">
+      <div class="form-group input-append">
         <input type="text" class="form-control" id="point_date" placeholder="yyyy-mm-dd">
       </div>
       <div class="form-group">
         <input type="text" class="form-control" id="point_href" placeholder="Link URL">
       </div>
@@ -51,10 +51,14 @@
 </div>
 <div class="row">
   <div class="col-md-9"><center>Perform a search to place a marker or right click to place one anywhere.</center></div>
 </div>
 
+<script src="/moment.js"></script>
+<script src="/js-yaml.min.js"></script>
+<script src="/datepicker/bootstrap-datepicker.js"></script>
+
 <script type="text/javascript">
     var map;
     var marker;
 
     function getLocationName(results) {
@@ -110,9 +114,14 @@
         alert("Geocode was not successful for the following reason: " + status);
       }
     }
 
     $(document).ready(function() {
+      $('#point_date').datepicker({
+        format: 'yyyy-mm-dd',
+        todayHighlight: true
+      });
+
       map = new GMaps({
         div: '#main_map',
         zoom: 3,
         lat: 20,
         lng: 0,