ACP2E-188: Reworked on fixes

Author: abhattGlo

app/code/Magento/Ui/view/base/web/js/lib/knockout/bindings/datepicker.js

@@ -28,8 +28,11 @@ define([
          * For more info about options take a look at "mage/calendar" and jquery.ui.datepicker widget.
          * @param {HTMLElement} el - Element, that binding is applied to
          * @param {Function} valueAccessor - Function that returns value, passed to binding
+         * @param {object} allBindings
+         * @param {object} viewModel
+         * @param {object} bindingContext
          */
-        init: function (el, valueAccessor) {
+        init: function (el, valueAccessor, allBindings, viewModel, bindingContext) {
             var config = valueAccessor(),
                 observable,
                 options = {};
@@ -50,6 +53,15 @@ define([
                     observable(this.value);
                 });
             });
+
+            // Binding context value can be cleared by another component (such
+            // as filters), make sure datepicker element value is cleared, too.
+            bindingContext.$data.value.subscribe(function (newVal) {
+                if (!newVal) {
+                    $(el).val('');
+                }
+            }, this);
+
         },
 
         /**

app/code/Magento/Ui/view/base/web/templates/form/element/date.html

@@ -8,8 +8,8 @@
     hasFocus: focused,
     datepicker: { storage: shiftedValue, options: options },
     valueUpdate: valueUpdate,
-    value: shiftedValue,
     attr: {
+        value: shiftedValue,
         name: inputName,
         placeholder: placeholder,
         'aria-describedby': noticeId,