vanilla-calendar-pro
Version:
The Vanilla Calendar Pro is a versatile JavaScript date and time picker component with TypeScript support, making it compatible with any JavaScript frameworks and libraries. It is designed to be lightweight, easy to use, and feature-rich, without relying
30 lines (27 loc) • 1.21 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The Vanilla Calendar Pro is a versatile JavaScript date and time picker component with TypeScript support, making it compatible with any JavaScript frameworks and libraries.</title>
<link href="./styles/index.css" rel="stylesheet" />
<script src="./utils/index.js" defer></script>
<script src="./index.js" defer></script>
</head>
<body style="display: flex; justify-items: flex-start">
<div id="calendar"></div>
<script>
document.addEventListener('DOMContentLoaded', () => {
// Destructuring the Calendar constructor and its utilities.
const { Calendar } = window.VanillaCalendarPro;
const { getDateString } = window.VanillaCalendarProUtils;
// Instantiate the calendar and initialize it.
const calendar = new Calendar('#calendar');
calendar.init();
// Create logs for demonstration.
console.log('A copy of the calendar:', calendar);
console.log('Date string conversion utility:', getDateString(new Date()));
});
</script>
</body>
</html>