@anglr/datetime 6.0.0-beta.20221223060503 → 6.0.0-beta.20221223105933

package/changelog.md

@@ -30,7 +30,9 @@
     - **exports**
         - `MonthCalendarComponent`
         - `CalendarDayTemplateDirective`
-- new `DatePickerInputSADirective` directive, that combines date picker with simple date input
+- new `SimpleDatePickerInputSADirective` directive, that combines date picker with simple date input
+- new `SimpleDateTimePickerInputSADirective` directive, that combines date time picker with simple date time input
+- new `SimpleDateTimeInputHandlerSADirective` directive, that adds simple handler for date time input, which allows simple navigation using keyboard
 - new `CalendarDayAspectRatio` enum, that represents available aspect ratios for displaying calendar days
     - `OneToOne` aspect ratio of width to height is 1:1 (square)
     - `ThreeToTwo` aspect ratio of width to height is 3:2

package/es2015/src/directives/index.js

@@ -1,4 +1,6 @@
 export * from './simpleDatePickerInput/simpleDatePickerInput.directive';
+export * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';
+export * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';
 export * from './withTime/withTime.directive';
 export * from './withToday/withToday.directive';
 //# sourceMappingURL=index.js.map

package/es2015/src/directives/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './simpleDatePickerInput/simpleDatePickerInput.directive';\nexport * from './withTime/withTime.directive';\nexport * from './withToday/withToday.directive';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './simpleDatePickerInput/simpleDatePickerInput.directive';\nexport * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';\nexport * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';\nexport * from './withTime/withTime.directive';\nexport * from './withToday/withToday.directive';\n"]}

package/es2015/src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.js

@@ -1,16 +1,18 @@
 import { Directive } from '@angular/core';
 import { DateTimeInputSADirective, DateTimePickerSADirective } from '../../modules';
+import { SimpleDateTimeInputHandlerSADirective } from '../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../../modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive";
 import * as i2 from "../../modules/dateTime/directives/dateTimeInput/dateTimeInput.directive";
+import * as i3 from "../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive";
 /**
- * Directive that combines date picker with simple date time input
+ * Directive that combines date picker with simple date input
  */
-export class DatePickerInputSADirective {
+export class SimpleDatePickerInputSADirective {
 }
-DatePickerInputSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DatePickerInputSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DatePickerInputSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DatePickerInputSADirective, isStandalone: true, selector: "input[dateTime][simpleDatePickerInput]", hostDirectives: [{ directive: i1.DateTimePickerSADirective, inputs: ["withPickerOptions", "withPickerOptions", "pickerOptions", "pickerOptions"] }, { directive: i2.DateTimeInputSADirective }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DatePickerInputSADirective, decorators: [{
+SimpleDatePickerInputSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDatePickerInputSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SimpleDatePickerInputSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SimpleDatePickerInputSADirective, isStandalone: true, selector: "input[dateTime][simpleDatePickerInput]", hostDirectives: [{ directive: i1.DateTimePickerSADirective, inputs: ["withPickerOptions", "withPickerOptions", "pickerOptions", "pickerOptions"] }, { directive: i2.DateTimeInputSADirective }, { directive: i3.SimpleDateTimeInputHandlerSADirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDatePickerInputSADirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[dateTime][simpleDatePickerInput]',
@@ -26,6 +28,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                         {
                             directive: DateTimeInputSADirective,
                         },
+                        {
+                            directive: SimpleDateTimeInputHandlerSADirective,
+                        },
                     ],
                 }]
         }] });

package/es2015/src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"simpleDatePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;;;;AAElF;;GAEG;AAoBH,MAAM,OAAO,0BAA0B;;uHAA1B,0BAA0B;2GAA1B,0BAA0B;2FAA1B,0BAA0B;kBAnBtC,SAAS;mBACV;oBACI,QAAQ,EAAE,wCAAwC;oBAClD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EACN;gCACI,mBAAmB;gCACnB,eAAe;6BAClB;yBACJ;wBACD;4BACI,SAAS,EAAE,wBAAwB;yBACtC;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {DateTimeInputSADirective, DateTimePickerSADirective} from '../../modules';\n\n/**\n * Directive that combines date picker with simple date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][simpleDatePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: DateTimePickerSADirective,\n            inputs:\n            [\n                'withPickerOptions',\n                'pickerOptions',\n            ]\n        },\n        {\n            directive: DateTimeInputSADirective,\n        },\n    ],\n})\nexport class DatePickerInputSADirective\n{\n}"]}
+{"version":3,"file":"simpleDatePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,qCAAqC,EAAC,MAAM,oEAAoE,CAAC;;;;;AAEzH;;GAEG;AAuBH,MAAM,OAAO,gCAAgC;;6HAAhC,gCAAgC;iHAAhC,gCAAgC;2FAAhC,gCAAgC;kBAtB5C,SAAS;mBACV;oBACI,QAAQ,EAAE,wCAAwC;oBAClD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EACN;gCACI,mBAAmB;gCACnB,eAAe;6BAClB;yBACJ;wBACD;4BACI,SAAS,EAAE,wBAAwB;yBACtC;wBACD;4BACI,SAAS,EAAE,qCAAqC;yBACnD;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {DateTimeInputSADirective, DateTimePickerSADirective} from '../../modules';\nimport {SimpleDateTimeInputHandlerSADirective} from '../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';\n\n/**\n * Directive that combines date picker with simple date input\n */\n@Directive(\n{\n    selector: 'input[dateTime][simpleDatePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: DateTimePickerSADirective,\n            inputs:\n            [\n                'withPickerOptions',\n                'pickerOptions',\n            ]\n        },\n        {\n            directive: DateTimeInputSADirective,\n        },\n        {\n            directive: SimpleDateTimeInputHandlerSADirective,\n        },\n    ],\n})\nexport class SimpleDatePickerInputSADirective\n{\n}"]}

package/es2015/src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.js

