Create vue component to manage date range logic

js/components/pop_date_range.js

@@ -0,0 +1,30 @@
+import DateSelector from './date_selector'
+
+export default {
+  name: 'pop-date-range',
+
+  components: {
+    DateSelector,
+  },
+
+  props: {
+    initialMinStartDate: String,
+    initialMaxEndDate: String,
+    initialStartDate: String,
+    initialEndDate: String,
+    clinIndex: Number,
+  },
+
+  data: function() {
+    return {
+      startDate: this.initialStartDate,
+      endDate: this.initialEndDate,
+      startValid: false,
+      endValid: false,
+      minStartDate: this.initialMinStartDate,
+      maxStartDate: this.initialMaxEndDate,
+      minEndDate: this.initialMinStartDate,
+      maxEndDate: this.initialMaxEndDate,
+    }
+  },
+}