datepicker - Style / format

datepicker - Style / format

I am trying to include datepicker in a form.  In my form, the display is compressed, the Current date is not highlighted, and the forward, back links do not work.  I created a simple web page to test using the code on the site, this shows the same issues.  The format shown in the example [ https://jqueryui.com/datepicker/ ] would be fine.


I posted my test page at  http://50.77.3.204/datepicker.html

The entire page code is:

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>jQuery UI Datepicker - Default functionality</title>

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css/">

<link rel="stylesheet" href="/resources/demos/style.css">

<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>

<script>

$( function() {

$( "#datepicker" ).datepicker();

} );

</script>

</head>

<body>

<p>Date: <input type="text" id="datepicker"></p>

</body>

</html>


Being a novice at most web programing, all assistance is appreciated.  My first thought was a style sheet issue, but I have not been able to resolve it.


Thanks in advance.