Get started with baremetrics-calendar CDN

MIT licensed

Lightweight, customizable date picker: baremetrics-calendar library.

Tags:
  • calendar.js
  • baremetrics
  • date
  • range
  • picker

Stable version

Copied!

How to start using baremetrics-calendar CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with baremetrics-calendar CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://cdn.cdnhub.io/baremetrics-calendar/1.0.14/css/Calendar.min.css" />
</head>
<body>
  <div id="calendar"></div>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
  <script src="https://cdn.cdnhub.io/baremetrics-calendar/1.0.14/js/Calendar.min.js"></script>
  <script>
    const calendar = new BaremetricsCalendar('#calendar', {
      startDate: new Date(),
      endDate: new Date(new Date().setDate(new Date().getDate() + 30)),
      onSelectDate: (date) => {
        console.log('Selected date:', date);
      },
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions