Support keyboard input in date/time picker

umbraco · Jun 25, 2019 · bd8e344 · bd8e344
1 parent 014eba9
commit bd8e344
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.controller.js
@@ -77,6 +77,11 @@ function dateTimePickerController($scope, notificationsService, assetsService, a
         setDate(date);
         setDatePickerVal();
     };
+
+    $scope.inputChanged = function() {
+        setDate($scope.model.datetimePickerValue);
+        setDatePickerVal();
+    }
 
     //here we declare a special method which will be called whenever the value has changed from the server
     //this is instead of doing a watch on the model.value = faster

diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/datepicker/datepicker.html
@@ -16,6 +16,7 @@
                         id="{{model.alias}}"
                         type="text"
                         ng-model="model.datetimePickerValue"
+                        ng-blur="inputChanged()"
                         ng-required="model.validation.mandatory"
                         val-server="value"
                         class="datepickerinput">