Add input type = "date" to DateFilters.

[LewisFletcher]

It would be as simple as modifying the widgets that use dates to default to the DateInput widget, with the input_class = "date" specified. Here is an example:

Digging into filters.py, we can find the 'DateFromToRangeFilter'

It's base widget (in widgets.py) is the 'RangeWidget', which includes this init code:

class RangeWidget(SuffixedMultiWidget):
    template_name = "django_filters/widgets/multiwidget.html"
    suffixes = ["min", "max"]

def __init__(self, attrs=None):
    widgets = (forms.TextInput, forms.TextInput)
    super().__init__(widgets, attrs)

def decompress(self, value):
    if value:
        return [value.start, value.stop]
    return [None, None]

If we modified this code to use a DateInput with a specified input type, it would look like this:

class DateInput(forms.DateInput):
    input_type = 'date'

class` RangeWidget(SuffixedMultiWidget):
    template_name = "django_filters/widgets/multiwidget.html"
    suffixes = ["min", "max"]

    def __init__(self, attrs=None):
        widgets = (DateInput, DateInput)
        super().__init__(widgets, attrs)

    def decompress(self, value):
        if value:
            return [value.start, value.stop]
        return [None, None]

And would render with much better default styling, including a calander drop down for selecting the date:

(Original date selector without added code below)