perf/modules/calendar-input-sk/calendar-input-sk-demo.ts

import './index';
import { CalendarInputSk } from './calendar-input-sk';

const evt = document.getElementById('evt')!;
const locales = [undefined, undefined, undefined, 'zh-Hans-CN'];
document
  .querySelectorAll<CalendarInputSk>('calendar-input-sk')
  .forEach((ele, i) => {
    ele.displayDate = new Date(2020, 4, 21);
    ele.locale = locales[i];
    ele.addEventListener('input', (e) => {
      evt.innerText = (e as CustomEvent<Date>).detail.toString();
    });
  });

document
  .querySelector('#invalid')!
  .querySelector<HTMLInputElement>('input')!.value = '2020-';