What are these datepicker widget files for

What are these datepicker widget files for

I downloaded the datepicker widget (just the datepicker) from  this site and i got all of these file and folders:

However I got the datepicker working ok by just referring to two of them ( query-ui.css and  /jquery-ui.js) in the following:

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <title>jQuery UI Datepicker - Default functionality</title>
  7.   <link rel="stylesheet" href="jquery/jquery-ui.css">
  8.   <script src="jquery/jquery-3.2.1.min.js"></script>
  9.   <script src="jquery/jquery-ui.js"></script>
  10.   <script>
  11.   $( function() {
  12.     $( "#datepicker" ).datepicker(
  13.     {
  14.      changeMonth: true,
  15.      changeYear: true,
  16.      yearRange: "1949:2025"
  17.     }
  18.     );
  19.   } );
  20.   </script>
  21. </head>
  22. <body>
  23.  <p>Date: <input type="text" id="datepicker"></p>
  24.   
  25. </body>
  26. </html>
Where can I find out what these other files are for and when to I need to referred to them?