From d12bed4ef37848116e3b5e3120d8275c536592dd Mon Sep 17 00:00:00 2001
From: dandds <dan-ctr@friends.dds.mil>
Date: Thu, 8 Nov 2018 11:05:58 -0500
Subject: [PATCH] display valid state for option inputs that have an initial
 value

---
 js/components/options_input.js          | 3 ++-
 templates/components/options_input.html | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/js/components/options_input.js b/js/components/options_input.js
index 5c965bd7..cf1583a4 100644
--- a/js/components/options_input.js
+++ b/js/components/options_input.js
@@ -7,13 +7,14 @@ export default {
       type: Array,
       default: () => []
     },
+    initialValue: String,
   },
 
 
   data: function () {
     return {
       showError: (this.initialErrors && this.initialErrors.length) || false,
-      showValid: false,
+      showValid: !!this.initialValue,
       validationError: this.initialErrors.join(' ')
     }
   },
diff --git a/templates/components/options_input.html b/templates/components/options_input.html
index 0c3bd36a..8194623f 100644
--- a/templates/components/options_input.html
+++ b/templates/components/options_input.html
@@ -6,6 +6,7 @@
     name='{{ field.name }}'
     inline-template
     {% if field.errors %}v-bind:initial-errors='{{ field.errors | list }}'{% endif %}
+    {% if field.data and field.data != "None" %}v-bind:initial-value="'{{ field.data }}'"{% endif %}
     key='{{ field.name }}'>
     <div
       v-bind:class="['usa-input', { 'usa-input--error': showError, 'usa-input--success': showValid }]">