<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Elix CalendarMonthNavigator</title>

  <link rel="stylesheet" href="demos.css">
  <script src="node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce.js"></script>
  <script type="module" src="../src/CalendarMonthNavigator.js"></script>

</head>

<body role="main">
  <div class="demo padded">
    <elix-calendar-month-navigator id="calendar"></elix-calendar-month-navigator>
    <p>
      <button onclick="calendar.date = new Date();">Today</button>
    </p>
  </div>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Elix CalendarMonthNavigator</title>

  <link rel="stylesheet" href="demos.css">
  <script src="node_modules/@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce.js"></script>
  <script type="module" src="../src/CalendarMonthNavigator.js"></script>

</head>

<body role="main">
  <div class="demo padded">
    <elix-calendar-month-navigator id="calendar"></elix-calendar-month-navigator>
  </div>
</body>

</html>

Remove today button from CalendarMonthNavigator demo to avoid implying that button is part of the component.
Remove today button from CalendarMonthNavigator demo to avoid implying that button is part of the component.
