Cacher is the code snippet organizer for pro developers

https://gijgo.com/datetimepicker

HEADER:
 <link href="https://unpkg.com/gijgo@1.9.11/css/gijgo.min.css" rel="stylesheet" type="text/css" />


FOOTER:

    <script src="{{ asset('js/jquery.min.js')  }}"></script>
    <script src="https://unpkg.com/gijgo@1.9.11/js/gijgo.min.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>


HTML:
<!-- EVENT DATE -->
<div class="form-group">
    <label>Event Date:</label>
    <div class="input-group mb-3">
        <input id="eventDate"  name="eventDate" width="276" />
    </div>
</div>

<!-- EVENT PUBLISH AT  -->
<div class="form-group">
    <label>Make this Event live on:</label>
    <div class="input-group mb-3">
        <input id="eventPublishedAt"  name="eventPublishedAt" width="276" />
    </div>
</div>


JS:
$('#eventDate').datetimepicker({
    footer: true,
    modal: true,
});

$('#eventPublishedAt').datepicker( {
    footer: true,
    modal: true,
});