component DateRangePicker {
  props {
    class = ""
    label = "Date range"
    startName = "startDate"
    endName = "endDate"
  }
  view {
    <fieldset class="{class}"><legend class="mb-2 text-sm font-semibold">{label}</legend><div class="grid gap-3 sm:grid-cols-2"><DateInput id="{startName}" name="{startName}" label="Start date" /><DateInput id="{endName}" name="{endName}" label="End date" /></div></fieldset>
  }
}