/* global document, customElements, BaseElement, Moment */

class CalendarIllustration extends BaseElement {
    constructor() {
        super().fetchTemplate();
    }

    /**
     * Draws the illustration.
     *
     * @return {CalendarIllustration}
     */
    draw() {
        const moment = Moment();

        this.dataset.time = moment.format('ha');
        this.dataset.quarter = moment.format('Q');

        return this;
    }
}

// Remember document from import scope. Needed for accessing elements inside
// the imported html…
CalendarIllustration.ownerDocument = document.currentScript.ownerDocument;

// @see https://developer.mozilla.org/docs/Web/API/CustomElementRegistry/define
customElements.define('calendar-illustration', CalendarIllustration);

@@ -375,15 +375,13 @@
 set.
-quarter
+month
  = m
@@ -398,9 +398,9 @@
 at('
-Q
+M
 ');%0A

Drop quarter in favor of month