'How to fix 2 datepicker displaying for single textbox?

Hi I using Datepicker to choose start date and end date in popup.

But for the start date,it is showing 2 date picker, but for End date it is working fine with single date picker. How to fix it?

Codes below:

<div id="SelectDates" class="response-msg confirm ui-corner-all" style="display: none">
<div class="row">
<div class="col-12 col-lg-12"> <div class="form-control-stack required">
<label for="" class="font-weight-medium" id="lblStatusMsg"> Start Date</label>
@{Html.RenderAction("RequestDatePicker", "Base", new { id = "txtstartdate1", sStatusDate = "" });}
</div></div>
<div class="col-12 col-lg-12"> <div class="form-control-stack required">
<label for="" class="font-weight-medium" id="lblStatusMsg1"> EndDate</label>
@{Html.RenderAction("RequestDatePicker", "Base", new { id = "txtenddate", sStatusDate = "" });}
</div></div>
</div>
<input autofocus type="hidden">
</div>

Java script as follows:

$("#SelectDates").attr('title', 'Select Dates');

         $("#datepicker_txtstartdate1").datepicker('setStartDate', new Date(Highlighted_StartDate));
        $("#datepicker_txtstartdate1").datepicker('setEndDate', new Date(Highlighted_EndDate));

 $("#datepicker_txtenddate").datepicker('setStartDate', new Date(Highlighted_StartDate));
        $("#datepicker_txtenddate").datepicker('setEndDate', new Date(Highlighted_EndDate));

$(function () {
            $("#SelectDates").dialog({
                resizable: false,
                position: 'center',
                height: 250,
                width: 400,    
 close: function (event, ui) {
                  
                    if (document.getElementById("datepicker_txtstartdate1").value != "" && document.getElementById("datepicker_txtenddate").value != "")
                    { 
                    if (GetDate()) {                     
                           var SD= document.getElementById("datepicker_txtstartdate1").value;
                           var ED= document.getElementById("datepicker_txtenddate").value;
                       
                        $(this).parent().find('.ui-dialog-buttonpane').remove();
                      }
                    }
                 
                },
                modal: true,
});
        });

StartDate Image below:

enter image description here

End Date Image below:

enter image description here



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source