diff --git a/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox b/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox
index bb05d5cde..cb28c37c4 100644
--- a/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox
@@ -102,7 +102,8 @@
             <label class="pseudo-input-label"><var:string label:value="From"/></label>
           </div>
           <div layout="row" layout-align="start center" layout-wrap="layout-wrap">
-            <md-datepicker ng-model="editor.component.start"> <!-- date picker--></md-datepicker>
+            <md-datepicker ng-model="editor.component.start"
+                           label:md-placeholder="From"> <!-- date picker--></md-datepicker>
             <sg-timepicker ng-model="editor.component.start"
                            ng-hide="editor.component.isAllDay"><!-- time picker --></sg-timepicker>
           </div>
@@ -112,7 +113,8 @@
             <label class="pseudo-input-label"><var:string label:value="To"/></label>
           </div>
           <div layout="row" layout-align="start center" layout-wrap="layout-wrap">
-            <md-datepicker ng-model="editor.component.end"> <!-- date picker--></md-datepicker>
+            <md-datepicker ng-model="editor.component.end"
+                           label:md-placeholder="To"> <!-- date picker--></md-datepicker>
             <sg-timepicker ng-model="editor.component.end"
                            ng-hide="editor.component.isAllDay"><!-- time picker --></sg-timepicker>
           </div>
diff --git a/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox b/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox
index c068a1523..327c4735a 100644
--- a/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox
+++ b/UI/Templates/SchedulerUI/UIxTaskEditorTemplate.wox
@@ -85,7 +85,8 @@
           <label class="pseudo-input-label"><var:string label:value="From"/></label>
         </div>
         <div layout="row" layout-align="start center" layout-wrap="layout-wrap">
-          <md-datepicker ng-model="editor.component.start"> <!-- date picker--></md-datepicker>
+          <md-datepicker ng-model="editor.component.start"
+                         label:md-placeholder="From"> <!-- date picker--></md-datepicker>
           <sg-timepicker ng-model="editor.component.start"><!-- time picker --></sg-timepicker>
           <md-button class="md-icon-button" type="button" ng-click="editor.component.$deleteStartDate()">
             <md-icon>remove_circle</md-icon>
@@ -104,7 +105,8 @@
           <label class="pseudo-input-label"><var:string label:value="Due"/></label>
         </div>
         <div layout="row" layout-align="start center" layout-wrap="layout-wrap">
-          <md-datepicker ng-model="editor.component.due"> <!-- date picker--></md-datepicker>
+          <md-datepicker ng-model="editor.component.due"
+                         label:md-placeholder="Due"> <!-- date picker--></md-datepicker>
           <sg-timepicker ng-model="editor.component.due"><!-- time picker --></sg-timepicker>
           <md-button class="md-icon-button" type="button" ng-click="editor.component.$deleteDueDate()">
             <md-icon>remove_circle</md-icon>