ngx-mat-tui-calendar 0.0.11 → 0.0.15

package/bundles/ngx-mat-tui-calendar.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core')) :
-    typeof define === 'function' && define.amd ? define('ngx-mat-tui-calendar', ['exports', '@angular/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ngx-mat-tui-calendar"] = {}, global.ng.core));
-})(this, (function (exports, i0) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material/dialog'), require('distinct-colors'), require('uuid'), require('@fortawesome/free-solid-svg-icons'), require('tui-calendar'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/radio'), require('@angular/material/datepicker'), require('@angular/material/divider'), require('@angular/material/button'), require('@angular/material/input'), require('@angular/common'), require('mat-timepicker'), require('@angular/material/toolbar'), require('@fortawesome/angular-fontawesome'), require('@angular/material/button-toggle'), require('@angular/platform-browser/animations'), require('@angular/platform-browser'), require('@angular/flex-layout'), require('@angular/common/http'), require('@angular/cdk/overlay'), require('@angular/material/card'), require('@angular/material/icon'), require('@angular/material/core'), require('@angular/material/slide-toggle')) :
+    typeof define === 'function' && define.amd ? define('ngx-mat-tui-calendar', ['exports', '@angular/core', '@angular/material/dialog', 'distinct-colors', 'uuid', '@fortawesome/free-solid-svg-icons', 'tui-calendar', '@angular/forms', '@angular/material/form-field', '@angular/material/radio', '@angular/material/datepicker', '@angular/material/divider', '@angular/material/button', '@angular/material/input', '@angular/common', 'mat-timepicker', '@angular/material/toolbar', '@fortawesome/angular-fontawesome', '@angular/material/button-toggle', '@angular/platform-browser/animations', '@angular/platform-browser', '@angular/flex-layout', '@angular/common/http', '@angular/cdk/overlay', '@angular/material/card', '@angular/material/icon', '@angular/material/core', '@angular/material/slide-toggle'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["ngx-mat-tui-calendar"] = {}, global.ng.core, global.ng.material.dialog, global.distinctColors, global.uuid, global.freeSolidSvgIcons, global.Calendar, global.ng.forms, global.ng.material.formField, global.ng.material.radio, global.ng.material.datepicker, global.ng.material.divider, global.ng.material.button, global.ng.material.input, global.ng.common, global.i10, global.ng.material.toolbar, global.i4$1, global.ng.material.buttonToggle, global.ng.platformBrowser.animations, global.ng.platformBrowser, global.ng.flexLayout, global.ng.common.http, global.ng.cdk.overlay, global.ng.material.card, global.ng.material.icon, global.ng.material.core, global.ng.material.slideToggle));
+})(this, (function (exports, i0, i1, distinctColors, uuid, freeSolidSvgIcons, Calendar, i7, i2, i3, i4, i5, i6, i8, i9, i10, i2$1, i4$1, i5$1, animations, platformBrowser, flexLayout, http, overlay, card, icon, core, slideToggle) { 'use strict';
+
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -23,6 +25,21 @@
     }
 
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var distinctColors__default = /*#__PURE__*/_interopDefaultLegacy(distinctColors);
+    var Calendar__default = /*#__PURE__*/_interopDefaultLegacy(Calendar);
+    var i7__namespace = /*#__PURE__*/_interopNamespace(i7);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
+    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
+    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
+    var i8__namespace = /*#__PURE__*/_interopNamespace(i8);
+    var i9__namespace = /*#__PURE__*/_interopNamespace(i9);
+    var i10__namespace = /*#__PURE__*/_interopNamespace(i10);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
+    var i5__namespace$1 = /*#__PURE__*/_interopNamespace(i5$1);
 
     var NgxMatTuiCalendarService = /** @class */ (function () {
         function NgxMatTuiCalendarService() {
@@ -38,39 +55,1178 @@
                     }]
             }], ctorParameters: function () { return []; } });
 
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
+            }
+            return t;
+        };
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
+            }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
+            }
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
+        });
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
+                            }
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+
+    // import { TZDate } from 'tui-calendar';
+    var LocalDate = /** @class */ (function () {
+        // month = 1 to 12
+        function LocalDate(args) {
+            var numbers;
+            if (typeof args == 'string') {
+                numbers = LocalDate.parse_YYYYMMDD(args);
+            }
+            else if (args instanceof LocalDate) {
+                numbers = args.get();
+            }
+            else if (args instanceof Date) {
+                numbers = LocalDate.convertDateToNumbers(args);
+            }
+            else if (typeof args.toDate === 'function') {
+                numbers = LocalDate.convertDateToNumbers(args.toDate());
+            }
+            else if (args['_date'] instanceof Date) {
+                numbers = LocalDate.convertDateToNumbers(args['_date']);
+            }
+            else if (args instanceof Object) {
+                numbers = args;
+            }
+            this.date = LocalDate.convertNumbersToDate(numbers);
+        }
+        LocalDate.convertToJsDate = function (args) {
+            return (new LocalDate(args)).toDate();
+        };
+        // return new LocalDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+        LocalDate.parse_YYYYMMDD = function (str) {
+            // yyyy-mm-dd
+            var regexp = /^(\d\d\d\d)-(\d\d)-(\d\d)/g;
+            var matches = Array.from(str.matchAll(regexp), function (m) { return ({
+                year: Number(m[1]),
+                month: Number(m[2]),
+                day: Number(m[3])
+            }); });
+            if (matches.length != 1) {
+                console.error("dateIn: unknown date format: " + str);
+                return null;
+            }
+            return matches[0];
+        };
+        LocalDate.convertNumbersToDate = function (_a) {
+            var year = _a.year, month = _a.month, day = _a.day, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds, milliseconds = _a.milliseconds;
+            // month = 1 to 12
+            // start with today's *local* date. this si really important
+            var date = new Date();
+            date.setFullYear(year);
+            date.setMonth((month == null) ? 0 : month - 1);
+            date.setDate((day == null) ? 1 : day);
+            date.setHours((hours == null) ? 0 : hours);
+            date.setMinutes((minutes == null) ? 0 : minutes);
+            date.setSeconds((seconds == null) ? 0 : seconds);
+            date.setMilliseconds((milliseconds == null) ? 1 : milliseconds);
+            return date;
+        };
+        LocalDate.convertDateToNumbers = function (date) {
+            // month = 1 to 12
+            return {
+                year: date.getFullYear(),
+                month: date.getMonth() + 1,
+                day: date.getDate(),
+                hours: date.getHours(),
+                minutes: date.getMinutes(),
+                seconds: date.getSeconds(),
+                milliseconds: date.getMilliseconds(),
+            };
+        };
+        LocalDate.prototype.get = function () {
+            return LocalDate.convertDateToNumbers(this.date);
+        };
+        LocalDate.prototype.toMsgFormat = function () {
+            return this.toYYYYMMDD();
+        };
+        LocalDate.prototype.toYYYYMMDD = function () {
+            // yyyy-mm-dd
+            var yyyy = this.date.getFullYear();
+            var mm = (this.date.getMonth() + 1).toString().padStart(2, '0');
+            var dd = (this.date.getDate()).toString().padStart(2, '0');
+            var str = yyyy + "-" + mm + "-" + dd;
+            // console.warn(`date=${str}=${this.toDisplayFormat()}`);
+            return str;
+        };
+        LocalDate.prototype.toDisplayDateFormat = function () {
+            return this.date.toLocaleDateString("en-US", {
+                weekday: 'short',
+                year: 'numeric',
+                month: 'short',
+                day: 'numeric',
+            });
+        };
+        LocalDate.prototype.toDisplayFormat = function () {
+            return this.date.toString();
+        };
+        LocalDate.prototype.toDate = function () {
+            return this.date;
+        };
+        LocalDate.prototype.clearTime = function () {
+            this.date.setHours(0, 0, 0, 1);
+        };
+        return LocalDate;
+    }());
+
+    var NgxMatTuiCalendarEditorDialogComponent = /** @class */ (function () {
+        function NgxMatTuiCalendarEditorDialogComponent(data, dialogRef) {
+            // console.log('NgxMatTuiCalendarEditorDialogComponent.constructor: schedule:', schedule);
+            this.data = data;
+            this.dialogRef = dialogRef;
+            this.titleStr = '';
+            this.locationStr = '';
+            this.closed = false;
+            this.isAllDay = false;
+            this.themeClass = '';
+            console.log('NgxMatTuiCalendarEditorDialogComponent.constructor: data:', data);
+            this.color = data.darkMode ? 'accent' : 'primary';
+            var schedule = data.schedule;
+            if (schedule == null) {
+                this.id = null;
+            }
+            else {
+                if (schedule.id) {
+                    this.id = schedule.id.toString();
+                }
+            }
+            this.titleStr = (schedule.title) ? schedule.title.toString() : '';
+            this.locationStr = (schedule.location) ? schedule.location.toString() : '';
+            this.isAllDay = (schedule.isAllDay == true);
+            this.startDate = LocalDate.convertToJsDate(schedule.start);
+            this.endDate = LocalDate.convertToJsDate(schedule.end);
+            this.startTime = new Date(this.startDate);
+            this.endTime = new Date(this.endDate);
+            this.startDate.setHours(0, 0, 0, 1);
+            this.endDate.setHours(0, 0, 0, 1);
+            this.eventForm = new i7.FormGroup({
+                title: new i7.FormControl(this.titleStr),
+                location: new i7.FormControl(this.locationStr),
+                scheduleType: new i7.FormControl((schedule.isAllDay == true) ? "all-day" : "time-slot"),
+                start: new i7.FormControl(this.startDate),
+                end: new i7.FormControl(this.endDate),
+                date: new i7.FormControl(this.startDate),
+                time1: new i7.FormControl(this.startTime),
+                time2: new i7.FormControl(this.endTime, [i7.Validators.required]),
+            }, this.getDateValidator());
+        }
+        NgxMatTuiCalendarEditorDialogComponent.prototype.getDateValidator = function () {
+            var validator = function (group) {
+                var scheduleType = group.get("scheduleType").value;
+                if (group.get("scheduleType").value == "time-slot") {
+                    var time1 = group.get("time1").value;
+                    var time2 = group.get("time2").value;
+                    if (time1 >= time2) {
+                        return {
+                            dates: "End time must be later than the start time"
+                        };
+                    }
+                }
+                return {};
+            };
+            return validator;
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.ngOnInit = function () {
+            // console.dir(`Dialog config: ${this.dialogConfig}`);
+            // let start: Date = (LocalDate.convertToJsDate(this.schedule.start)).toDate();
+            // let end: Date = (LocalDate.convertToJsDate(this.schedule.end)).toDate();
+            // this.eventForm.get("date").setValue(start);
+            // this.eventForm.get("start").setValue(start);
+            // this.eventForm.get("end").setValue(end);
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.onSave = function (form) {
+            // console.log(`onSave form.invalid=${form.invalid}; this.closed=${this.closed} this.titleStr=${this.titleStr}`);
+            if (form.invalid || this.closed)
+                return;
+            var schedule = this.data.schedule;
+            schedule.title = this.eventForm.get("title").value;
+            schedule.location = this.eventForm.get("location").value;
+            schedule.isAllDay = this.isAllDay;
+            schedule.category = this.isAllDay ? 'allday' : 'time'; // CATEGORY MUST BE DEFINED: 'milestone', 'task', allday', 'time'
+            if (this.isAllDay) {
+                schedule.start = LocalDate.convertToJsDate(this.eventForm.get("start").value);
+                schedule.start.setHours(0, 0, 0, 1);
+                schedule.end = LocalDate.convertToJsDate(this.eventForm.get("end").value);
+                schedule.end.setHours(0, 0, 0, 1);
+            }
+            else {
+                this.startTime = LocalDate.convertToJsDate(this.eventForm.get("time1").value);
+                schedule.start = LocalDate.convertToJsDate(this.eventForm.get("date").value);
+                schedule.start.setHours(this.startTime.getHours(), this.startTime.getMinutes(), this.startTime.getSeconds(), this.startTime.getMilliseconds());
+                this.endTime = LocalDate.convertToJsDate(this.eventForm.get("time2").value);
+                schedule.end = LocalDate.convertToJsDate(this.eventForm.get("date").value);
+                schedule.end.setHours(this.endTime.getHours(), this.endTime.getMinutes(), this.endTime.getSeconds(), this.endTime.getMilliseconds());
+            }
+            // console.log(`pop-up-event-editor.component.ts: user clicked SAVE event=${schedule}`);
+            // this.eventOutput.emit(schedule);
+            form.resetForm();
+            this.closeMe(schedule);
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.onCancel = function () {
+            // this.cancelled.emit();
+            // console.log('openPopupScheduleEditor: user clicked CANCEL');
+            this.closeMe(null);
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.onDelete = function () {
+            // this.cancelled.emit();
+            // console.log('openPopupScheduleEditor: user clicked DELETE');
+            this.closeMe(this.data.schedule, true);
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.closeMe = function (schedule, performDelete) {
+            // console.log('closeMe: The dialog is closing', schedule);
+            this.closed = true;
+            this.dialogRef.close({ schedule: schedule, performDelete: (performDelete == true) });
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.log = function (str) {
+            console.warn(str);
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.onUseAllDay = function () {
+            this.isAllDay = true;
+        };
+        NgxMatTuiCalendarEditorDialogComponent.prototype.onUseTimeSlot = function () {
+            this.isAllDay = false;
+        };
+        return NgxMatTuiCalendarEditorDialogComponent;
+    }());
+    NgxMatTuiCalendarEditorDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarEditorDialogComponent, deps: [{ token: i1.MAT_DIALOG_DATA }, { token: i1__namespace.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    NgxMatTuiCalendarEditorDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: NgxMatTuiCalendarEditorDialogComponent, selector: "ngx-mat-tui-calendar-editor-dialog", ngImport: i0__namespace, template: "<div [className]=\"data.themeClass + ' ' + 'event-editor'\">\n    <form id=\"my-form\" [formGroup]=\"eventForm\" class=\"event-editor-form\" (submit)=\"onSave(postForm);\" #postForm=\"ngForm\">\n      <div class=\"grid-wrapper\">\n        <div class=\"grid-title\">\n          <mat-form-field [color]=\"color\" class=\"editor-title\">\n            <input matInput type=\"text\" name=\"title\" formControlName=\"title\" placeholder=\"Title\">\n            <!-- <mat-error style=\"height: fit-content;\" *ngIf=\"title.invalid\">Please enter a title (of 1 characters or more)\n              for\n              your event.</mat-error> -->\n          </mat-form-field>\n        </div>\n        <div class=\"grid-location\">\n          <mat-form-field [color]=\"color\" class=\"editor-location\">\n            <input matInput type=\"location\" name=\"location\" formControlName=\"location\" placeholder=\"Location\">\n          </mat-form-field>\n        </div>\n        <div class=\"grid-radios\" style=\"display: flex;\">\n          <mat-radio-group [color]=\"color\" aria-label=\"Select an option\"  style=\"margin-bottom: 1em;\" name=\"scheduleType\"\n            formControlName=\"scheduleType\" required>\n            <mat-radio-button value=\"all-day\" (change)=\"onUseAllDay()\" id=\"button-all-day\" [color]=\"color\" class=\"radio-button\">All Day\n            </mat-radio-button>\n            <mat-radio-button value=\"time-slot\" (change)=\"onUseTimeSlot()\" id=\"button-time-slot\" [color]=\"color\" class=\"radio-button\">Time Slot\n            </mat-radio-button>\n          </mat-radio-group>\n        </div>\n        <div class=\"grid-date\">\n          <mat-form-field *ngIf=\"isAllDay\" [color]=\"color\" class=\"date-range-form-field\" appearance=\"fill\">\n            <mat-label [color]=\"color\">Pick a Date Range</mat-label>\n            <mat-date-range-input [color]=\"color\" [panelClass]=\"data.themeClass\" [rangePicker]=\"rangePicker\" #dateRangeInput>\n              <input matStartDate placeholder=\"Start date\" formControlName=\"start\" name=\"start\">\n              <input matEndDate placeholder=\"End date\" formControlName=\"end\" name=\"end\">\n            </mat-date-range-input>\n           <mat-datepicker-toggle [color]=\"color\" [panelClass]=\"data.themeClass\" matSuffix [for]=\"rangePicker\"></mat-datepicker-toggle>\n            <mat-date-range-picker [color]=\"color\" class=\"picker\" #rangePicker></mat-date-range-picker>\n          </mat-form-field>\n          <mat-form-field [color]=\"color\" *ngIf=\"!isAllDay\" class=\"date-form-field\" appearance=\"fill\">\n            <mat-label>Choose a date</mat-label>\n            <input matInput [matDatepicker]=\"dpicker\" formControlName=\"date\" name=\"date\">\n            <mat-datepicker-toggle [color]=\"color\" matSuffix [for]=\"dpicker\"></mat-datepicker-toggle>\n            <mat-datepicker [color]=\"color\" #dpicker></mat-datepicker>\n          </mat-form-field>\n        </div>\n        <div *ngIf=\"!isAllDay\" class=\"grid-time time-slot\">\n          <mat-form-field [color]=\"color\" class=\"form-field-time\" appearance=\"fill\">\n            <mat-label>Start</mat-label>\n            <input matTimepicker [color]=\"color\" [strict]=\"false\" id=\"timepicker-start\" mode=\"12h\" formControlName=\"time1\" name=\"time1\"\n              placeholder=\"Please select time...\">\n          </mat-form-field>\n          <mat-form-field [color]=\"color\" class=\"form-field-time\" appearance=\"fill\">\n            <mat-label>End</mat-label>\n            <input matTimepicker [color]=\"color\" [strict]=\"false\" id=\"timepicker-end\" mode=\"12h\" formControlName=\"time2\" name=\"time2\"\n              placeholder=\"Please select time...\">\n          </mat-form-field>\n        </div>\n        <div *ngIf=\"!isAllDay\" class=\"grid-error\">\n          <label *ngIf=\"eventForm.invalid\">{{ eventForm.errors?.dates }}</label>\n        </div>\n      </div>\n      <mat-divider></mat-divider>\n      <div class=\"editor-footer\">\n        <button mat-raised-button [color]=\"color\" id=\"editor-submit-button\" type=\"submit\" style=\"margin-right: 4px;\">SAVE</button>\n        <button mat-raised-button id=\"editor-delete-button\" type=\"button\" (click)=\"onDelete()\" *ngIf=\"(data.schedule.id!=null)\">DELETE</button>\n        <button mat-raised-button id=\"editor-cancel-button\" type=\"button\" (click)=\"onCancel()\">CANCEL</button>\n      </div>\n    </form>\n  </div>", styles: [".event-editor{padding:.25rem;margin-top:.25rem;max-width:425px}.grid-wrapper{display:grid;grid-template-columns:110px 290px;grid-template-rows:50px 50px 70px 70px 20px;grid-gap:2px;gap:2px}.grid-title{grid-column:1/3;grid-row:1}.grid-location{grid-column:1/3;grid-row:2}.grid-radios{grid-column:1;grid-row:3}.grid-date{grid-column:2;grid-row:3}.grid-time{grid-column:2;grid-row:4}.grid-error{grid-column:1/3;grid-row:5}.editor-title{width:100%;margin-bottom:auto}.editor-location{width:100%;margin-bottom:auto}.editor-footer{justify-self:right;align-self:center;margin-top:.5rem;height:40px}#editor-cancel-button{float:right}.date-range-form-field{width:290px}.date-form-field{width:290px}.time-slot{display:flex;flex-direction:row}.form-field-time{width:140px;padding:0;margin-right:10px}.form-field-time-wrapper{width:140px;padding:0 8px;margin-right:10px}.radio-button{width:120px;margin-top:10px;margin-bottom:10px;display:flex;flex-direction:row}.grid-error{color:red;font-size:.8rem}\n"], components: [{ type: i2__namespace.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { type: i4__namespace.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["separator", "comparisonStart", "comparisonEnd", "rangePicker", "required", "dateFilter", "min", "max", "disabled"], exportAs: ["matDateRangeInput"] }, { type: i4__namespace.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["tabIndex", "disabled", "for", "aria-label", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i4__namespace.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { type: i4__namespace.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { type: i5__namespace.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { type: i6__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i7__namespace.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i7__namespace.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i7__namespace.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i8__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i7__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i7__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i7__namespace.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i3__namespace.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i7__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.MatLabel, selector: "mat-label" }, { type: i4__namespace.MatStartDate, selector: "input[matStartDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { type: i4__namespace.MatEndDate, selector: "input[matEndDate]", inputs: ["errorStateMatcher"], outputs: ["dateChange", "dateInput"] }, { type: i2__namespace.MatSuffix, selector: "[matSuffix]" }, { type: i4__namespace.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i10__namespace.MatTimepickerDirective, selector: "input[matTimepicker]", inputs: ["okButtonTemplate", "cancelButtonTemplate", "okLabel", "cancelLabel", "anteMeridiemAbbreviation", "postMeridiemAbbreviation", "mode", "color", "disableDialogOpenOnClick", "strict", "value", "id", "errorStateMatcher", "disabled", "readonly", "required", "placeholder", "minDate", "maxDate"], outputs: ["timeChange", "invalidInput"], exportAs: ["matTimepicker"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarEditorDialogComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ngx-mat-tui-calendar-editor-dialog',
+                        templateUrl: './ngx-mat-tui-calendar-editor-dialog.component.html',
+                        styleUrls: ['./ngx-mat-tui-calendar-editor-dialog.component.scss']
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: undefined, decorators: [{
+                            type: i0.Inject,
+                            args: [i1.MAT_DIALOG_DATA]
+                        }] }, { type: i1__namespace.MatDialogRef }];
+        } });
+
+    var NgxMatTuiCalendarWrapperComponent = /** @class */ (function () {
+        function NgxMatTuiCalendarWrapperComponent() {
+        }
+        NgxMatTuiCalendarWrapperComponent.prototype.ngOnInit = function () {
+        };
+        return NgxMatTuiCalendarWrapperComponent;
+    }());
+    NgxMatTuiCalendarWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarWrapperComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    NgxMatTuiCalendarWrapperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: NgxMatTuiCalendarWrapperComponent, selector: "ngx-mat-tui-calendar-wrapper", ngImport: i0__namespace, template: "<div id=\"calendar\"></div>  <!-- TUI Calendar gets instatited here -->\n", styles: [".tui-full-calendar-week-container{min-height:auto}\n"], encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarWrapperComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ngx-mat-tui-calendar-wrapper',
+                        templateUrl: './ngx-mat-tui-calendar-wrapper.component.html',
+                        styleUrls: ['./ngx-mat-tui-calendar-wrapper.component.scss'],
+                        encapsulation: i0.ViewEncapsulation.None, // this is needed so that our css rules override those in tui-calendar package
+                    }]
+            }], ctorParameters: function () { return []; } });
+
     var NgxMatTuiCalendarComponent = /** @class */ (function () {
-        function NgxMatTuiCalendarComponent() {
+        function NgxMatTuiCalendarComponent(dialog) {
+            this.dialog = dialog;
+            this.iconToday = freeSolidSvgIcons.faCalendarCheck;
+            // iconPrev = faCaretSquareLeft;
+            // iconNext = faCaretSquareRight;
+            this.iconPrev = freeSolidSvgIcons.faCaretLeft;
+            this.iconNext = freeSolidSvgIcons.faCaretRight;
+            this.iconLongPrev = freeSolidSvgIcons.faBackward;
+            this.iconLongNext = freeSolidSvgIcons.faForward;
+            this.iconByMonth = freeSolidSvgIcons.faTable;
+            this.iconByWeek = freeSolidSvgIcons.faColumns;
+            this.iconByDay = freeSolidSvgIcons.faListAlt;
+            this.userCreatedSchedule = new i0.EventEmitter();
+            this.userUpdatedSchedule = new i0.EventEmitter();
+            this.userDeletedSchedule = new i0.EventEmitter();
+            // we slice off the first color since it is gray
+            this.colors = distinctColors__default["default"]({ lightMin: 70, count: 15 }).slice(1);
+            this.colorIndex = 0;
+            this.calendarId = uuid.v4();
         }
         NgxMatTuiCalendarComponent.prototype.ngOnInit = function () {
+            this.createTUICalendar(null);
+            this.bindCallbacks();
+        };
+        NgxMatTuiCalendarComponent.prototype.ngOnChanges = function (changes) {
+            console.warn(changes);
+            if (this.calendar) {
+                if (changes.options) {
+                    console.warn("change.option:", changes.options);
+                    var options = changes.options.currentValue;
+                    if (!options.theme) {
+                        options.theme = this.getDefaultTheme();
+                    }
+                    console.warn("TUI theme:", options.theme);
+                    this.calendar.setOptions(options.ioptions);
+                    this.calendar.setTheme(options.theme);
+                    this.calendar.render(true);
+                }
+            }
+        };
+        NgxMatTuiCalendarComponent.prototype.ngOnDestroy = function () {
+            this.calendar.destroy();
+        };
+        NgxMatTuiCalendarComponent.prototype.onCalendarLongPrev = function () {
+            var date = this.calendar.getDate().toDate();
+            var days = 0;
+            var months = 0;
+            var years = 0;
+            switch (this.calendar.getViewName()) {
+                case 'day':
+                    days = -7;
+                    break;
+                case 'week':
+                    days = -28;
+                    break;
+                case 'month':
+                    years = -1;
+                    break;
+            }
+            date.setFullYear(date.getFullYear() + years);
+            date.setMonth(date.getMonth() + months); // date class does the modular arithmetic
+            date.setDate(date.getDate() + days); // date class does the modular arithmetic
+            this.calendar.setDate(date);
+        };
+        NgxMatTuiCalendarComponent.prototype.onCalendarPrev = function () {
+            this.calendar.prev();
+        };
+        NgxMatTuiCalendarComponent.prototype.onCalendarToday = function () {
+            this.calendar.today();
+        };
+        NgxMatTuiCalendarComponent.prototype.onCalendarNext = function () {
+            this.calendar.next();
+        };
+        NgxMatTuiCalendarComponent.prototype.onCalendarLongNext = function () {
+            var date = this.calendar.getDate().toDate();
+            var days = 0;
+            var months = 0;
+            var years = 0;
+            switch (this.calendar.getViewName()) {
+                case 'day':
+                    days = 7;
+                    break;
+                case 'week':
+                    days = 28;
+                    break;
+                case 'month':
+                    years = 1;
+                    break;
+            }
+            date.setFullYear(date.getFullYear() + years);
+            date.setMonth(date.getMonth() + months); // date class does the modular arithmetic
+            date.setDate(date.getDate() + days); // date class does the modular arithmetic
+            this.calendar.setDate(date);
+        };
+        NgxMatTuiCalendarComponent.prototype.onMonthView = function () {
+            this.calendar.changeView('month');
+        };
+        NgxMatTuiCalendarComponent.prototype.onWeekView = function () {
+            this.calendar.changeView('week');
+        };
+        NgxMatTuiCalendarComponent.prototype.onDayView = function () {
+            this.calendar.changeView('day');
+        };
+        NgxMatTuiCalendarComponent.prototype.getDate = function () {
+            var date = this.calendar.getDate();
+            var str = date.toDate().toLocaleDateString("en-US", {
+                year: 'numeric',
+                month: 'short',
+            });
+            return str;
+        };
+        NgxMatTuiCalendarComponent.prototype.createTUICalendar = function (options) {
+            this.calendar = new Calendar__default["default"]('#calendar', this.prerocessOptions(options));
+        };
+        NgxMatTuiCalendarComponent.prototype.bindCallbacks = function () {
+            this.bindAfterRenderSchedule();
+            this.bindClickTimezonesCollapseBtn();
+            this.bindClickDayname();
+            this.bindClickMore();
+            this.bindClickSchedule();
+            this.bindBeforeCreateSchedule();
+            this.bindBeforeUpdateSchedule();
+            this.bindBeforeDeleteSchedule();
+        };
+        NgxMatTuiCalendarComponent.prototype.bindAfterRenderSchedule = function () {
+            var that = this;
+            this.calendar.on('afterRenderSchedule', function (event) {
+                // console.warn(`afterRenderSchedule`, event);
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindClickTimezonesCollapseBtn = function () {
+            var that = this;
+            this.calendar.on('clickTimezonesCollapseBtn', function (timezonesCollapsed) {
+                // console.warn(`clickTimezonesCollapseBtn`, timezonesCollapsed);
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindClickDayname = function () {
+            var that = this;
+            this.calendar.on('clickDayname', function (event) {
+                // console.warn(`clickDayname`, event);
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindClickMore = function () {
+            var that = this;
+            this.calendar.on('clickMore', function (event) {
+                // console.warn(`clickMore`, event);
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindClickSchedule = function () {
+            // only works if useDetailPopup: false,
+            var that = this;
+            this.calendar.on('clickSchedule', function (event) {
+                // console.warn(`clickSchedule`, event);
+                var schedule = Object.assign({}, event.schedule);
+                schedule.start = (new LocalDate(schedule.start)).toDate();
+                schedule.end = (new LocalDate(schedule.end)).toDate();
+                that.openPopupScheduleEditor(schedule);
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindBeforeCreateSchedule = function () {
+            var that = this;
+            this.calendar.on('beforeCreateSchedule', function (event) {
+                // console.log(`beforeCreateSchedule`, event);
+                var start = (new LocalDate(event.start)).toDate();
+                start.setHours(9);
+                var end = (new LocalDate(event.end)).toDate();
+                end.setHours(10);
+                that.openPopupScheduleEditor({
+                    title: '',
+                    start: start,
+                    end: end,
+                    id: null,
+                });
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindBeforeUpdateSchedule = function () {
+            var that = this;
+            this.calendar.on('beforeUpdateSchedule', function (event) {
+                // console.log(`beforeUpdateSchedule`, event);
+                that.updateScheduleAndNotifyParent(event);
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.bindBeforeDeleteSchedule = function () {
+            var that = this;
+            this.calendar.on('beforeDeleteSchedule', function (event) {
+                // console.log(`beforeDeleteSchedule`, event.schedule);
+                // console.log(`beforeDeleteSchedule`, event.schedule);
+                that.deleteScheduleAndNotifyParent({ id: event.schedule.id, calendarId: event.schedule.calendarId });
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.nextColor = function () {
+            var color = this.colors[this.colorIndex++].hex();
+            if (this.colorIndex >= this.colors.length)
+                this.colorIndex = 0;
+            return color;
+        };
+        NgxMatTuiCalendarComponent.prototype.createScheduleAndNotifyParent = function (args) {
+            var schedule = this.createSchedule(args);
+            this.userCreatedSchedule.emit(schedule);
+            return schedule;
+        };
+        NgxMatTuiCalendarComponent.prototype.createSchedules = function (schedules) {
+            var e_1, _a;
+            var newSchedules = [];
+            try {
+                for (var schedules_1 = __values(schedules), schedules_1_1 = schedules_1.next(); !schedules_1_1.done; schedules_1_1 = schedules_1.next()) {
+                    var schedule = schedules_1_1.value;
+                    newSchedules.push(this.createSchedule(schedule));
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (schedules_1_1 && !schedules_1_1.done && (_a = schedules_1.return)) _a.call(schedules_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            return newSchedules;
+        };
+        NgxMatTuiCalendarComponent.prototype.createSchedule = function (args) {
+            // if (form.invalid) return;
+            // create a color
+            var color = this.nextColor();
+            // console.log(color);
+            // create an id
+            var id = (args.id == null) ? '' : args.id.toString();
+            if (id.length === 0) {
+                id = uuid.v4();
+            }
+            var start = LocalDate.convertToJsDate(args.start);
+            var end = LocalDate.convertToJsDate(args.end);
+            var schedule = {
+                id: id,
+                calendarId: (args.calendarId == null) ? this.calendarId : args.calendarId,
+                title: args.title,
+                start: start,
+                end: end,
+                category: args.category,
+                isAllDay: args.isAllDay,
+                dueDateClass: '',
+                bgColor: color,
+            };
+            // console.log(`event-calendar.component.ts: createEvent:`, schedule);
+            this.calendar.createSchedules([schedule]);
+            return this.calendar.getSchedule(schedule.id, schedule.calendarId);
+        };
+        NgxMatTuiCalendarComponent.prototype.updateScheduleAndNotifyParent = function (args) {
+            var schedule = this.updateSchedule(args);
+            this.userUpdatedSchedule.emit(schedule);
+            return schedule;
+        };
+        NgxMatTuiCalendarComponent.prototype.updateSchedule = function (schedule) {
+            // console.log(`event-calendar.component.ts: updateSchedule:`, schedule);
+            var calendarId = (schedule.calendarId == null) ? this.calendarId : schedule.calendarId;
+            this.calendar.updateSchedule(schedule.id, calendarId, schedule, false);
+            return this.calendar.getSchedule(schedule.id, calendarId);
+        };
+        NgxMatTuiCalendarComponent.prototype.getSchedule = function (args) {
+            // console.log(`event-calendar.component.ts: getSchedule:`, schedule);
+            var calendarId = (args.calendarId == null) ? this.calendarId : args.calendarId;
+            return this.calendar.getSchedule(args.id, calendarId);
+        };
+        NgxMatTuiCalendarComponent.prototype.deleteScheduleAndNotifyParent = function (args) {
+            this.deleteSchedule(args);
+            var calendarId = (args.calendarId == null) ? this.calendarId : args.calendarId;
+            this.userDeletedSchedule.emit({ id: args.id, calendarId: calendarId });
+        };
+        NgxMatTuiCalendarComponent.prototype.deleteSchedule = function (args) {
+            // console.log(`event-calendar.component.ts: deleteSchedule:`, schedule);
+            var calendarId = (args.calendarId == null) ? this.calendarId : args.calendarId;
+            this.calendar.deleteSchedule(args.id, calendarId, false);
+        };
+        NgxMatTuiCalendarComponent.prototype.deleteAllSchedules = function () {
+            this.calendar.clear();
+        };
+        NgxMatTuiCalendarComponent.prototype.openPopupScheduleEditor = function (schedule) {
+            var _this = this;
+            // console.log('openPopupScheduleEditor: calevent:', schedule);
+            var dialogConfig = new i1.MatDialogConfig();
+            dialogConfig.panelClass = this.options.themeClass;
+            console.warn("options: ", this.options);
+            dialogConfig.data = { schedule: schedule, darkMode: this.options.darkMode, themeClass: this.options.themeClass };
+            dialogConfig.autoFocus = true;
+            var dialogRef = this.dialog.open(NgxMatTuiCalendarEditorDialogComponent, dialogConfig);
+            // const dialogRef = this.dialog.open(NgxMatTuiCalendarScheduleEditorDialogComponent, {
+            //   data: schedule,
+            // });
+            dialogRef.afterClosed().subscribe(function (result) {
+                // console.log('openPopupScheduleEditor: The dialog was closed', result);
+                _this.calendar.render(true); // <-- so that selection is cleared
+                if (result && result.schedule) {
+                    var schedule_1 = result.schedule;
+                    if (result.performDelete == true) {
+                        // delete
+                        // console.log(`openPopupScheduleEditor:afterCLosed: deleteSchedule`);
+                        _this.deleteScheduleAndNotifyParent({ id: schedule_1.id, calendarId: schedule_1.calendarId });
+                    }
+                    else if (schedule_1.id == null) {
+                        // console.log(`openPopupScheduleEditor:afterCLosed: addSchedule`);
+                        _this.createScheduleAndNotifyParent(schedule_1);
+                    }
+                    else {
+                        // console.log(`openPopupScheduleEditor:afterCLosed: updateSchedule`);
+                        _this.updateScheduleAndNotifyParent(schedule_1);
+                    }
+                }
+            });
+        };
+        NgxMatTuiCalendarComponent.prototype.setOptions = function (options) {
+            this.calendar.setOptions(this.prerocessOptions(options));
+        };
+        NgxMatTuiCalendarComponent.prototype.prerocessOptions = function (options) {
+            var defs = this.getDefaultOptions();
+            if (options == null) {
+                options = defs;
+            }
+            else {
+                options = Object.assign(Object.assign({}, defs), options);
+            }
+            options.useCreationPopup = false;
+            options.useDetailPopup = false;
+            return options;
+        };
+        NgxMatTuiCalendarComponent.prototype.getDefaultOptions = function () {
+            return {
+                defaultView: 'month',
+                taskView: true,
+                useCreationPopup: false,
+                useDetailPopup: false,
+                theme: this.getDefaultTheme(),
+                template: {
+                    monthDayname: function (dayname) {
+                        return '<span class="calendar-week-dayname-name">' + dayname.label + '</span>';
+                    }
+                },
+                week: {
+                    // startDayOfWeek: undefined,
+                    // daynames: undefined,
+                    narrowWeekend: false,
+                    // workweek: true,
+                    showTimezoneCollapseButton: true,
+                    timezonesCollapsed: true,
+                    hourStart: 7,
+                    hourEnd: 20,
+                },
+            };
+        };
+        NgxMatTuiCalendarComponent.prototype.getColor = function (name) {
+            var el = document.getElementById("theme-" + name);
+            if (el) {
+                var style = window.getComputedStyle(el, null);
+                console.warn("color:", style.color);
+                return style.color;
+            }
+            return '';
+        };
+        NgxMatTuiCalendarComponent.prototype.getDefaultTheme = function () {
+            function adjustHexOpacity(color, opacity) {
+                var r = parseInt(color.slice(1, 3), 16);
+                var g = parseInt(color.slice(3, 5), 16);
+                var b = parseInt(color.slice(5, 7), 16);
+                return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + opacity + ')';
+            }
+            // default keys and styles
+            // TODO: apply Material Design Theme 
+            var background = this.getColor("background");
+            var border = this.getColor("divider");
+            var borderLight = this.getColor("divider-light");
+            var shadow = this.getColor("divider");
+            var highlight = this.getColor("highlight");
+            var primary = this.getColor("primary");
+            var warn = this.getColor("warn");
+            var text = this.getColor("foreground");
+            var primaryShaded = this.getColor("primary-shaded");
+            // tui-full-calendar-weekday-schedule-title
+            //calendar-week-dayname-name
+            return {
+                'common.border': "1px solid " + border,
+                'common.backgroundColor': background,
+                'common.holiday.color': warn,
+                'common.saturday.color': text,
+                'common.dayname.color': text,
+                'common.today.color': '#0f0',
+                // creation guide style
+                'common.creationGuide.backgroundColor': primaryShaded,
+                'common.creationGuide.border': "1px solid " + highlight,
+                // month header 'dayname'
+                'month.dayname.height': '31px',
+                'month.dayname.borderLeft': "1px solid " + border,
+                'month.dayname.paddingLeft': '10px',
+                'month.dayname.paddingRight': '10px',
+                'month.dayname.backgroundColor': 'inherit',
+                'month.dayname.fontSize': '12px',
+                'month.dayname.fontWeight': 'normal',
+                'month.dayname.textAlign': 'left',
+                // month day grid cell 'day'
+                'month.holidayExceptThisMonth.color': 'rgba(255, 64, 64, 0.4)',
+                'month.dayExceptThisMonth.color': 'rgba(51, 51, 51, 0.4)',
+                'month.weekend.backgroundColor': 'inherit',
+                'month.day.fontSize': '14px',
+                'month.schedule.color': highlight,
+                // month schedule style
+                'month.schedule.borderRadius': '2px',
+                'month.schedule.height': '24px',
+                'month.schedule.marginTop': '2px',
+                'month.schedule.marginLeft': '8px',
+                'month.schedule.marginRight': '8px',
+                // month more view
+                'month.moreView.border': "1px solid " + border,
+                'month.moreView.boxShadow': "0 2px 6px 0 " + shadow,
+                'month.moreView.backgroundColor': background,
+                'month.moreView.paddingBottom': '17px',
+                'month.moreViewTitle.height': '44px',
+                'month.moreViewTitle.marginBottom': '12px',
+                'month.moreViewTitle.backgroundColor': 'inherit',
+                'month.moreViewTitle.borderBottom': 'none',
+                'month.moreViewTitle.padding': '12px 17px 0 17px',
+                'month.moreViewList.padding': '0 17px',
+                // week header 'dayname'
+                'week.dayname.height': '42px',
+                'week.dayname.borderTop': "1px solid " + border,
+                'week.dayname.borderBottom': "1px solid " + border,
+                'week.dayname.borderLeft': 'inherit',
+                'week.dayname.paddingLeft': '0',
+                'week.dayname.backgroundColor': 'inherit',
+                'week.dayname.textAlign': 'left',
+                'week.today.color': text,
+                'week.pastDay.color': borderLight,
+                // week vertical panel 'vpanel'
+                'week.vpanelSplitter.border': "1px solid " + border,
+                'week.vpanelSplitter.height': '3px',
+                // week daygrid 'daygrid'
+                'week.daygrid.borderRight': "1px solid " + border,
+                'week.daygrid.backgroundColor': background,
+                'week.daygridLeft.width': '72px',
+                'week.daygridLeft.backgroundColor': background,
+                'week.daygridLeft.paddingRight': '8px',
+                'week.daygridLeft.borderRight': "1px solid " + border,
+                'week.today.backgroundColor': primaryShaded,
+                'week.weekend.backgroundColor': 'inherit',
+                // week timegrid 'timegrid'
+                'week.timegridLeft.width': '72px',
+                'week.timegridLeft.backgroundColor': 'inherit',
+                'week.timegridLeft.borderRight': "1px solid " + border,
+                'week.timegridLeft.fontSize': '11px',
+                'week.timegridLeftTimezoneLabel.height': '40px',
+                'week.timegridLeftAdditionalTimezone.backgroundColor': background,
+                'week.timegridOneHour.height': '52px',
+                'week.timegridHalfHour.height': '26px',
+                'week.timegridHalfHour.borderBottom': 'none',
+                'week.timegridHorizontalLine.borderBottom': "1px solid " + border,
+                'week.timegrid.paddingRight': '8px',
+                'week.timegrid.borderRight': "1px solid " + border,
+                'week.timegridSchedule.borderRadius': '2px',
+                'week.timegridSchedule.paddingLeft': '2px',
+                // #515ce6 is a slate blue
+                'week.currentTime.color': highlight,
+                'week.currentTime.fontSize': '11px',
+                'week.currentTime.fontWeight': 'normal',
+                'week.pastTime.color': borderLight,
+                'week.pastTime.fontWeight': 'normal',
+                'week.futureTime.color': border,
+                'week.futureTime.fontWeight': 'normal',
+                'week.currentTimeLinePast.border': "1px dashed " + highlight,
+                'week.currentTimeLineBullet.backgroundColor': highlight,
+                'week.currentTimeLineToday.border': "1px solid " + highlight,
+                'week.currentTimeLineFuture.border': 'none',
+                // week creation guide style
+                'week.creationGuide.color': highlight,
+                'week.creationGuide.fontSize': '11px',
+                'week.creationGuide.fontWeight': 'bold',
+                // week daygrid schedule style
+                'week.dayGridSchedule.borderRadius': '2px',
+                'week.dayGridSchedule.height': '24px',
+                'week.dayGridSchedule.marginTop': '2px',
+                'week.dayGridSchedule.marginLeft': '8px',
+                'week.dayGridSchedule.marginRight': '8px'
+            };
         };
         return NgxMatTuiCalendarComponent;
     }());
-    NgxMatTuiCalendarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    NgxMatTuiCalendarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: NgxMatTuiCalendarComponent, selector: "ngx-mat-tui-calendar", ngImport: i0__namespace, template: "\n    <p>\n      ngx-mat-tui-calendar v0.0.11 works!\n    </p>\n  ", isInline: true });
+    NgxMatTuiCalendarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarComponent, deps: [{ token: i1__namespace.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    NgxMatTuiCalendarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: NgxMatTuiCalendarComponent, selector: "ngx-mat-tui-calendar", inputs: { options: "options" }, outputs: { userCreatedSchedule: "userCreatedSchedule", userUpdatedSchedule: "userUpdatedSchedule", userDeletedSchedule: "userDeletedSchedule" }, usesOnChanges: true, ngImport: i0__namespace, template: "<p>\r\n    ngx-mat-tui-calendar v0.0.15 works!!!\r\n</p>\r\n<section class=\"content-container\">\r\n    <!-- These divs are here so that we can read the theme colors for the tui theme -->\r\n    <div id=\"theme-primary\"></div>\r\n    <div id=\"theme-primary-shaded\"></div>\r\n    <div id=\"theme-highlight\"></div>\r\n    <div id=\"theme-accent\"></div>\r\n    <div id=\"theme-warn\"></div>\r\n    <div id=\"theme-foreground\"></div>\r\n    <div id=\"theme-divider\"></div>\r\n    <div id=\"theme-background\"></div>\r\n  \r\n    <div class=\"calendar-container\">\r\n      <!-- calendar titlebar -->\r\n      <mat-toolbar class=\"menu-bar\" color=\"primary\">\r\n        <!-- <div style=\"align-self: center;display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\"> -->\r\n        <div style=\"display: flex;\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n    width: 100%;  \">\r\n          <div class=\"left-div\">\r\n            <!-- LEFT -->\r\n            <button mat-button \r\n              class=\"navigation-button\"\r\n              style=\"margin-left: 0px; margin-right: 0px; font-size: 1.5rem !important;\" \r\n              (click)=\"onCalendarLongPrev()\">\r\n              <fa-icon [icon]=\"iconLongPrev\"></fa-icon>\r\n            </button>\r\n            <button mat-button \r\n              class=\"navigation-button\" \r\n              style=\"margin-left: 0px; margin-right: 0px; font-size: 2rem !important;\" \r\n              (click)=\"onCalendarPrev()\">\r\n              <fa-icon [icon]=\"iconPrev\"></fa-icon>\r\n            </button>\r\n            <button mat-button \r\n              class=\"navigation-button\"\r\n              style=\"margin-left: 0px; margin-right: 0px; font-size: 1.7rem !important;\" \r\n              (click)=\"onCalendarToday()\">\r\n              <fa-icon [icon]=\"iconToday\"></fa-icon>\r\n            </button>\r\n            <button mat-button \r\n              class=\"navigation-button\" \r\n              style=\"margin-left: 0px; margin-right: 0px; font-size: 2rem !important;\" \r\n              (click)=\"onCalendarNext()\">\r\n              <fa-icon [icon]=\"iconNext\"></fa-icon>\r\n            </button>\r\n            <button mat-button \r\n              class=\"navigation-button\"\r\n              style=\"margin-left: 0px; margin-right: 0px; font-size: 1.5rem !important;\" \r\n              (click)=\"onCalendarLongNext()\">\r\n              <fa-icon [icon]=\"iconLongNext\"></fa-icon>\r\n            </button>\r\n          </div>\r\n          <div class=\"center-div\">\r\n            <!-- CENTER -->\r\n            <span class=\"event-calendar-title\">{{ getDate() }}</span>\r\n          </div>\r\n          <div class=\"right-div\">\r\n  \r\n            <!-- RIGHT -->\r\n            <mat-button-toggle-group class=\"view-button\" value=\"month\" id=\"@+id/toggleButton\" layout_width=\"wrap_content\"\r\n              layout_height=\"wrap_content\">\r\n              <mat-button-toggle mat-button value=\"month\" class=\"view-button\" (click)=\"onMonthView()\">\r\n                <fa-icon [icon]=\"iconByMonth\"></fa-icon>\r\n              </mat-button-toggle>\r\n              <mat-button-toggle mat-button value=\"week\" class=\"view-button\" (click)=\"onWeekView()\">\r\n                <fa-icon [icon]=\"iconByWeek\"></fa-icon>\r\n              </mat-button-toggle>\r\n              <mat-button-toggle mat-button value=\"day\" class=\"view-button\" (click)=\"onDayView()\">\r\n                <fa-icon [icon]=\"iconByDay\"></fa-icon>\r\n              </mat-button-toggle>\r\n            </mat-button-toggle-group>\r\n          </div>\r\n        </div>\r\n      </mat-toolbar>\r\n      <ngx-mat-tui-calendar-wrapper></ngx-mat-tui-calendar-wrapper>\r\n    </div>\r\n  \r\n  </section>", styles: [".calendar-container{transform-origin:top left}.menu-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem!important}.mat-button{font-size:1.1rem!important}.mat-button.navigation-button{padding:0;min-width:32px}.left-div{width:33%;float:left;display:flex;white-space:nowrap;vertical-align:middle}.center-div{width:33%;float:right;text-align:center;white-space:nowrap;vertical-align:middle}.event-calendar-title{font-size:2rem;vertical-align:middle}.right-div{width:33%;display:flex;white-space:nowrap;vertical-align:middle;flex-flow:row-reverse}@media screen and (max-width: 599px){.left-div{transform:scale(.75);transform-origin:center left}.center-div{transform:scale(.5)}.right-div{transform:scale(1);transform-origin:center right}.right-div .mat-button-toggle-group.view-button{font-size:1.1rem!important}.right-div ::ng-deep .mat-button-toggle-label-content{padding:0 8px!important}}.mat-button-toggle-group.view-button{height:36px;font-size:1.25rem!important}.view-button{align-items:center}::ng-deep .mat-button-toggle-label-content{padding:0 10px!important}\n"], components: [{ type: i2__namespace$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i6__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4__namespace$1.FaIconComponent, selector: "fa-icon", inputs: ["classes", "icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { type: i5__namespace$1.MatButtonToggle, selector: "mat-button-toggle", inputs: ["disableRipple", "aria-labelledby", "tabIndex", "appearance", "checked", "disabled", "id", "name", "aria-label", "value"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { type: NgxMatTuiCalendarWrapperComponent, selector: "ngx-mat-tui-calendar-wrapper" }], directives: [{ type: i5__namespace$1.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'ngx-mat-tui-calendar',
-                        template: "\n    <p>\n      ngx-mat-tui-calendar v0.0.11 works!\n    </p>\n  ",
-                        styles: []
+                        templateUrl: './ngx-mat-tui-calendar.component.html',
+                        styleUrls: [
+                            './ngx-mat-tui-calendar.component.scss'
+                        ],
                     }]
-            }], ctorParameters: function () { return []; } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.MatDialog }]; }, propDecorators: { userCreatedSchedule: [{
+                    type: i0.Output
+                }], userUpdatedSchedule: [{
+                    type: i0.Output
+                }], userDeletedSchedule: [{
+                    type: i0.Output
+                }], options: [{
+                    type: i0.Input
+                }] } });
 
+    // Angular modules
     var NgxMatTuiCalendarModule = /** @class */ (function () {
         function NgxMatTuiCalendarModule() {
         }
         return NgxMatTuiCalendarModule;
     }());
     NgxMatTuiCalendarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    NgxMatTuiCalendarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, declarations: [NgxMatTuiCalendarComponent], exports: [NgxMatTuiCalendarComponent] });
-    NgxMatTuiCalendarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, imports: [[]] });
+    NgxMatTuiCalendarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, declarations: [NgxMatTuiCalendarComponent,
+            NgxMatTuiCalendarWrapperComponent,
+            NgxMatTuiCalendarEditorDialogComponent], imports: [animations.BrowserAnimationsModule,
+            platformBrowser.BrowserModule,
+            flexLayout.FlexLayoutModule,
+            flexLayout.FlexModule,
+            i7.FormsModule,
+            http.HttpClientModule,
+            overlay.OverlayModule,
+            i7.ReactiveFormsModule,
+            i6.MatButtonModule,
+            i5$1.MatButtonToggleModule,
+            card.MatCardModule,
+            i4.MatDatepickerModule,
+            i1.MatDialogModule,
+            i5.MatDividerModule,
+            i2.MatFormFieldModule,
+            icon.MatIconModule,
+            i8.MatInputModule,
+            core.MatNativeDateModule,
+            i3.MatRadioModule,
+            core.MatRippleModule,
+            slideToggle.MatSlideToggleModule,
+            i2$1.MatToolbarModule,
+            i4$1.FontAwesomeModule,
+            i10.MatTimepickerModule], exports: [NgxMatTuiCalendarComponent] });
+    NgxMatTuiCalendarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, imports: [[
+                animations.BrowserAnimationsModule,
+                platformBrowser.BrowserModule,
+                flexLayout.FlexLayoutModule,
+                flexLayout.FlexModule,
+                i7.FormsModule,
+                http.HttpClientModule,
+                overlay.OverlayModule,
+                i7.ReactiveFormsModule,
+                i6.MatButtonModule,
+                i5$1.MatButtonToggleModule,
+                card.MatCardModule,
+                i4.MatDatepickerModule,
+                i1.MatDialogModule,
+                i5.MatDividerModule,
+                i2.MatFormFieldModule,
+                icon.MatIconModule,
+                i8.MatInputModule,
+                core.MatNativeDateModule,
+                i3.MatRadioModule,
+                core.MatRippleModule,
+                slideToggle.MatSlideToggleModule,
+                i2$1.MatToolbarModule,
+                i4$1.FontAwesomeModule,
+                i10.MatTimepickerModule,
+            ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: NgxMatTuiCalendarModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
                             NgxMatTuiCalendarComponent,
+                            NgxMatTuiCalendarWrapperComponent,
+                            NgxMatTuiCalendarEditorDialogComponent,
+                        ],
+                        imports: [
+                            animations.BrowserAnimationsModule,
+                            platformBrowser.BrowserModule,
+                            flexLayout.FlexLayoutModule,
+                            flexLayout.FlexModule,
+                            i7.FormsModule,
+                            http.HttpClientModule,
+                            overlay.OverlayModule,
+                            i7.ReactiveFormsModule,
+                            i6.MatButtonModule,
+                            i5$1.MatButtonToggleModule,
+                            card.MatCardModule,
+                            i4.MatDatepickerModule,
+                            i1.MatDialogModule,
+                            i5.MatDividerModule,
+                            i2.MatFormFieldModule,
+                            icon.MatIconModule,
+                            i8.MatInputModule,
+                            core.MatNativeDateModule,
+                            i3.MatRadioModule,
+                            core.MatRippleModule,
+                            slideToggle.MatSlideToggleModule,
+                            i2$1.MatToolbarModule,
+                            i4$1.FontAwesomeModule,
+                            i10.MatTimepickerModule,
                         ],
-                        imports: [],
                         exports: [
                             NgxMatTuiCalendarComponent,
                         ],
@@ -88,6 +1244,7 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.LocalDate = LocalDate;
     exports.NgxMatTuiCalendarComponent = NgxMatTuiCalendarComponent;
     exports.NgxMatTuiCalendarModule = NgxMatTuiCalendarModule;
     exports.NgxMatTuiCalendarService = NgxMatTuiCalendarService;