add template submissions filters

app/javascript/application.js

@@ -30,6 +30,7 @@ import ToggleAttribute from './elements/toggle_attribute'
 import LinkedInput from './elements/linked_input'
 import CheckboxGroup from './elements/checkbox_group'
 import MaskedInput from './elements/masked_input'
+import SetDateButton from './elements/set_date_button'
 
 import * as TurboInstantClick from './lib/turbo_instant_click'
 
@@ -97,6 +98,7 @@ safeRegisterElement('toggle-attribute', ToggleAttribute)
 safeRegisterElement('linked-input', LinkedInput)
 safeRegisterElement('checkbox-group', CheckboxGroup)
 safeRegisterElement('masked-input', MaskedInput)
+safeRegisterElement('set-date-button', SetDateButton)
 
 safeRegisterElement('template-builder', class extends HTMLElement {
   connectedCallback () {

app/javascript/elements/set_date_button.js

@@ -0,0 +1,17 @@
+export default class extends HTMLElement {
+  connectedCallback () {
+    this.dateFrom = this.dataset.fromValue
+    this.dateTo = this.dataset.toValue
+    this.dateFromInput = document.getElementById(this.dataset.fromId)
+    this.dateToInput = document.getElementById(this.dataset.toId)
+
+    this.button.addEventListener('click', () => {
+      this.dateFromInput.value = this.dateFrom || ''
+      this.dateToInput.value = this.dateTo || ''
+    })
+  }
+
+  get button () {
+    return this.querySelector('button')
+  }
+}