From 843501c00aa043cdc7d0770e5c2f75d673132cc3 Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 24 Sep 2019 09:59:50 -0400
Subject: [PATCH] Fix bug where name attribute of start date fields was not
 properly assigned Fix bug in pop_date_range were startValid and endValid were
 not being properly updated

---
 js/components/pop_date_range.js          | 10 ++++++----
 templates/components/pop_date_range.html |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/js/components/pop_date_range.js b/js/components/pop_date_range.js
index 837e671b..2ec369f6 100644
--- a/js/components/pop_date_range.js
+++ b/js/components/pop_date_range.js
@@ -46,14 +46,16 @@ export default {
     handleDateChange: function(event) {
       if (event.name.includes(START_DATE)) {
         if (!!event.value) this.startDate = new Date(event.value)
-        if (!!event.valid) this.startValid = event.valid
-        if (this.startValid)
+        if (event.valid != undefined) this.startValid = event.valid
+        if (this.startValid) {
           this.minEndDate = this.calcMinEndDate(this.startDate)
+        }
       } else if (event.name.includes(END_DATE)) {
         if (!!event.value) this.endDate = new Date(event.value)
-        if (!!event.valid) this.endValid = event.valid
-        if (this.endValid)
+        if (event.valid != undefined) this.endValid = event.valid
+        if (this.endValid) {
           this.maxStartDate = this.calcMaxStartDate(this.endDate)
+        }
       }
     },
 
diff --git a/templates/components/pop_date_range.html b/templates/components/pop_date_range.html
index ad1c3fcd..bdc32830 100644
--- a/templates/components/pop_date_range.html
+++ b/templates/components/pop_date_range.html
@@ -44,7 +44,7 @@
               </legend>
 
               <div class="date-picker-component">
-                <input name="name" v-bind:value="formattedDate" v-on:change="onInput" type="hidden" />
+                <input :name="name" v-bind:value="formattedDate" v-on:change="onInput" type="hidden" />
 
                 <div class="usa-form-group usa-form-group-month">
                   <label>{{ 'components.date_selector.month' | translate }}</label>