@@ -0,0 +1,137 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, Inject, Optional } from '@angular/core';
+import { BindThis } from '@jscrpt/common';
+import { DATE_TIME_INPUT, DATE_API } from '../../misc/tokens';
+import { parseDateTime } from '../../misc/utils';
+import { DateTimePickerSADirective, DateTimeSADirective } from '../../modules';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules";
+/**
+ * Directive that adds simple handler for date time input, which allows simple navigation using keyboard
+ */
+export class SimpleDateTimeInputHandlerSADirective {
+    //######################### constructor #########################
+    constructor(input, dateApi, dateTimeData, picker) {
+        this.input = input;
+        this.dateApi = dateApi;
+        this.dateTimeData = dateTimeData;
+        this.picker = picker;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this.input.element.addEventListener('keydown', this.handleKeyboard);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.input.element.removeEventListener('keydown', this.handleKeyboard);
+    }
+    //######################### protected methods #########################
+    /**
+     * Handles keyboard events
+     * @param event - Keyboard event that occured
+     */
+    handleKeyboard(event) {
+        var _a, _b;
+        const parsedValue = parseDateTime(this.input.value, this.dateApi, null, this.dateTimeData.customFormat);
+        //no value do nothing
+        if (!parsedValue) {
+            return;
+        }
+        //range value
+        if (Array.isArray(parsedValue)) {
+            //TODO: finish range support
+        }
+        else {
+            //do nothing for invalid date time
+            if (!parsedValue.isValid()) {
+                return;
+            }
+            switch (event.key) {
+                case 'ArrowRight':
+                case 'ArrowLeft':
+                    {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowLeft' ? parsedValue.subtractDays(1) : parsedValue.addDays(1));
+                        break;
+                    }
+                case 'ArrowUp':
+                case 'ArrowDown':
+                    {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowUp' ? parsedValue.subtractWeeks(1) : parsedValue.addWeeks(1));
+                        break;
+                    }
+                case 'Escape':
+                    {
+                        (_a = this.picker) === null || _a === void 0 ? void 0 : _a.hidePicker();
+                        break;
+                    }
+                case ' ':
+                    {
+                        if (event.ctrlKey) {
+                            (_b = this.picker) === null || _b === void 0 ? void 0 : _b.showPicker();
+                        }
+                        break;
+                    }
+            }
+        }
+    }
+    /**
+     * Tests whether are min or max constraint broken, returns true if constraint is broken
+     * @param value - Value to be tested
+     */
+    minMaxConstraintTest(value) {
+        return (!!this.dateTimeData.minDateTime && value.isBefore(this.dateTimeData.minDateTime)) ||
+            (!!this.dateTimeData.maxDateTime && value.isAfter(this.dateTimeData.maxDateTime));
+    }
+    /**
+     * Runs code with check whether min max constrains was broken
+     * @param value - Value to be used checked for constrains
+     * @param code - Code that should be executed which can change current value
+     */
+    withMinMaxConstraint(value, code) {
+        value.updateOriginal();
+        code();
+        //min value constraint failure
+        if (this.minMaxConstraintTest(value)) {
+            value.resetOriginal();
+        }
+        //value has changed, change input value
+        if (!value.isSame(value.originalValue)) {
+            this.input.value = value.value;
+            this.input.valueChange.next();
+        }
+    }
+}
+SimpleDateTimeInputHandlerSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimeInputHandlerSADirective, deps: [{ token: DATE_TIME_INPUT }, { token: DATE_API }, { token: i1.DateTimeSADirective }, { token: i1.DateTimePickerSADirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SimpleDateTimeInputHandlerSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SimpleDateTimeInputHandlerSADirective, isStandalone: true, selector: "[dateTime][withSimpleHandler]", ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], SimpleDateTimeInputHandlerSADirective.prototype, "handleKeyboard", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimeInputHandlerSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withSimpleHandler]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_TIME_INPUT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: i1.DateTimeSADirective }, { type: i1.DateTimePickerSADirective, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { handleKeyboard: [] } });
+//# sourceMappingURL=simpleDateTimeInputHandler.directive.js.map

