Date Input

```sql filtered_query
select 
    *
from ${orders_by_day}
where day > '${inputs.range_filtering_a_query.value}'
```

<DateInput
    name=date_filtering_a_query
    data={orders_by_day}
    dates=day
/>

<BarChart
    data={filtered_query}
    x=day
    y=sales
/>

<DateInput
    name=date_range_from_query
    data={orders_by_day}
    dates=day
/>

Date Selected: {inputs.date_input_from_query.value}

<DateInput
    name=date_range_with_title
    data={orders_by_day}
    dates=day
    title="Select a Date Input"/>

```sql filtered_query_ranged
select 
    *
from ${orders_by_day}
where day between '${inputs.range_filtering_a_query.start}' - '${inputs.range_filtering_a_query.end}'
```

<DateInput
    name=range_filtering_a_query
    data={orders_by_day}
    dates=day
    range
/>

<LineChart
    data={filtered_query_ranged}
    x=day
    y=sales
/>

<DateInput
    name=name_of_date_range
    defaultValue={'Last 7 Days'}
    range
/>

<DateInput
    name=name_of_date_range
    range
    presetRanges={'Last 7 Days'}
/>

<DateInput
    name=name_of_date_range
    range
    presetRanges={['Last 7 Days', 'Last 3 Months', 'Year to Date', 'All Time']}
/>

<DateInput
    name=manual_date_range
    start=2019-01-01
    end=2019-12-31
    range
/>