Merge pull request #587 from dod-ccpo/date-field-component-fixes

Bug fixes for date picker component

styles/components/_forms.scss

@@ -116,7 +116,7 @@
   }
 }
 
-.date-picker {
+.usa-input.date-picker {
   display: inline-block;
   margin-top: 10px;
   width: 100%;
@@ -138,7 +138,13 @@
     }
   }
 
+  input.usa-input-error:focus {
+    border-color: $color-red !important;
+    box-shadow: none;
+  }
+
   input.usa-input-error {
+    padding-left: 11px;
     right: 0;
   }
 
@@ -147,8 +153,16 @@
   }
 
   p.usa-input-error-message {
-    padding-top: 20px;
     display: inline-block;
+    line-height: 26px;
+    margin-bottom: 0;
+    padding-top: 10px;
+    visibility: hidden;
+    width: 100%;
+
+    &.form-has-errors {
+      visibility: inherit;
+    }
   }
 }