package/es2015/src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleDateTimeInputHandler.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAqB,QAAQ,EAAC,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAGxC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,yBAAyB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;;;AAG7E;;GAEG;AAMH,MAAM,OAAO,qCAAqC;IAE9C,iEAAiE;IACjE,YAA+C,KAA2B,EAClC,OAAuB,EACzC,YAAwC,EAC5B,MAAyC;QAH5B,UAAK,GAAL,KAAK,CAAsB;QAClC,YAAO,GAAP,OAAO,CAAgB;QACzC,iBAAY,GAAZ,YAAY,CAA4B;QAC5B,WAAM,GAAN,MAAM,CAAmC;IAE3E,CAAC;IAED,+FAA+F;IAE/F;;OAEG;IACI,QAAQ;QAEX,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACxE,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3E,CAAC;IAED,uEAAuE;IAEvE;;;OAGG;IAEI,cAAc,CAAC,KAAoB;;QAEtC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAExG,qBAAqB;QACrB,IAAG,CAAC,WAAW,EACf;YACI,OAAO;SACV;QAED,aAAa;QACb,IAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAC7B;YACI,4BAA4B;SAC/B;aAED;YACI,kCAAkC;YAClC,IAAG,CAAC,WAAW,CAAC,OAAO,EAAE,EACzB;gBACI,OAAO;aACV;YAED,QAAO,KAAK,CAAC,GAAG,EAChB;gBACI,KAAK,YAAY,CAAC;gBAClB,KAAK,WAAW;oBAChB;wBACI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;wBAExB,IAAI,CAAC,oBAAoB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;wBAE9H,MAAM;qBACT;gBACD,KAAK,SAAS,CAAC;gBACf,KAAK,WAAW;oBAChB;wBACI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;wBAExB,IAAI,CAAC,oBAAoB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;wBAE9H,MAAM;qBACT;gBACD,KAAK,QAAQ;oBACb;wBACI,MAAA,IAAI,CAAC,MAAM,0CAAE,UAAU,EAAE,CAAC;wBAE1B,MAAM;qBACT;gBACD,KAAK,GAAG;oBACR;wBACI,IAAG,KAAK,CAAC,OAAO,EAChB;4BACI,MAAA,IAAI,CAAC,MAAM,0CAAE,UAAU,EAAE,CAAC;yBAC7B;wBAED,MAAM;qBACT;aACJ;SACJ;IACL,CAAC;IAED;;;OAGG;IACO,oBAAoB,CAAC,KAA2B;QAEtD,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;YAClF,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7F,CAAC;IAED;;;;OAIG;IACO,oBAAoB,CAAC,KAA2B,EAAE,IAAgB;QAExE,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,EAAE,CAAC;QAEP,8BAA8B;QAC9B,IAAG,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EACnC;YACI,KAAK,CAAC,aAAa,EAAE,CAAC;SACzB;QAED,uCAAuC;QACvC,IAAG,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,EACrC;YACI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YAC/B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACjC;IACL,CAAC;;kIAtIQ,qCAAqC,kBAG1B,eAAe,aACf,QAAQ;sHAJnB,qCAAqC;AAoC9C;IAAC,QAAQ;;qCACoB,aAAa;;2EA8DzC;2FAnGQ,qCAAqC;kBALjD,SAAS;mBACV;oBACI,QAAQ,EAAE,+BAA+B;oBACzC,UAAU,EAAE,IAAI;iBACnB;;0BAIgB,MAAM;2BAAC,eAAe;;0BACtB,MAAM;2BAAC,QAAQ;;0BAEf,QAAQ;4CA+Bd,cAAc","sourcesContent":["import {Directive, Inject, OnDestroy, OnInit, Optional} from '@angular/core';\nimport {BindThis} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../interfaces';\nimport {DATE_TIME_INPUT, DATE_API} from '../../misc/tokens';\nimport {parseDateTime} from '../../misc/utils';\nimport {DateTimePickerSADirective, DateTimeSADirective} from '../../modules';\nimport {DateApi, DateApiObject} from '../../services';\n\n/**\n * Directive that adds simple handler for date time input, which allows simple navigation using keyboard\n */\n@Directive(\n{\n    selector: '[dateTime][withSimpleHandler]',\n    standalone: true,\n})\nexport class SimpleDateTimeInputHandlerSADirective<TDate = unknown> implements OnInit, OnDestroy\n{\n    //######################### constructor #########################\n    constructor(@Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected dateTimeData: DateTimeSADirective<TDate>,\n                @Optional() protected picker?: DateTimePickerSADirective<TDate>,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.input.element.addEventListener('keydown', this.handleKeyboard);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.input.element.removeEventListener('keydown', this.handleKeyboard);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     */\n    @BindThis\n    public handleKeyboard(event: KeyboardEvent): void\n    {\n        const parsedValue = parseDateTime(this.input.value, this.dateApi, null, this.dateTimeData.customFormat);\n        \n        //no value do nothing\n        if(!parsedValue)\n        {\n            return;\n        }\n\n        //range value\n        if(Array.isArray(parsedValue))\n        {\n            //TODO: finish range support\n        }\n        else\n        {\n            //do nothing for invalid date time\n            if(!parsedValue.isValid())\n            {\n                return;\n            }\n\n            switch(event.key)\n            {\n                case 'ArrowRight':\n                case 'ArrowLeft':\n                {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowLeft' ? parsedValue.subtractDays(1) : parsedValue.addDays(1));\n\n                    break;\n                }\n                case 'ArrowUp':\n                case 'ArrowDown':\n                {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowUp' ? parsedValue.subtractWeeks(1) : parsedValue.addWeeks(1));\n\n                    break;\n                }\n                case 'Escape':\n                {\n                    this.picker?.hidePicker();\n\n                    break;\n                }\n                case ' ':\n                {\n                    if(event.ctrlKey)\n                    {\n                        this.picker?.showPicker();\n                    }\n\n                    break;\n                }\n            }\n        }\n    }\n\n    /**\n     * Tests whether are min or max constraint broken, returns true if constraint is broken\n     * @param value - Value to be tested\n     */\n    protected minMaxConstraintTest(value: DateApiObject<TDate>): boolean\n    {\n        return (!!this.dateTimeData.minDateTime && value.isBefore(this.dateTimeData.minDateTime)) ||\n               (!!this.dateTimeData.maxDateTime && value.isAfter(this.dateTimeData.maxDateTime));\n    }\n\n    /**\n     * Runs code with check whether min max constrains was broken\n     * @param value - Value to be used checked for constrains\n     * @param code - Code that should be executed which can change current value\n     */\n    protected withMinMaxConstraint(value: DateApiObject<TDate>, code: () => void): void\n    {\n        value.updateOriginal();\n\n        code();\n\n        //min value constraint failure\n        if(this.minMaxConstraintTest(value))\n        {\n            value.resetOriginal();\n        }\n\n        //value has changed, change input value\n        if(!value.isSame(value.originalValue))\n        {\n            this.input.value = value.value;\n            this.input.valueChange.next();\n        }\n    }\n}\n"]}

package/es2015/src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.js

@@ -0,0 +1,29 @@
+import { Directive } from '@angular/core';
+import { SimpleDatePickerInputSADirective } from '../simpleDatePickerInput/simpleDatePickerInput.directive';
+import { WithTimeSADirective } from '../withTime/withTime.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../simpleDatePickerInput/simpleDatePickerInput.directive";
+import * as i2 from "../withTime/withTime.directive";
+/**
+ * Directive that combines date time picker with simple date time input
+ */
+export class SimpleDateTimePickerInputSADirective {
+}
+SimpleDateTimePickerInputSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimePickerInputSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SimpleDateTimePickerInputSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SimpleDateTimePickerInputSADirective, isStandalone: true, selector: "input[dateTime][simpleDateTimePickerInput]", hostDirectives: [{ directive: i1.SimpleDatePickerInputSADirective }, { directive: i2.WithTimeSADirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimePickerInputSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[dateTime][simpleDateTimePickerInput]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: SimpleDatePickerInputSADirective,
+                        },
+                        {
+                            directive: WithTimeSADirective,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=simpleDateTimePickerInput.directive.js.map

package/es2015/src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleDateTimePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,gCAAgC,EAAC,MAAM,0DAA0D,CAAC;AAC1G,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;;;;AAEnE;;GAEG;AAeH,MAAM,OAAO,oCAAoC;;iIAApC,oCAAoC;qHAApC,oCAAoC;2FAApC,oCAAoC;kBAdhD,SAAS;mBACV;oBACI,QAAQ,EAAE,4CAA4C;oBACtD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,gCAAgC;yBAC9C;wBACD;4BACI,SAAS,EAAE,mBAAmB;yBACjC;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {SimpleDatePickerInputSADirective} from '../simpleDatePickerInput/simpleDatePickerInput.directive';\nimport {WithTimeSADirective} from '../withTime/withTime.directive';\n\n/**\n * Directive that combines date time picker with simple date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][simpleDateTimePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: SimpleDatePickerInputSADirective,\n        },\n        {\n            directive: WithTimeSADirective,\n        },\n    ],\n})\nexport class SimpleDateTimePickerInputSADirective\n{\n}"]}

package/es2015/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js

@@ -94,6 +94,7 @@ export class DateTimeInputSADirective extends DateTimeBase {
         if (isBlank(this.internalValue)) {
             return;
         }
+        //update for specified format, round
         //ranged value
         if (Array.isArray(this.internalValue)) {
             const [from, to] = this.internalValue;

package/es2015/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,YAAY,EAAoB,UAAU,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AACnH,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;;AAE7C,8BAA8B;AAE9B;;GAEG;AAeH,MAAM,OAAO,wBAA0C,SAAQ,YAAmB;IA6E9E,kEAAkE;IAClE,YAAsB,UAAwC,EACtB,OAAuB,EACzC,aAAuC;QAEzD,KAAK,EAAE,CAAC;QAJU,eAAU,GAAV,UAAU,CAA8B;QACtB,YAAO,GAAP,OAAO,CAAgB;QACzC,kBAAa,GAAb,aAAa,CAA0B;QAb7D;;WAEG;QACI,UAAK,GAA6B,IAAI,YAAY,EAAc,CAAC;QAExE;;WAEG;QACI,SAAI,GAA6B,IAAI,YAAY,EAAc,CAAC;QASnE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5E,CAAC;IA9ED,yGAAyG;IAEzG;;OAEG;IACH,IAAW,QAAQ;QAEf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;IAC/C,CAAC;IACD,IAAW,QAAQ,CAAC,KAA4B;QAE5C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,IAAoB,KAAK;QAErB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAoB,KAAK,CAAC,KAAqD;;QAE3E,+BAA+B;QAC/B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAEhH,iBAAiB;QACjB,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EACrC;YACI,IAAI,CAAC,QAAQ,GAAG,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;SAC9E;aAED;YACI,8BAA8B;SACjC;IACL,CAAC;IAED;;OAEG;IACH,IAAW,QAAQ;QAEf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;IAClD,CAAC;IACD,IAAW,QAAQ,CAAC,KAAc;QAE9B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC;IACnD,CAAC;IAED;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACzC,CAAC;IAwBD,kGAAkG;IAElG;;OAEG;IACa,WAAW;QAEvB,KAAK,CAAC,WAAW,EAAE,CAAC;QAEpB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/E,CAAC;IAED,uEAAuE;IAEvE;;;OAGG;IACO,gBAAgB,CAAC,KAAqD;QAE5E,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE9F,IAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EAC9B;YACI,OAAO;SACV;QAED,cAAc;QACd,IAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EACpC;YACI,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;YAEtC,IAAG,IAAI,EACP;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;gBAEzF,IAAG,GAAG,EACN;oBACI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;iBACtF;aACJ;YAED,IAAG,EAAE,EACL;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;gBAErF,IAAG,GAAG,EACN;oBACI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;iBACtF;aACJ;SACJ;aAED;YACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;YAEvG,IAAG,GAAG,EACN;gBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;aACnF;SACJ;IACL,CAAC;IAED;;OAEG;IAEO,WAAW;QAEjB,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YAEnB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAExB,OAAO;SACV;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAEhH,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED;;;OAGG;IAEO,WAAW,CAAC,KAAiB;QAEnC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED;;;OAGG;IAEO,UAAU,CAAC,KAAiB;QAElC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;;qHAlMQ,wBAAwB,4CA+Eb,QAAQ;yGA/EnB,wBAAwB,6EAVjC;QAEI;YACI,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC;SAC1D;KACJ;AAiKD;IAAC,QAAQ;;;;2DAiBR;AAMD;IAAC,QAAQ;;qCACoB,UAAU;;2DAGtC;AAMD;IAAC,QAAQ;;qCACmB,UAAU;;0DAGrC;2FAlMQ,wBAAwB;kBAdpC,SAAS;mBACV;oBACI,QAAQ,EAAE,gCAAgC;oBAC1C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,eAAe;4BACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,yBAAyB,CAAC;yBAC1D;qBACJ;oBACD,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,UAAU;iBACvB;;0BAgFgB,MAAM;2BAAC,QAAQ;4EA+ElB,WAAW,MAuBX,WAAW,MAUX,UAAU","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis, isBlank} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi, DateValueProvider} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputSADirective),\n        },\n    ],\n    standalone: true,\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputSADirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.elementRef.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.elementRef.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.dateTimeData.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.elementRef.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.elementRef.nativeElement.disabled = value;\n    }\n\n    /**\n     * Html element that represents input itself\n     */\n    public get element(): HTMLElement\n    {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected elementRef: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected valueProvider: DateValueProvider<TDate>,)\n    {\n        super();\n\n        this.elementRef.nativeElement.addEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.addEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.elementRef.nativeElement.removeEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.dateTimeData.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.dateTimeData.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.dateTimeData.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.dateTimeData.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        if(!this.rawValue)\n        {\n            this.internalValue = null;\n            this.ɵValue = null;\n\n            this.valueChange.next();\n\n            return;\n        }\n\n        this.setInternalValue(this.rawValue);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}
+{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAE,UAAU,EAAE,YAAY,EAAoB,UAAU,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AACnH,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,gBAAgB,CAAC;AAGjD,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;;AAE7C,8BAA8B;AAE9B;;GAEG;AAeH,MAAM,OAAO,wBAA0C,SAAQ,YAAmB;IA6E9E,kEAAkE;IAClE,YAAsB,UAAwC,EACtB,OAAuB,EACzC,aAAuC;QAEzD,KAAK,EAAE,CAAC;QAJU,eAAU,GAAV,UAAU,CAA8B;QACtB,YAAO,GAAP,OAAO,CAAgB;QACzC,kBAAa,GAAb,aAAa,CAA0B;QAb7D;;WAEG;QACI,UAAK,GAA6B,IAAI,YAAY,EAAc,CAAC;QAExE;;WAEG;QACI,SAAI,GAA6B,IAAI,YAAY,EAAc,CAAC;QASnE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC1E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5E,CAAC;IA9ED,yGAAyG;IAEzG;;OAEG;IACH,IAAW,QAAQ;QAEf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC;IAC/C,CAAC;IACD,IAAW,QAAQ,CAAC,KAA4B;QAE5C,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,IAAoB,KAAK;QAErB,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAoB,KAAK,CAAC,KAAqD;;QAE3E,+BAA+B;QAC/B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAEhH,iBAAiB;QACjB,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EACrC;YACI,IAAI,CAAC,QAAQ,GAAG,MAAA,IAAI,CAAC,aAAa,0CAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;SAC9E;aAED;YACI,8BAA8B;SACjC;IACL,CAAC;IAED;;OAEG;IACH,IAAW,QAAQ;QAEf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC;IAClD,CAAC;IACD,IAAW,QAAQ,CAAC,KAAc;QAE9B,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,GAAG,KAAK,CAAC;IACnD,CAAC;IAED;;OAEG;IACH,IAAW,OAAO;QAEd,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;IACzC,CAAC;IAwBD,kGAAkG;IAElG;;OAEG;IACa,WAAW;QAEvB,KAAK,CAAC,WAAW,EAAE,CAAC;QAEpB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7E,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAC/E,CAAC;IAED,uEAAuE;IAEvE;;;OAGG;IACO,gBAAgB,CAAC,KAAqD;QAE5E,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE9F,IAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EAC9B;YACI,OAAO;SACV;QAED,oCAAoC;QAEpC,cAAc;QACd,IAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,EACpC;YACI,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;YAEtC,IAAG,IAAI,EACP;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;gBAEzF,IAAG,GAAG,EACN;oBACI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;iBACtF;aACJ;YAED,IAAG,EAAE,EACL;gBACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC;gBAErF,IAAG,GAAG,EACN;oBACI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;iBACtF;aACJ;SACJ;aAED;YACI,MAAM,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC;YAEvG,IAAG,GAAG,EACN;gBACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;aACnF;SACJ;IACL,CAAC;IAED;;OAEG;IAEO,WAAW;QAEjB,IAAG,CAAC,IAAI,CAAC,QAAQ,EACjB;YACI,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YAEnB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAExB,OAAO;SACV;QAED,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACrC,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAEhH,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED;;;OAGG;IAEO,WAAW,CAAC,KAAiB;QAEnC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED;;;OAGG;IAEO,UAAU,CAAC,KAAiB;QAElC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;;qHApMQ,wBAAwB,4CA+Eb,QAAQ;yGA/EnB,wBAAwB,6EAVjC;QAEI;YACI,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,wBAAwB,CAAC;SAC1D;KACJ;AAmKD;IAAC,QAAQ;;;;2DAiBR;AAMD;IAAC,QAAQ;;qCACoB,UAAU;;2DAGtC;AAMD;IAAC,QAAQ;;qCACmB,UAAU;;0DAGrC;2FApMQ,wBAAwB;kBAdpC,SAAS;mBACV;oBACI,QAAQ,EAAE,gCAAgC;oBAC1C,SAAS,EACT;wBAEI;4BACI,OAAO,EAAE,eAAe;4BACxB,WAAW,EAAE,UAAU,CAAC,GAAG,EAAE,yBAAyB,CAAC;yBAC1D;qBACJ;oBACD,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,UAAU;iBACvB;;0BAgFgB,MAAM;2BAAC,QAAQ;4EAiFlB,WAAW,MAuBX,WAAW,MAUX,UAAU","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis, isBlank} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi, DateValueProvider} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputSADirective),\n        },\n    ],\n    standalone: true,\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputSADirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.elementRef.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.elementRef.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.dateTimeData.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.elementRef.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.elementRef.nativeElement.disabled = value;\n    }\n\n    /**\n     * Html element that represents input itself\n     */\n    public get element(): HTMLElement\n    {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected elementRef: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected valueProvider: DateValueProvider<TDate>,)\n    {\n        super();\n\n        this.elementRef.nativeElement.addEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.addEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.elementRef.nativeElement.removeEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.dateTimeData.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //update for specified format, round\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.dateTimeData.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.dateTimeData.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.dateTimeData.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        if(!this.rawValue)\n        {\n            this.internalValue = null;\n            this.ɵValue = null;\n\n            this.valueChange.next();\n\n            return;\n        }\n\n        this.setInternalValue(this.rawValue);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}

package/es2020/src/directives/index.js

@@ -1,4 +1,6 @@
 export * from './simpleDatePickerInput/simpleDatePickerInput.directive';
+export * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';
+export * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';
 export * from './withTime/withTime.directive';
 export * from './withToday/withToday.directive';
 //# sourceMappingURL=index.js.map

package/es2020/src/directives/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './simpleDatePickerInput/simpleDatePickerInput.directive';\nexport * from './withTime/withTime.directive';\nexport * from './withToday/withToday.directive';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './simpleDatePickerInput/simpleDatePickerInput.directive';\nexport * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';\nexport * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';\nexport * from './withTime/withTime.directive';\nexport * from './withToday/withToday.directive';\n"]}

package/es2020/src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.js

@@ -1,16 +1,18 @@
 import { Directive } from '@angular/core';
 import { DateTimeInputSADirective, DateTimePickerSADirective } from '../../modules';
+import { SimpleDateTimeInputHandlerSADirective } from '../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "../../modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive";
 import * as i2 from "../../modules/dateTime/directives/dateTimeInput/dateTimeInput.directive";
+import * as i3 from "../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive";
 /**
- * Directive that combines date picker with simple date time input
+ * Directive that combines date picker with simple date input
  */
-export class DatePickerInputSADirective {
+export class SimpleDatePickerInputSADirective {
 }
-DatePickerInputSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DatePickerInputSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DatePickerInputSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DatePickerInputSADirective, isStandalone: true, selector: "input[dateTime][simpleDatePickerInput]", hostDirectives: [{ directive: i1.DateTimePickerSADirective, inputs: ["withPickerOptions", "withPickerOptions", "pickerOptions", "pickerOptions"] }, { directive: i2.DateTimeInputSADirective }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DatePickerInputSADirective, decorators: [{
+SimpleDatePickerInputSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDatePickerInputSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SimpleDatePickerInputSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SimpleDatePickerInputSADirective, isStandalone: true, selector: "input[dateTime][simpleDatePickerInput]", hostDirectives: [{ directive: i1.DateTimePickerSADirective, inputs: ["withPickerOptions", "withPickerOptions", "pickerOptions", "pickerOptions"] }, { directive: i2.DateTimeInputSADirective }, { directive: i3.SimpleDateTimeInputHandlerSADirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDatePickerInputSADirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[dateTime][simpleDatePickerInput]',
@@ -26,6 +28,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                         {
                             directive: DateTimeInputSADirective,
                         },
+                        {
+                            directive: SimpleDateTimeInputHandlerSADirective,
+                        },
                     ],
                 }]
         }] });

