Промяна на стандартния datepicker.

Стандартно за следното пропърти

[DataType(DataType.Date)]
public DateTime StartDate { get; set; }

ASP генерира следния html

<input class="form-control text-box single-line" 
       data-val="true" 
       data-val-required="The Instance start date field is required." 
       id="StartDate" name="StartDate" 
       value="2018-08-09" type="date">

Това (type="date") разчита на браузъра да покаже поле за дата,

но при различните браузъри изглежда различно. Копирах от нета следното:

Partial view ( _DatePicker.cshtml ) със скрипт:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script>
        $(function () {
            $("#datepicker").datepicker();
        });
</script>

Включване на partial-a 

@section Scripts {
    @{
        await Html.RenderPartialAsync("_DatePicker");
    }
}

Полето в HTML:

<div class="form-group">
    <label asp-for="EndDate">Dato</label>
    <input asp-for="EndDate" class="form-control" placeholder="Date for the meeting" id="datepicker">
    <span asp-validation-for="EndDate" class="text-danger"></span>
</div>

Когато пропъртито е с анотация DataType.Date се наслагват двата календара и става грозотия...

За да работи май пропъртито трябва да е string и да се парсва след това.

Какъв е правилният начин?

Помощ?