component QuietHoursPicker {
  props {
    label = "Quiet hours"
    startName = "quietStart"
    endName = "quietEnd"
    start = "22:00"
    end = "08:00"
    timezone = "UTC"
    disabled = false
    class = ""
  }
  view {
    <fieldset class="wire-fieldset {class}" disabled="{disabled}"><legend class="wire-label">{label}</legend><div class="wire-form-row"><label class="wire-field"><span class="wire-label">From</span><input type="time" name="{startName}" value="{start}" class="wire-input" /></label><label class="wire-field"><span class="wire-label">Until</span><input type="time" name="{endName}" value="{end}" class="wire-input" /></label></div><p class="wire-field-message wire-field-message--help">Timezone: {timezone}</p></fieldset>
  }
}