package/es2020/src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"simpleDatePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;;;;AAElF;;GAEG;AAoBH,MAAM,OAAO,0BAA0B;;uHAA1B,0BAA0B;2GAA1B,0BAA0B;2FAA1B,0BAA0B;kBAnBtC,SAAS;mBACV;oBACI,QAAQ,EAAE,wCAAwC;oBAClD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EACN;gCACI,mBAAmB;gCACnB,eAAe;6BAClB;yBACJ;wBACD;4BACI,SAAS,EAAE,wBAAwB;yBACtC;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {DateTimeInputSADirective, DateTimePickerSADirective} from '../../modules';\n\n/**\n * Directive that combines date picker with simple date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][simpleDatePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: DateTimePickerSADirective,\n            inputs:\n            [\n                'withPickerOptions',\n                'pickerOptions',\n            ]\n        },\n        {\n            directive: DateTimeInputSADirective,\n        },\n    ],\n})\nexport class DatePickerInputSADirective\n{\n}"]}
+{"version":3,"file":"simpleDatePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,wBAAwB,EAAE,yBAAyB,EAAC,MAAM,eAAe,CAAC;AAClF,OAAO,EAAC,qCAAqC,EAAC,MAAM,oEAAoE,CAAC;;;;;AAEzH;;GAEG;AAuBH,MAAM,OAAO,gCAAgC;;6HAAhC,gCAAgC;iHAAhC,gCAAgC;2FAAhC,gCAAgC;kBAtB5C,SAAS;mBACV;oBACI,QAAQ,EAAE,wCAAwC;oBAClD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EACN;gCACI,mBAAmB;gCACnB,eAAe;6BAClB;yBACJ;wBACD;4BACI,SAAS,EAAE,wBAAwB;yBACtC;wBACD;4BACI,SAAS,EAAE,qCAAqC;yBACnD;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {DateTimeInputSADirective, DateTimePickerSADirective} from '../../modules';\nimport {SimpleDateTimeInputHandlerSADirective} from '../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';\n\n/**\n * Directive that combines date picker with simple date input\n */\n@Directive(\n{\n    selector: 'input[dateTime][simpleDatePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: DateTimePickerSADirective,\n            inputs:\n            [\n                'withPickerOptions',\n                'pickerOptions',\n            ]\n        },\n        {\n            directive: DateTimeInputSADirective,\n        },\n        {\n            directive: SimpleDateTimeInputHandlerSADirective,\n        },\n    ],\n})\nexport class SimpleDatePickerInputSADirective\n{\n}"]}

