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>