Custom HTML file create datetime

[codeboy]

I created a custom html. It has input text inside. How can I do this in datetime?
"datepicker" and so on did not work.

<div class="cell col-sm-6 form-group">
    <label class="control-label"><span class="label-text">Start Date</span></label>
    <div class="input-group">
        <input class="main-element form-control datepicker" name="startdate" type="text" value="{{startDate}}" placeholder="Select date" autocomplete="off">
    </div>
</div>

[tanya]

https://github.com/espocrm/espocrm/blob/master/client/src/views/fields/date.js#L147

[codeboy]

https://github.com/espocrm/espocrm/b...s/date.js#L147

I don't understand sorry, how do I use it in HTML?

[tanya]

You have to initialize datepicker in js.
https://jqueryui.com/datepicker/ (view source)

[codeboy]

You have to initialize datepicker in js.
https://jqueryui.com/datepicker/ (view source)

It's worked. Thanks.

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div class="row">
    <div class="cell col-sm-3 form-group">
        <label class="control-label"><span class="label-text">Start Date</span></label>
        <div class="input-group">
            <input class="main-element form-control datepicker" name="startdate" type="text" value="{{startDate}}" placeholder="Tarih Seçiniz" autocomplete="off">
        </div>
    </div>
    <div class="cell col-sm-3 form-group">
        <label class="control-label"><span class="label-text">End Date</span></label>
        <div class="input-group">
            <input class="main-element form-control datepicker" name="enddate" type="text" value="{{endDate}}" placeholder="Tarih Seçiniz" autocomplete="off">
        </div>
    </div>
</div>

<script>
    $( function() {
      $( ".datepicker" ).datepicker();
    } );
</script>