How to use your datepicker in your form using jqueryui?

<div class="form-group row">
                    <div class="col-sm-6">
                        @Html.EditorFor(model => model.ModuleName, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "ModuleName" } })
                    </div>
                    <hr />
                </div>
                <div class="form-group row">
                    <div class="col-sm-2">
                        @Html.CheckBoxFor(model => model.Lockuntil, new { @class = "rb", data_toggle = "hide-element", data_target = "#datepicker" })
                        <input id="date" type="text" /><br />
                        <input type="checkbox" id="chkDisable" onclick="disableDP()">
                    </div>
                </div>

                <!--Jquery for datechecking-->
                <script type="text/javascript">
                $(function(){
    
    $('#date').datepicker({
        dateFormat: 'dd-mm-yy',
        altField: '#thealtdate',
        altFormat: 'dd-mm-yyyy'
    });
    
});

function disableDP(){
	$("#date").attr("disabled",  $("#chkDisable").is(":checked")).val("28-09-2020");
}
                </script>