Date picker fixes (#636)

* Fixed date range limits 9ci/rcm-ui#52

* date-range manual enter 9ci/rcm-ui#51

* date-range manual enter

src/ng/controls/ag-datepicker/input.js

@@ -50,16 +50,24 @@ class Controller extends AgBaseControl {
     const isoDate = displayDateToIso(this.value)
     this.ngModelCtrl.$setViewValue(isoDate)
     // if dialog is open then update the change there too
-    if (this.datepicker.active) this.datepicker.update()
+    //if (this.datepicker.active) this.datepicker.update()
   }
 
   onBlur() {
+    const isoDate = displayDateToIso(this.value)
+    this.ngModelCtrl.$setViewValue(isoDate)
     this.datepicker.update()
   }
 
   $onDestroy() {
     this.datepicker.destroy()
   }
+
+  onEnter(event) {
+    const isoDate = displayDateToIso(this.value)
+    this.ngModelCtrl.$setViewValue(isoDate)
+    this.datepicker.update()
+  }
 }
 
 const template = `
@@ -70,6 +78,7 @@ const template = `
   placeholder="{{$ctrl.placeholder}}"
   name="{{$ctrl.name}}"
   id="{{$ctrl.elementId}}"
+  ng-keydown="$event.keyCode === 13 && $ctrl.onEnter($event)"
   ng-model="$ctrl.value"
   ng-model-options='{ debounce: 500 }'
   ng-change="$ctrl.onChange()"

src/ng/controls/ag-daterange/index.js

@@ -27,7 +27,6 @@ class Controller extends AgBaseControl {
     super.onInit()
     const fromFld = this.opts.fromField.name
     const toFld = this.opts.toField.name
-
     this.ngModelCtrl.$render = () => {
       let vmv = this.ngModelCtrl.$viewValue
       vmv = _.isEmpty(vmv) ? { [fromFld]: '', [toFld]: '' } : vmv
@@ -41,7 +40,7 @@ class Controller extends AgBaseControl {
     const fromFld = this.opts.fromField.name
     const toFld = this.opts.toField.name
 
-    const fromToObj = { [fromFld]: this.valueFrom, [toFld]: this.valueTo }
+    const fromToObj = { ...(this.valueFrom && {[fromFld]: this.valueFrom}), ...(this.valueTo && { [toFld]: this.valueTo}) }
     // Log.debug('onChange fromToObj', fromToObj)
     this.ngModelCtrl.$setViewValue(fromToObj)
   }

src/tools/growl/index.js

@@ -1,6 +1,6 @@
 import { Notyf } from 'notyf'
 // import 'notyf/notyf.min.css'
-import themeColors from 'angle-grinder/src/themeColors'
+import themeColors from '../../themeColors'
 
 // const themeColors = {
 //   success: 'hsla(85, 77%, 35%, .97)',