diff --git a/UI/Templates/PreferencesUI/UIxPreferences.wox b/UI/Templates/PreferencesUI/UIxPreferences.wox
index 4eae4f120..bafb37dbf 100644
--- a/UI/Templates/PreferencesUI/UIxPreferences.wox
+++ b/UI/Templates/PreferencesUI/UIxPreferences.wox
@@ -1124,10 +1124,10 @@
                       <md-datepicker
                           name="vacationStartDate"
                           label:md-placeholder="Enter date"
+                          ng-change="app.toggleVacationEndDate()"
                           ng-disabled="!app.preferences.defaults.Vacation.startDateEnabled"
                           ng-required="app.preferences.defaults.Vacation.startDateEnabled"
                           ng-model="app.preferences.defaults.Vacation.startDate"
-                          md-date-filter="app.validateVacationStartDate"
                           sg-reset-on-disabled="sg-reset-on-disabled"><!-- datepicker --></md-datepicker>
                     </md-input-container>
                   </div>
diff --git a/UI/WebServerResources/js/Preferences/PreferencesController.js b/UI/WebServerResources/js/Preferences/PreferencesController.js
index 0ece9f1a5..c8f34f7c0 100644
--- a/UI/WebServerResources/js/Preferences/PreferencesController.js
+++ b/UI/WebServerResources/js/Preferences/PreferencesController.js
@@ -563,21 +563,6 @@
       }
     };
 
-    this.validateVacationStartDate = function(date) {
-      var d = vm.preferences.defaults, r = true;
-      if (d &&
-          d.Vacation &&
-          d.Vacation.enabled) {
-        if (d.Vacation.startDateEnabled) {
-          r = (!d.Vacation.endDateEnabled ||
-               !d.Vacation.endDate ||
-               date.getTime() <= d.Vacation.endDate.getTime());
-        }
-      }
-
-      return r;
-    };
-
     this.validateVacationEndDate = function(date) {
       var d = vm.preferences.defaults, r = true;
       if (d &&