diff --git a/app/assets/javascripts/notes.js b/app/assets/javascripts/notes.js
index 10b29448d30..5337e1f253c 100644
--- a/app/assets/javascripts/notes.js
+++ b/app/assets/javascripts/notes.js
@@ -49,7 +49,7 @@ jQuery(document).ready(function($) {
     if(eventDate!== null)
     {
       addTag("date:"+eventDate.val());
-      alert("Event date has been added");
+      //$('.toast').toast('show');
     }
   });
 });
diff --git a/app/views/notes/show.html.erb b/app/views/notes/show.html.erb
index 8ef85910d22..1550c0be783 100644
--- a/app/views/notes/show.html.erb
+++ b/app/views/notes/show.html.erb
@@ -1,5 +1,4 @@
 <script src="/assets/notes.js" type="text/javascript"></script>
-
 <div class="col-lg-9 note-show<% if @node.status == 4 || @node.status == 0 %> moderated<% end %>">
   <% if @preview %><div class="alert alert-info"><%= raw translation('notes.show.preview') %></div><% end %>
   <% if current_user && @node.tags.size == 0 && !@preview %><div class="alert alert-warning"><%= raw translation('notes.show.note_no_tags', url: 'javascript: document.getElementById("tags-open").click();') %></div><% end %>  
@@ -91,8 +90,17 @@
   <hr/>
   <p>This looks like an event.     <span><button id="date-toggle" class="btn-outline-secondary btn-sm" data-toggle="tooltip" data-placement="right" title="Add Date"><i class="fa fa-calendar" aria-hidden="true"></i></button></span></p>
   <div id="event-datepicker">
-    <input type="text" class="datepicker"/>
+    <input type="text" class="datepicker" aria-describedby="DatePickerGuide"/>
+
     <span><button id="save-event-date" class="btn-outline-secondary btn-sm">Save Date</button></span>
+    <small id="DatePickerGuide" class="form-text text-muted">
+      Add date to your awesome event in this box
+    </small>
+
+    <!-- <div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+    Date added successfully
+    </div> -->
+
   </div>
   <% end %>