How to use jqueryui in your form for datepicker show?

Question

Hi Team

 

I have a checkbox, i want if i click to it must populate the datepicker, i need some help below. The issue when i unchecked it its not hidding. I want a user when the first check it must must show, then when its not unchecked it must hide. I also getting javascript error, date.datepicker is not a function. what library are necessary for this exception?

 

class="form-group row">
                    class="col-sm-6">
                        @Html.EditorFor(model => model.ModuleName, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "ModuleName" } })

  

                class="form-group row">  

                    class="col-sm-2">  

                        @Html.CheckBoxFor(model => model.Lockuntil, new { @class = "rb", data_toggle = "hide-element", data_target = "#datepicker" })  

                        "date" type="text" />  

                        "checkbox" id="chkDisable" onclick="disableDP()">  

                    

  

                  

  

                  

                  

  

// javascrpit