package/es2020/src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.js

@@ -0,0 +1,136 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, Inject, Optional } from '@angular/core';
+import { BindThis } from '@jscrpt/common';
+import { DATE_TIME_INPUT, DATE_API } from '../../misc/tokens';
+import { parseDateTime } from '../../misc/utils';
+import { DateTimePickerSADirective, DateTimeSADirective } from '../../modules';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules";
+/**
+ * Directive that adds simple handler for date time input, which allows simple navigation using keyboard
+ */
+export class SimpleDateTimeInputHandlerSADirective {
+    //######################### constructor #########################
+    constructor(input, dateApi, dateTimeData, picker) {
+        this.input = input;
+        this.dateApi = dateApi;
+        this.dateTimeData = dateTimeData;
+        this.picker = picker;
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this.input.element.addEventListener('keydown', this.handleKeyboard);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.input.element.removeEventListener('keydown', this.handleKeyboard);
+    }
+    //######################### protected methods #########################
+    /**
+     * Handles keyboard events
+     * @param event - Keyboard event that occured
+     */
+    handleKeyboard(event) {
+        const parsedValue = parseDateTime(this.input.value, this.dateApi, null, this.dateTimeData.customFormat);
+        //no value do nothing
+        if (!parsedValue) {
+            return;
+        }
+        //range value
+        if (Array.isArray(parsedValue)) {
+            //TODO: finish range support
+        }
+        else {
+            //do nothing for invalid date time
+            if (!parsedValue.isValid()) {
+                return;
+            }
+            switch (event.key) {
+                case 'ArrowRight':
+                case 'ArrowLeft':
+                    {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowLeft' ? parsedValue.subtractDays(1) : parsedValue.addDays(1));
+                        break;
+                    }
+                case 'ArrowUp':
+                case 'ArrowDown':
+                    {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowUp' ? parsedValue.subtractWeeks(1) : parsedValue.addWeeks(1));
+                        break;
+                    }
+                case 'Escape':
+                    {
+                        this.picker?.hidePicker();
+                        break;
+                    }
+                case ' ':
+                    {
+                        if (event.ctrlKey) {
+                            this.picker?.showPicker();
+                        }
+                        break;
+                    }
+            }
+        }
+    }
+    /**
+     * Tests whether are min or max constraint broken, returns true if constraint is broken
+     * @param value - Value to be tested
+     */
+    minMaxConstraintTest(value) {
+        return (!!this.dateTimeData.minDateTime && value.isBefore(this.dateTimeData.minDateTime)) ||
+            (!!this.dateTimeData.maxDateTime && value.isAfter(this.dateTimeData.maxDateTime));
+    }
+    /**
+     * Runs code with check whether min max constrains was broken
+     * @param value - Value to be used checked for constrains
+     * @param code - Code that should be executed which can change current value
+     */
+    withMinMaxConstraint(value, code) {
+        value.updateOriginal();
+        code();
+        //min value constraint failure
+        if (this.minMaxConstraintTest(value)) {
+            value.resetOriginal();
+        }
+        //value has changed, change input value
+        if (!value.isSame(value.originalValue)) {
+            this.input.value = value.value;
+            this.input.valueChange.next();
+        }
+    }
+}
+SimpleDateTimeInputHandlerSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimeInputHandlerSADirective, deps: [{ token: DATE_TIME_INPUT }, { token: DATE_API }, { token: i1.DateTimeSADirective }, { token: i1.DateTimePickerSADirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SimpleDateTimeInputHandlerSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SimpleDateTimeInputHandlerSADirective, isStandalone: true, selector: "[dateTime][withSimpleHandler]", ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], SimpleDateTimeInputHandlerSADirective.prototype, "handleKeyboard", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimeInputHandlerSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withSimpleHandler]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_TIME_INPUT]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }, { type: i1.DateTimeSADirective }, { type: i1.DateTimePickerSADirective, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { handleKeyboard: [] } });
+//# sourceMappingURL=simpleDateTimeInputHandler.directive.js.map

