index.html



<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<title>Calendar Week</title>
	<meta http-equiv="content-type"             content="text/html;charset=UTF-8">
	<meta name="theme-color"                    content="#000000">
	<meta name="msapplication-TileColor"        content="#000000"/>
	<meta http-equiv="X-UA-Compatible"          content="IE=edge">
	<meta name="viewport"                       content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
	<link href="calendar-week.css" rel="stylesheet" type="text/css" />

</head>
<body>

<div id="cw-calendar"></div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="calendar-week.js"></script>

    <script>
        $('#cw-calendar').cwCalendar({
            arrowPrev: `<i class="fas fa-chevron-left"></i>`,
            arrowNext: `<i class="fas fa-chevron-right"></i>`
        });
    </script>

</body>
</html>