<?php 
echo phpinfo();
?>

<!DOCTYPE html>
<html>
<head>
    <title>Date and Time Picker Example</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempus-dominus/5.1.2/css/tempus-dominus.min.css" />
</head>
<body>
    <div class="container">
        <label for="scheduleDateTime">Select Date and Time:</label>
        <div class="input-group date" id="scheduleDateTime">
            <input type="text" class="form-control" />
            <span class="input-group-append">
                <span class="input-group-text">
                    <i class="fa fa-calendar"></i>
                </span>
            </span>
        </div>
    </div>
    
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tempus-dominus/5.1.2/js/tempus-dominus.min.js"></script>
    <script>
    $(function () {
        $('#scheduleDateTime').datetimepicker({
            format: 'YYYY-MM-DD HH:mm:ss'
        });
    });
    </script>
</body>
</html>
