feat: One off campaign UI (#2621)

app/javascript/dashboard/components/ui/DateRangePicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="woot-date-range-picker">
+  <div class="date-picker">
     <date-picker
       :range="true"
       :confirm="true"
@@ -15,7 +15,6 @@
 
 <script>
 import DatePicker from 'vue2-datepicker';
-import 'vue2-datepicker/index.css';
 export default {
   components: { DatePicker },
   props: {
@@ -33,32 +32,9 @@ export default {
     },
   },
   methods: {
-    updateValue(val) {
-      this.$emit('change', val);
-    },
     handleChange(value) {
-      this.updateValue(value);
+      this.$emit('change', value);
     },
   },
 };
 </script>
-
-<style lang="scss">
-.woot-date-range-picker {
-  margin-left: var(--space-smaller);
-
-  .mx-input {
-    display: flex;
-    border: 1px solid var(--color-border);
-    border-radius: var(--border-radius-normal);
-    box-shadow: none;
-    height: 4.6rem;
-  }
-
-  .mx-input:disabled,
-  .mx-input[readonly] {
-    background-color: var(--white);
-    cursor: pointer;
-  }
-}
-</style>