package/es2020/src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleDateTimeInputHandler.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Inject, OnDestroy, OnInit, Optional} from '@angular/core';\nimport {BindThis} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../interfaces';\nimport {DATE_TIME_INPUT, DATE_API} from '../../misc/tokens';\nimport {parseDateTime} from '../../misc/utils';\nimport {DateTimePickerSADirective, DateTimeSADirective} from '../../modules';\nimport {DateApi, DateApiObject} from '../../services';\n\n/**\n * Directive that adds simple handler for date time input, which allows simple navigation using keyboard\n */\n@Directive(\n{\n    selector: '[dateTime][withSimpleHandler]',\n    standalone: true,\n})\nexport class SimpleDateTimeInputHandlerSADirective<TDate = unknown> implements OnInit, OnDestroy\n{\n    //######################### constructor #########################\n    constructor(@Inject(DATE_TIME_INPUT) protected input: DateTimeInput<TDate>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected dateTimeData: DateTimeSADirective<TDate>,\n                @Optional() protected picker?: DateTimePickerSADirective<TDate>,)\n    {\n    }\n\n    //######################### public methods - implementation of OnInit #########################\n    \n    /**\n     * Initialize component\n     */\n    public ngOnInit(): void\n    {\n        this.input.element.addEventListener('keydown', this.handleKeyboard);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.input.element.removeEventListener('keydown', this.handleKeyboard);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     */\n    @BindThis\n    public handleKeyboard(event: KeyboardEvent): void\n    {\n        const parsedValue = parseDateTime(this.input.value, this.dateApi, null, this.dateTimeData.customFormat);\n        \n        //no value do nothing\n        if(!parsedValue)\n        {\n            return;\n        }\n\n        //range value\n        if(Array.isArray(parsedValue))\n        {\n            //TODO: finish range support\n        }\n        else\n        {\n            //do nothing for invalid date time\n            if(!parsedValue.isValid())\n            {\n                return;\n            }\n\n            switch(event.key)\n            {\n                case 'ArrowRight':\n                case 'ArrowLeft':\n                {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowLeft' ? parsedValue.subtractDays(1) : parsedValue.addDays(1));\n\n                    break;\n                }\n                case 'ArrowUp':\n                case 'ArrowDown':\n                {\n                    event.preventDefault();\n                    event.stopPropagation();\n\n                    this.withMinMaxConstraint(parsedValue, () => event.key == 'ArrowUp' ? parsedValue.subtractWeeks(1) : parsedValue.addWeeks(1));\n\n                    break;\n                }\n                case 'Escape':\n                {\n                    this.picker?.hidePicker();\n\n                    break;\n                }\n                case ' ':\n                {\n                    if(event.ctrlKey)\n                    {\n                        this.picker?.showPicker();\n                    }\n\n                    break;\n                }\n            }\n        }\n    }\n\n    /**\n     * Tests whether are min or max constraint broken, returns true if constraint is broken\n     * @param value - Value to be tested\n     */\n    protected minMaxConstraintTest(value: DateApiObject<TDate>): boolean\n    {\n        return (!!this.dateTimeData.minDateTime && value.isBefore(this.dateTimeData.minDateTime)) ||\n               (!!this.dateTimeData.maxDateTime && value.isAfter(this.dateTimeData.maxDateTime));\n    }\n\n    /**\n     * Runs code with check whether min max constrains was broken\n     * @param value - Value to be used checked for constrains\n     * @param code - Code that should be executed which can change current value\n     */\n    protected withMinMaxConstraint(value: DateApiObject<TDate>, code: () => void): void\n    {\n        value.updateOriginal();\n\n        code();\n\n        //min value constraint failure\n        if(this.minMaxConstraintTest(value))\n        {\n            value.resetOriginal();\n        }\n\n        //value has changed, change input value\n        if(!value.isSame(value.originalValue))\n        {\n            this.input.value = value.value;\n            this.input.valueChange.next();\n        }\n    }\n}\n"]}

package/es2020/src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.js

@@ -0,0 +1,29 @@
+import { Directive } from '@angular/core';
+import { SimpleDatePickerInputSADirective } from '../simpleDatePickerInput/simpleDatePickerInput.directive';
+import { WithTimeSADirective } from '../withTime/withTime.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../simpleDatePickerInput/simpleDatePickerInput.directive";
+import * as i2 from "../withTime/withTime.directive";
+/**
+ * Directive that combines date time picker with simple date time input
+ */
+export class SimpleDateTimePickerInputSADirective {
+}
+SimpleDateTimePickerInputSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimePickerInputSADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+SimpleDateTimePickerInputSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: SimpleDateTimePickerInputSADirective, isStandalone: true, selector: "input[dateTime][simpleDateTimePickerInput]", hostDirectives: [{ directive: i1.SimpleDatePickerInputSADirective }, { directive: i2.WithTimeSADirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SimpleDateTimePickerInputSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[dateTime][simpleDateTimePickerInput]',
+                    standalone: true,
+                    hostDirectives: [
+                        {
+                            directive: SimpleDatePickerInputSADirective,
+                        },
+                        {
+                            directive: WithTimeSADirective,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=simpleDateTimePickerInput.directive.js.map

package/es2020/src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleDateTimePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,gCAAgC,EAAC,MAAM,0DAA0D,CAAC;AAC1G,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;;;;AAEnE;;GAEG;AAeH,MAAM,OAAO,oCAAoC;;iIAApC,oCAAoC;qHAApC,oCAAoC;2FAApC,oCAAoC;kBAdhD,SAAS;mBACV;oBACI,QAAQ,EAAE,4CAA4C;oBACtD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,gCAAgC;yBAC9C;wBACD;4BACI,SAAS,EAAE,mBAAmB;yBACjC;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {SimpleDatePickerInputSADirective} from '../simpleDatePickerInput/simpleDatePickerInput.directive';\nimport {WithTimeSADirective} from '../withTime/withTime.directive';\n\n/**\n * Directive that combines date time picker with simple date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][simpleDateTimePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: SimpleDatePickerInputSADirective,\n        },\n        {\n            directive: WithTimeSADirective,\n        },\n    ],\n})\nexport class SimpleDateTimePickerInputSADirective\n{\n}"]}

package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js

@@ -93,6 +93,7 @@ export class DateTimeInputSADirective extends DateTimeBase {
         if (isBlank(this.internalValue)) {
             return;
         }
+        //update for specified format, round
         //ranged value
         if (Array.isArray(this.internalValue)) {
             const [from, to] = this.internalValue;

package/es2020/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis, isBlank} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi, DateValueProvider} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputSADirective),\n        },\n    ],\n    standalone: true,\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputSADirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.elementRef.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.elementRef.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.dateTimeData.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.elementRef.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.elementRef.nativeElement.disabled = value;\n    }\n\n    /**\n     * Html element that represents input itself\n     */\n    public get element(): HTMLElement\n    {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected elementRef: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected valueProvider: DateValueProvider<TDate>,)\n    {\n        super();\n\n        this.elementRef.nativeElement.addEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.addEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.elementRef.nativeElement.removeEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.dateTimeData.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.dateTimeData.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.dateTimeData.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.dateTimeData.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        if(!this.rawValue)\n        {\n            this.internalValue = null;\n            this.ɵValue = null;\n\n            this.valueChange.next();\n\n            return;\n        }\n\n        this.setInternalValue(this.rawValue);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}
+{"version":3,"file":"dateTimeInput.directive.js","sourceRoot":"","sources":["../../../../../../src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, ElementRef, EventEmitter, ExistingProvider, forwardRef, Inject, OnDestroy} from '@angular/core';\nimport {BindThis, isBlank} from '@jscrpt/common';\n\nimport {DateTimeInput} from '../../../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT} from '../../../../misc/tokens';\nimport {DateTimeInputOutputValue, DateTimeObjectValue} from '../../../../misc/types';\nimport {formatDateTime, parseDateTime} from '../../../../misc/utils';\nimport {DateApi, DateValueProvider} from '../../../../services';\nimport {DateTimeBase} from '../dateTimeBase';\n\n//TODO: range is unimplemented\n\n/**\n * Directive that is used for setting up date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimeInput]',\n    providers:\n    [\n        <ExistingProvider>\n        {\n            provide: DATE_TIME_INPUT,\n            useExisting: forwardRef(() => DateTimeInputSADirective),\n        },\n    ],\n    standalone: true,\n    exportAs: 'dateTime',\n})\nexport class DateTimeInputSADirective<TDate = unknown> extends DateTimeBase<TDate> implements DateTimeInput, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Internal representation of current date time value\n     */\n    protected internalValue: DateTimeObjectValue<TDate>|undefined|null;\n\n    //######################### public properties - implementation of DateTimeInput #########################\n\n    /**\n     * @inheritdoc\n     */\n    public get rawValue(): string|undefined|null\n    {\n        return this.elementRef.nativeElement.value;\n    }\n    public set rawValue(value: string|undefined|null)\n    {\n        this.elementRef.nativeElement.value = value ?? '';\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public override get value(): DateTimeInputOutputValue<TDate>|undefined|null\n    {\n        return this.ɵValue;\n    }\n    public override set value(value: DateTimeInputOutputValue<TDate>|undefined|null)\n    {\n        //accepts all available formats\n        this.setInternalValue(value);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n        \n        //not range value\n        if(!Array.isArray(this.internalValue))\n        {\n            this.rawValue = this.internalValue?.format(this.dateTimeData.customFormat);\n        }\n        else\n        {\n            //TODO: add support for ranges\n        }\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public get disabled(): boolean\n    {\n        return this.elementRef.nativeElement.disabled;\n    }\n    public set disabled(value: boolean)\n    {\n        this.elementRef.nativeElement.disabled = value;\n    }\n\n    /**\n     * Html element that represents input itself\n     */\n    public get element(): HTMLElement\n    {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * @inheritdoc\n     */\n    public focus: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    /**\n     * @inheritdoc\n     */\n    public blur: EventEmitter<FocusEvent> = new EventEmitter<FocusEvent>();\n\n    //######################### constructors #########################\n    constructor(protected elementRef: ElementRef<HTMLInputElement>,\n                @Inject(DATE_API) protected dateApi: DateApi<TDate>,\n                protected valueProvider: DateValueProvider<TDate>,)\n    {\n        super();\n\n        this.elementRef.nativeElement.addEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.addEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.addEventListener('blur', this.handleBlur);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public override ngOnDestroy(): void\n    {\n        super.ngOnDestroy();\n\n        this.elementRef.nativeElement.removeEventListener('input', this.handleInput);\n        this.elementRef.nativeElement.removeEventListener('focus', this.handleFocus);\n        this.elementRef.nativeElement.removeEventListener('blur', this.handleBlur);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Sets internal value and fix lowest time difference\n     * @param value - Value to be set\n     */\n    protected setInternalValue(value: DateTimeInputOutputValue<TDate>|undefined|null): void\n    {\n        this.internalValue = parseDateTime(value, this.dateApi, null, this.dateTimeData.customFormat);\n\n        if(isBlank(this.internalValue))\n        {\n            return;\n        }\n\n        //update for specified format, round\n\n        //ranged value\n        if(Array.isArray(this.internalValue))\n        {\n            const [from, to] = this.internalValue;\n\n            if(from)\n            {\n                const val = this.valueProvider.getValue(from.value, this.dateTimeData.customFormat).from;\n\n                if(val)\n                {\n                    this.internalValue[0] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n\n            if(to)\n            {\n                const val = this.valueProvider.getValue(to.value, this.dateTimeData.customFormat).to;\n\n                if(val)\n                {\n                    this.internalValue[1] = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n                }\n            }\n        }\n        else\n        {\n            const val = this.valueProvider.getValue(this.internalValue.value, this.dateTimeData.customFormat).from;\n\n            if(val)\n            {\n                this.internalValue = this.dateApi.getValue(val, this.dateTimeData.customFormat);\n            }\n        }\n    }\n\n    /**\n     * Handles input event on input\n     */\n    @BindThis\n    protected handleInput(): void\n    {\n        if(!this.rawValue)\n        {\n            this.internalValue = null;\n            this.ɵValue = null;\n\n            this.valueChange.next();\n\n            return;\n        }\n\n        this.setInternalValue(this.rawValue);\n        this.ɵValue = formatDateTime(this.internalValue, this.dateTimeData.valueFormat, this.dateTimeData.customFormat);\n\n        this.valueChange.next();\n    }\n\n    /**\n     * Handles focus event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleFocus(event: FocusEvent): void\n    {\n        this.focus.emit(event);\n    }\n\n    /**\n     * Handles blur event on input\n     * @param event - Event that occured\n     */\n    @BindThis\n    protected handleBlur(event: FocusEvent): void\n    {\n        this.blur.emit(event);\n    }\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@anglr/datetime",
-    "version": "6.0.0-beta.20221223060503",
+    "version": "6.0.0-beta.20221223105933",
     "description": "Angular library for datetime manipulation components",
     "type": "module",
     "sideEffects": false,

package/src/directives/index.d.ts

@@ -1,4 +1,6 @@
 export * from './simpleDatePickerInput/simpleDatePickerInput.directive';
+export * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';
+export * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';
 export * from './withTime/withTime.directive';
 export * from './withToday/withToday.directive';
 //# sourceMappingURL=index.d.ts.map

package/src/directives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,yDAAyD,CAAC;AACxE,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC"}

package/src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.d.ts

@@ -1,11 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "../../modules/dateTimePicker/directives/dateTimePicker/dateTimePicker.directive";
 import * as i2 from "../../modules/dateTime/directives/dateTimeInput/dateTimeInput.directive";
+import * as i3 from "../simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive";
 /**
- * Directive that combines date picker with simple date time input
+ * Directive that combines date picker with simple date input
  */
-export declare class DatePickerInputSADirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerInputSADirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DatePickerInputSADirective, "input[dateTime][simpleDatePickerInput]", never, {}, {}, never, never, true, [{ directive: typeof i1.DateTimePickerSADirective; inputs: { "withPickerOptions": "withPickerOptions"; "pickerOptions": "pickerOptions"; }; outputs: {}; }, { directive: typeof i2.DateTimeInputSADirective; inputs: {}; outputs: {}; }]>;
+export declare class SimpleDatePickerInputSADirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleDatePickerInputSADirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SimpleDatePickerInputSADirective, "input[dateTime][simpleDatePickerInput]", never, {}, {}, never, never, true, [{ directive: typeof i1.DateTimePickerSADirective; inputs: { "withPickerOptions": "withPickerOptions"; "pickerOptions": "pickerOptions"; }; outputs: {}; }, { directive: typeof i2.DateTimeInputSADirective; inputs: {}; outputs: {}; }, { directive: typeof i3.SimpleDateTimeInputHandlerSADirective; inputs: {}; outputs: {}; }]>;
 }
 //# sourceMappingURL=simpleDatePickerInput.directive.d.ts.map

package/src/directives/simpleDatePickerInput/simpleDatePickerInput.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simpleDatePickerInput.directive.d.ts","sourceRoot":"","sources":["simpleDatePickerInput.directive.ts"],"names":[],"mappings":";;;AAIA;;GAEG;AACH,qBAmBa,0BAA0B;yCAA1B,0BAA0B;2CAA1B,0BAA0B;CAEtC"}
+{"version":3,"file":"simpleDatePickerInput.directive.d.ts","sourceRoot":"","sources":["simpleDatePickerInput.directive.ts"],"names":[],"mappings":";;;;AAKA;;GAEG;AACH,qBAsBa,gCAAgC;yCAAhC,gCAAgC;2CAAhC,gCAAgC;CAE5C"}

package/src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.d.ts

@@ -0,0 +1,42 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { DateTimeInput } from '../../interfaces';
+import { DateTimePickerSADirective, DateTimeSADirective } from '../../modules';
+import { DateApi, DateApiObject } from '../../services';
+import * as i0 from "@angular/core";
+/**
+ * Directive that adds simple handler for date time input, which allows simple navigation using keyboard
+ */
+export declare class SimpleDateTimeInputHandlerSADirective<TDate = unknown> implements OnInit, OnDestroy {
+    protected input: DateTimeInput<TDate>;
+    protected dateApi: DateApi<TDate>;
+    protected dateTimeData: DateTimeSADirective<TDate>;
+    protected picker?: DateTimePickerSADirective<TDate> | undefined;
+    constructor(input: DateTimeInput<TDate>, dateApi: DateApi<TDate>, dateTimeData: DateTimeSADirective<TDate>, picker?: DateTimePickerSADirective<TDate> | undefined);
+    /**
+     * Initialize component
+     */
+    ngOnInit(): void;
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy(): void;
+    /**
+     * Handles keyboard events
+     * @param event - Keyboard event that occured
+     */
+    handleKeyboard(event: KeyboardEvent): void;
+    /**
+     * Tests whether are min or max constraint broken, returns true if constraint is broken
+     * @param value - Value to be tested
+     */
+    protected minMaxConstraintTest(value: DateApiObject<TDate>): boolean;
+    /**
+     * Runs code with check whether min max constrains was broken
+     * @param value - Value to be used checked for constrains
+     * @param code - Code that should be executed which can change current value
+     */
+    protected withMinMaxConstraint(value: DateApiObject<TDate>, code: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleDateTimeInputHandlerSADirective<any>, [null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SimpleDateTimeInputHandlerSADirective<any>, "[dateTime][withSimpleHandler]", never, {}, {}, never, never, true, never>;
+}
+//# sourceMappingURL=simpleDateTimeInputHandler.directive.d.ts.map

package/src/directives/simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleDateTimeInputHandler.directive.d.ts","sourceRoot":"","sources":["simpleDateTimeInputHandler.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAW,MAAM,eAAe,CAAC;AAG7E,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAC,yBAAyB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAC,OAAO,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;;AAEtD;;GAEG;AACH,qBAKa,qCAAqC,CAAC,KAAK,GAAG,OAAO,CAAE,YAAW,MAAM,EAAE,SAAS;IAGvD,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC;IAC5C,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,YAAY,EAAE,mBAAmB,CAAC,KAAK,CAAC;IACtC,SAAS,CAAC,MAAM,CAAC;gBAHM,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,YAAY,EAAE,mBAAmB,CAAC,KAAK,CAAC,EAC5B,MAAM,CAAC,8CAAkC;IAM3E;;OAEG;IACI,QAAQ,IAAI,IAAI;IAOvB;;OAEG;IACI,WAAW,IAAI,IAAI;IAO1B;;;OAGG;IAEI,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IAgEjD;;;OAGG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,OAAO;IAMpE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,IAAI;yCApH1E,qCAAqC;2CAArC,qCAAqC;CAuIjD"}

package/src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "../simpleDatePickerInput/simpleDatePickerInput.directive";
+import * as i2 from "../withTime/withTime.directive";
+/**
+ * Directive that combines date time picker with simple date time input
+ */
+export declare class SimpleDateTimePickerInputSADirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleDateTimePickerInputSADirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SimpleDateTimePickerInputSADirective, "input[dateTime][simpleDateTimePickerInput]", never, {}, {}, never, never, true, [{ directive: typeof i1.SimpleDatePickerInputSADirective; inputs: {}; outputs: {}; }, { directive: typeof i2.WithTimeSADirective; inputs: {}; outputs: {}; }]>;
+}
+//# sourceMappingURL=simpleDateTimePickerInput.directive.d.ts.map

package/src/directives/simpleDateTimePickerInput/simpleDateTimePickerInput.directive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleDateTimePickerInput.directive.d.ts","sourceRoot":"","sources":["simpleDateTimePickerInput.directive.ts"],"names":[],"mappings":";;;AAKA;;GAEG;AACH,qBAca,oCAAoC;yCAApC,oCAAoC;2CAApC,oCAAoC;CAEhD"}

package/src/modules/dateTime/directives/dateTimeInput/dateTimeInput.directive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTimeInput.directive.d.ts","sourceRoot":"","sources":["dateTimeInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,YAAY,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;AAGnH,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAI7C;;GAEG;AACH,qBAca,wBAAwB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,KAAK,CAAE,YAAW,aAAa,EAAE,SAAS;IA8EtG,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAChC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IA5E7D;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAInE;;OAEG;IACH,IAAW,QAAQ,IAAI,MAAM,GAAC,SAAS,GAAC,IAAI,CAG3C;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,EAG/C;IAED;;OAEG;IACH,IAAoB,KAAK,IAAI,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAG1E;IACD,IAAoB,KAAK,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,EAe9E;IAED;;OAEG;IACH,IAAW,QAAQ,IAAI,OAAO,CAG7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,WAAW,CAGhC;IAED;;OAEG;IACI,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;IAExE;;OAEG;IACI,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;gBAGjD,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC,EACtB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IAW7D;;OAEG;IACa,WAAW,IAAI,IAAI;IAWnC;;;OAGG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,GAAG,IAAI;IA6CvF;;OAEG;IAEH,SAAS,CAAC,WAAW,IAAI,IAAI;IAkB7B;;;OAGG;IAEH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK9C;;;OAGG;IAEH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCA/LpC,wBAAwB;2CAAxB,wBAAwB;CAmMpC"}
+{"version":3,"file":"dateTimeInput.directive.d.ts","sourceRoot":"","sources":["dateTimeInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,YAAY,EAAwC,SAAS,EAAC,MAAM,eAAe,CAAC;AAGnH,OAAO,EAAC,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAC,wBAAwB,EAAE,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;;AAI7C;;GAEG;AACH,qBAca,wBAAwB,CAAC,KAAK,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,KAAK,CAAE,YAAW,aAAa,EAAE,SAAS;IA8EtG,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAChC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC;IACnD,SAAS,CAAC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IA5E7D;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,mBAAmB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAAC;IAInE;;OAEG;IACH,IAAW,QAAQ,IAAI,MAAM,GAAC,SAAS,GAAC,IAAI,CAG3C;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,SAAS,GAAC,IAAI,EAG/C;IAED;;OAEG;IACH,IAAoB,KAAK,IAAI,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,CAG1E;IACD,IAAoB,KAAK,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,EAe9E;IAED;;OAEG;IACH,IAAW,QAAQ,IAAI,OAAO,CAG7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAGjC;IAED;;OAEG;IACH,IAAW,OAAO,IAAI,WAAW,CAGhC;IAED;;OAEG;IACI,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;IAExE;;OAEG;IACI,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAkC;gBAGjD,UAAU,EAAE,UAAU,CAAC,gBAAgB,CAAC,EACtB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EACzC,aAAa,EAAE,iBAAiB,CAAC,KAAK,CAAC;IAW7D;;OAEG;IACa,WAAW,IAAI,IAAI;IAWnC;;;OAGG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAC,SAAS,GAAC,IAAI,GAAG,IAAI;IA+CvF;;OAEG;IAEH,SAAS,CAAC,WAAW,IAAI,IAAI;IAkB7B;;;OAGG;IAEH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAK9C;;;OAGG;IAEH,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;yCAjMpC,wBAAwB;2CAAxB,wBAAwB;CAqMpC"}

package/styles/core/_mixins.scss

@@ -3,6 +3,7 @@
 
 @use 'misc';
 @use '../components/date-time-picker' as dateTimePicker;
+@use '../components/month-calendar' as monthCalendar;
 
 @mixin buildThemeColors($theme)
 {
@@ -30,6 +31,7 @@
     @include misc.generate-margin-padding('margin', (none: 0, extra-small: 4px, small: 10px, medium: 15px, big: 20px));
     // @include misc.thin-scrollbar('--dynamic-thin-scrollbar');
     @include dateTimePicker.css;
+    @include monthCalendar.css;
 }
 
 @mixin buildTheme($theme)

package/version.bak

@@ -1 +1 @@
-6.0.0-beta.20221223060503 
+6.0.0-beta.20221223105933