@anglr/datetime 6.0.0 → 6.1.0-beta.20230104111018

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

@@ -0,0 +1,322 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, Inject, Optional } from '@angular/core';
+import { BindThis } from '@jscrpt/common';
+import { Subscription } from 'rxjs';
+import { DATE_API, DATE_TIME_INPUT } from '../../misc/tokens';
+import { parseDateTime, parseRawInput } from '../../misc/utils';
+import { DateTimePickerSADirective, DateTimeSADirective } from '../../modules';
+import { DatePositionParserService, DateValueProvider } from '../../services';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules";
+import * as i2 from "../../services";
+/**
+ * Directive that adds handler for date time input, which allows navigation using keyboard and checking restriction of value
+ */
+export class DateTimeInputHandlerSADirective {
+    //######################### constructor #########################
+    constructor(input, dateApi, dateTimeData, parserSvc, valueProvider, picker) {
+        this.input = input;
+        this.dateApi = dateApi;
+        this.dateTimeData = dateTimeData;
+        this.parserSvc = parserSvc;
+        this.valueProvider = valueProvider;
+        this.picker = picker;
+        //######################### protected properties #########################
+        /**
+         * Subscriptions created during initialization
+         */
+        this.initSubscriptions = new Subscription();
+        this.parser = parserSvc.createParser(this.dateTimeData.customFormat);
+        this.initSubscriptions.add(this.dateTimeData.customFormatChanges.subscribe(() => this.parser = parserSvc.createParser(this.dateTimeData.customFormat)));
+    }
+    /**
+     * Gets input element as html input
+     */
+    get inputElement() {
+        if (this.input.element.nodeName == 'INPUT') {
+            return this.input.element;
+        }
+        throw new Error('You cant use DateTimeInputHandlerSADirective without input element!');
+    }
+    //######################### public methods - implementation of OnInit #########################
+    /**
+     * Initialize component
+     */
+    ngOnInit() {
+        this.input.element.addEventListener('keydown', this.handleKeyboard);
+        this.input.element.addEventListener('keypress', this.handleKeypress);
+        this.input.element.addEventListener('select', this.handleSelect);
+        this.input.element.addEventListener('click', this.handleClick);
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.initSubscriptions.unsubscribe();
+        this.input.element.removeEventListener('keydown', this.handleKeyboard);
+        this.input.element.removeEventListener('keypress', this.handleKeypress);
+        this.input.element.removeEventListener('select', this.handleSelect);
+        this.input.element.removeEventListener('click', this.handleClick);
+    }
+    //######################### protected methods #########################
+    /**
+     * Handles selection of text inside of input
+     */
+    handleSelect() {
+        this.runWithValue(() => {
+            //handles when all text is selected
+            if (this.inputElement.selectionStart == 0 && this.inputElement.selectionEnd == this.inputElement.value.length) {
+                const result = this.parser.parse(this.inputElement.value, this.inputElement.selectionStart);
+                this.inputElement.selectionStart = result.positionFrom;
+                this.inputElement.selectionEnd = result.positionTo;
+            }
+        }, () => {
+            //TODO: add support for ranges
+        });
+    }
+    /**
+     * Handles click event inside of input
+     */
+    handleClick() {
+        this.runWithValue(() => {
+            const result = this.parser.parse(this.inputElement.value, this.inputElement.selectionStart ?? 0);
+            this.inputElement.selectionStart = result.positionFrom;
+            this.inputElement.selectionEnd = result.positionTo;
+        }, () => {
+            //TODO: add support for ranges
+        });
+    }
+    /**
+     * Handles keyboard events
+     * @param event - Keyboard event that occured
+     */
+    handleKeypress(event) {
+        const selectionStart = this.inputElement.selectionStart ?? 0;
+        const selectionEnd = this.inputElement.selectionEnd ?? 0;
+        const newRawValueArray = this.inputElement.value.split('');
+        newRawValueArray.splice(selectionStart, selectionEnd - selectionStart);
+        newRawValueArray.splice(selectionStart, 0, ...event.key);
+        const newRawValue = newRawValueArray.join('');
+        const [parsedValue] = parseRawInput(newRawValue, this.dateApi, this.dateTimeData, this.valueProvider);
+        this.runWithValue(parsedValue => {
+            if (this.minMaxConstraintTest(parsedValue)) {
+                event.preventDefault();
+                event.stopPropagation();
+            }
+        }, () => {
+            //TODO: add support for ranges
+        }, parsedValue);
+    }
+    /**
+     * Handles keyboard events
+     * @param event - Keyboard event that occured
+     */
+    handleKeyboard(event) {
+        this.runWithValue(parsedValue => {
+            const selectionStart = this.inputElement.selectionStart ?? 0;
+            switch (event.key) {
+                case 'ArrowRight':
+                case 'ArrowLeft':
+                    {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        const result = event.key == 'ArrowLeft' ? this.parser.previous(this.inputElement.value, selectionStart) : this.parser.next(this.inputElement.value, selectionStart);
+                        if (result) {
+                            this.inputElement.selectionStart = result.positionFrom;
+                            this.inputElement.selectionEnd = result.positionTo;
+                        }
+                        break;
+                    }
+                case 'ArrowUp':
+                case 'ArrowDown':
+                    {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        let result = this.parser.parse(this.inputElement.value, selectionStart);
+                        const selectionStartNew = result.positionFrom;
+                        this.stepChangeValue(parsedValue, result.part, event.key == 'ArrowUp');
+                        result = this.parser.parse(this.inputElement.value, selectionStartNew);
+                        this.inputElement.selectionStart = result.positionFrom;
+                        this.inputElement.selectionEnd = result.positionTo;
+                        break;
+                    }
+                case 'Tab':
+                    {
+                        const result = event.shiftKey ? this.parser.previous(this.inputElement.value, selectionStart) : this.parser.next(this.inputElement.value, selectionStart);
+                        if (result) {
+                            event.preventDefault();
+                            event.stopPropagation();
+                            this.inputElement.selectionStart = result.positionFrom;
+                            this.inputElement.selectionEnd = result.positionTo;
+                        }
+                        break;
+                    }
+                case 'a':
+                    {
+                        if (event.ctrlKey) {
+                            event.preventDefault();
+                            event.stopPropagation();
+                        }
+                        break;
+                    }
+                case 'Backspace':
+                    {
+                        this.input.value = null;
+                        this.input.valueChange.next();
+                        break;
+                    }
+                case 'Escape':
+                    {
+                        this.picker?.hidePicker();
+                        break;
+                    }
+                case ' ':
+                    {
+                        if (event.ctrlKey) {
+                            this.picker?.showPicker();
+                        }
+                        break;
+                    }
+            }
+        }, () => {
+            //TODO: add support for ranges
+        });
+    }
+    /**
+     * 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();
+        }
+    }
+    /**
+     * Runs code for existing and valid value of date time
+     * @param singleValueCode - Code to be run when only single value can be inside of date time
+     * @param rangeValueCode - Code to be run when range value can be inside of date time
+     * @param parsedValueDefault - Default parsed value to be used
+     */
+    runWithValue(singleValueCode, rangeValueCode, parsedValueDefault) {
+        const parsedValue = parsedValueDefault ?? parseDateTime(this.input.value, this.dateApi, null, this.dateTimeData.customFormat);
+        if (!parsedValue) {
+            return;
+        }
+        if (Array.isArray(parsedValue)) {
+            rangeValueCode(parsedValue);
+        }
+        else {
+            //do nothing for invalid value
+            if (!parsedValue.isValid()) {
+                return;
+            }
+            singleValueCode(parsedValue);
+        }
+    }
+    /**
+     * Changes current value of date for for specified part by single step
+     * @param value - Value to be used checked for constrains
+     * @param part - Part of date that should be changed
+     * @param increment - Indication whether value should be incremented or decremented
+     */
+    stepChangeValue(value, part, increment) {
+        switch (part) {
+            case 'y':
+            case 'Y':
+                {
+                    this.withMinMaxConstraint(value, () => increment ? value.addYears(1) : value.subtractYears(1));
+                    break;
+                }
+            case 'Q':
+                {
+                    break;
+                }
+            case 'M':
+                {
+                    this.withMinMaxConstraint(value, () => increment ? value.addMonths(1) : value.subtractMonths(1));
+                    break;
+                }
+            case 'w':
+                {
+                    this.withMinMaxConstraint(value, () => increment ? value.addWeeks(1) : value.subtractWeeks(1));
+                    break;
+                }
+            case 'd':
+            case 'D':
+                {
+                    this.withMinMaxConstraint(value, () => increment ? value.addDays(1) : value.subtractDays(1));
+                    break;
+                }
+            case 'H':
+                {
+                    this.withMinMaxConstraint(value, () => increment ? value.addHours(1) : value.subtractHours(1));
+                    break;
+                }
+            case 'm':
+                {
+                    this.withMinMaxConstraint(value, () => increment ? value.addMinutes(1) : value.subtractMinutes(1));
+                    break;
+                }
+        }
+    }
+}
+DateTimeInputHandlerSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimeInputHandlerSADirective, deps: [{ token: DATE_TIME_INPUT }, { token: DATE_API }, { token: i1.DateTimeSADirective }, { token: i2.DatePositionParserService }, { token: i2.DateValueProvider }, { token: i1.DateTimePickerSADirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+DateTimeInputHandlerSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: DateTimeInputHandlerSADirective, isStandalone: true, selector: "[dateTime][withHandler]", ngImport: i0 });
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DateTimeInputHandlerSADirective.prototype, "handleSelect", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DateTimeInputHandlerSADirective.prototype, "handleClick", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], DateTimeInputHandlerSADirective.prototype, "handleKeypress", null);
+__decorate([
+    BindThis,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [KeyboardEvent]),
+    __metadata("design:returntype", void 0)
+], DateTimeInputHandlerSADirective.prototype, "handleKeyboard", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DateTimeInputHandlerSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withHandler]',
+                    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: i2.DatePositionParserService }, { type: i2.DateValueProvider }, { type: i1.DateTimePickerSADirective, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { handleSelect: [], handleClick: [], handleKeypress: [], handleKeyboard: [] } });
+//# sourceMappingURL=dateTimeInputHandler.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeInputHandler.directive.js","sourceRoot":"","sources":["../../../../src/directives/dateTimeInputHandler/dateTimeInputHandler.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {Directive, Inject, OnDestroy, OnInit, Optional} from '@angular/core';\nimport {Action1, BindThis} from '@jscrpt/common';\nimport {Subscription} from 'rxjs';\n\nimport {DateTimeInput} from '../../interfaces';\nimport {DATE_API, DATE_TIME_INPUT} from '../../misc/tokens';\nimport {DateTimeObjectValue} from '../../misc/types';\nimport {parseDateTime, parseRawInput} from '../../misc/utils';\nimport {DateTimePickerSADirective, DateTimeSADirective} from '../../modules';\nimport {DateApi, DateApiObject, DatePositionParser, DatePositionParserService, DateValueProvider} from '../../services';\n\n/**\n * Directive that adds handler for date time input, which allows navigation using keyboard and checking restriction of value\n */\n@Directive(\n{\n    selector: '[dateTime][withHandler]',\n    standalone: true,\n})\nexport class DateTimeInputHandlerSADirective<TDate = unknown> implements OnInit, OnDestroy\n{\n    //######################### protected properties #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    /**\n     * Instance of parser created for specific format\n     */\n    protected parser: DatePositionParser;\n\n    /**\n     * Gets input element as html input\n     */\n    protected get inputElement(): HTMLInputElement\n    {\n        if(this.input.element.nodeName == 'INPUT')\n        {\n            return this.input.element as HTMLInputElement;\n        }\n\n        throw new Error('You cant use DateTimeInputHandlerSADirective without input element!');\n    }\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                protected parserSvc: DatePositionParserService,\n                protected valueProvider: DateValueProvider<TDate>,\n                @Optional() protected picker?: DateTimePickerSADirective<TDate>,)\n    {\n        this.parser = parserSvc.createParser(this.dateTimeData.customFormat);\n        this.initSubscriptions.add(this.dateTimeData.customFormatChanges.subscribe(() => this.parser = parserSvc.createParser(this.dateTimeData.customFormat)));\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        this.input.element.addEventListener('keypress', this.handleKeypress);\n        this.input.element.addEventListener('select', this.handleSelect);\n        this.input.element.addEventListener('click', this.handleClick);\n    }\n\n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.initSubscriptions.unsubscribe();\n        this.input.element.removeEventListener('keydown', this.handleKeyboard);\n        this.input.element.removeEventListener('keypress', this.handleKeypress);\n        this.input.element.removeEventListener('select', this.handleSelect);\n        this.input.element.removeEventListener('click', this.handleClick);\n    }\n\n    //######################### protected methods #########################\n\n    /**\n     * Handles selection of text inside of input\n     */\n    @BindThis\n    protected handleSelect(): void\n    {\n        this.runWithValue(() =>\n                          {\n                              //handles when all text is selected\n                              if(this.inputElement.selectionStart == 0 && this.inputElement.selectionEnd == this.inputElement.value.length)\n                              {\n                                  const result = this.parser.parse(this.inputElement.value, this.inputElement.selectionStart);\n  \n                                  this.inputElement.selectionStart = result.positionFrom;\n                                  this.inputElement.selectionEnd = result.positionTo;\n                              }\n                          },\n                          () =>\n                          {\n                              //TODO: add support for ranges\n                          });\n    }\n\n    /**\n     * Handles click event inside of input\n     */\n    @BindThis\n    protected handleClick(): void\n    {\n        this.runWithValue(() =>\n                          {\n                              const result = this.parser.parse(this.inputElement.value, this.inputElement.selectionStart ?? 0);\n  \n                              this.inputElement.selectionStart = result.positionFrom;\n                              this.inputElement.selectionEnd = result.positionTo;\n                          },\n                          () =>\n                          {\n                              //TODO: add support for ranges\n                          });\n    }\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     */\n    @BindThis\n    protected handleKeypress(event: KeyboardEvent): void\n    {\n        const selectionStart = this.inputElement.selectionStart ?? 0;\n        const selectionEnd = this.inputElement.selectionEnd ?? 0;\n        const newRawValueArray = this.inputElement.value.split('');\n        newRawValueArray.splice(selectionStart , selectionEnd - selectionStart);\n        newRawValueArray.splice(selectionStart, 0, ...event.key);\n        const newRawValue = newRawValueArray.join('');\n\n        const [parsedValue] = parseRawInput(newRawValue, this.dateApi, this.dateTimeData, this.valueProvider);\n\n        this.runWithValue(parsedValue =>\n                          {\n                              if(this.minMaxConstraintTest(parsedValue))\n                              {\n                                  event.preventDefault();\n                                  event.stopPropagation();\n                              }\n                          },\n                          () =>\n                          {\n                              //TODO: add support for ranges\n                          },\n                          parsedValue);\n    }\n\n    /**\n     * Handles keyboard events\n     * @param event - Keyboard event that occured\n     */\n    @BindThis\n    protected handleKeyboard(event: KeyboardEvent): void\n    {\n        this.runWithValue(parsedValue =>\n                          {\n                              const selectionStart = this.inputElement.selectionStart ?? 0;\n\n                              switch(event.key)\n                              {\n                                  case 'ArrowRight':\n                                  case 'ArrowLeft':\n                                  {\n                                      event.preventDefault();\n                                      event.stopPropagation();\n                      \n                                      const result = event.key == 'ArrowLeft' ? this.parser.previous(this.inputElement.value, selectionStart) : this.parser.next(this.inputElement.value, selectionStart);\n                      \n                                      if(result)\n                                      {\n                                          this.inputElement.selectionStart = result.positionFrom;\n                                          this.inputElement.selectionEnd = result.positionTo;\n                                      }\n                      \n                                      break;\n                                  }\n                                  case 'ArrowUp':\n                                  case 'ArrowDown':\n                                  {\n                                      event.preventDefault();\n                                      event.stopPropagation();\n                      \n                                      let result = this.parser.parse(this.inputElement.value, selectionStart);\n                                      const selectionStartNew = result.positionFrom;\n                      \n                                      this.stepChangeValue(parsedValue, result.part, event.key == 'ArrowUp');\n                      \n                                      result = this.parser.parse(this.inputElement.value, selectionStartNew);\n                      \n                                      this.inputElement.selectionStart = result.positionFrom;\n                                      this.inputElement.selectionEnd = result.positionTo;\n                      \n                                      break;\n                                  }\n                                  case 'Tab':\n                                  {\n                                      const result = event.shiftKey ? this.parser.previous(this.inputElement.value, selectionStart) : this.parser.next(this.inputElement.value, selectionStart);\n                      \n                                      if(result)\n                                      {\n                                          event.preventDefault();\n                                          event.stopPropagation();\n                      \n                                          this.inputElement.selectionStart = result.positionFrom;\n                                          this.inputElement.selectionEnd = result.positionTo;\n                                      }\n                      \n                                      break;\n                                  }\n                                  case 'a':\n                                  {\n                                      if(event.ctrlKey)\n                                      {\n                                          event.preventDefault();\n                                          event.stopPropagation();\n                                      }\n                      \n                                      break;\n                                  }\n                                  case 'Backspace':\n                                  {\n                                      this.input.value = null;\n                                      this.input.valueChange.next();\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                              //TODO: add support for ranges\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    /**\n     * Runs code for existing and valid value of date time\n     * @param singleValueCode - Code to be run when only single value can be inside of date time\n     * @param rangeValueCode - Code to be run when range value can be inside of date time\n     * @param parsedValueDefault - Default parsed value to be used\n     */\n    protected runWithValue(singleValueCode: Action1<DateApiObject<TDate>>, rangeValueCode: Action1<[DateApiObject<TDate> | null, DateApiObject<TDate> | null]>, parsedValueDefault?: DateTimeObjectValue<TDate>|undefined|null): void\n    {\n        const parsedValue = parsedValueDefault ?? parseDateTime(this.input.value, this.dateApi, null, this.dateTimeData.customFormat);\n\n        if(!parsedValue)\n        {\n            return;\n        }\n\n        if(Array.isArray(parsedValue))\n        {\n            rangeValueCode(parsedValue);\n        }\n        else\n        {\n            //do nothing for invalid value\n            if(!parsedValue.isValid())\n            {\n                return;\n            }\n\n            singleValueCode(parsedValue);\n        }\n    }\n\n    /**\n     * Changes current value of date for for specified part by single step\n     * @param value - Value to be used checked for constrains\n     * @param part - Part of date that should be changed\n     * @param increment - Indication whether value should be incremented or decremented\n     */\n    protected stepChangeValue(value: DateApiObject<TDate>, part: string, increment: boolean): void\n    {\n        switch(part)\n        {\n            case 'y':\n            case 'Y':\n            {\n                this.withMinMaxConstraint(value, () => increment ? value.addYears(1) : value.subtractYears(1));\n\n                break;\n            }\n            case 'Q':\n            {\n                break;\n            }\n            case 'M':\n            {\n                this.withMinMaxConstraint(value, () => increment ? value.addMonths(1) : value.subtractMonths(1));\n\n                break;\n            }\n            case 'w':\n            {\n                this.withMinMaxConstraint(value, () => increment ? value.addWeeks(1) : value.subtractWeeks(1));\n\n                break;\n            }\n            case 'd':\n            case 'D':\n            {\n                this.withMinMaxConstraint(value, () => increment ? value.addDays(1) : value.subtractDays(1));\n\n                break;\n            }\n            case 'H':\n            {\n                this.withMinMaxConstraint(value, () => increment ? value.addHours(1) : value.subtractHours(1));\n\n                break;\n            }\n            case 'm':\n            {\n                this.withMinMaxConstraint(value, () => increment ? value.addMinutes(1) : value.subtractMinutes(1));\n\n                break;\n            }\n        }\n    }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePickerInput.directive.js","sourceRoot":"","sources":["../../../../src/directives/dateTimePickerInput/dateTimePickerInput.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AAExC,OAAO,EAAC,0BAA0B,EAAC,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAC,mBAAmB,EAAC,MAAM,gCAAgC,CAAC;;;;AAEnE;;GAEG;AAeH,MAAM,OAAO,8BAA8B;;2HAA9B,8BAA8B;+GAA9B,8BAA8B;2FAA9B,8BAA8B;kBAd1C,SAAS;mBACV;oBACI,QAAQ,EAAE,sCAAsC;oBAChD,UAAU,EAAE,IAAI;oBAChB,cAAc,EACd;wBACI;4BACI,SAAS,EAAE,0BAA0B;yBACxC;wBACD;4BACI,SAAS,EAAE,mBAAmB;yBACjC;qBACJ;iBACJ","sourcesContent":["import {Directive} from '@angular/core';\n\nimport {DatePickerInputSADirective} from '../datePickerInput/datePickerInput.directive';\nimport {WithTimeSADirective} from '../withTime/withTime.directive';\n\n/**\n * Directive that combines date time picker with date time input\n */\n@Directive(\n{\n    selector: 'input[dateTime][dateTimePickerInput]',\n    standalone: true,\n    hostDirectives:\n    [\n        {\n            directive: DatePickerInputSADirective,\n        },\n        {\n            directive: WithTimeSADirective,\n        },\n    ],\n})\nexport class DateTimePickerInputSADirective\n{\n}"]}

package/es2020/src/directives/index.js

@@ -1,6 +1,10 @@
+export * from './datePickerInput/datePickerInput.directive';
+export * from './dateTimeInputHandler/dateTimeInputHandler.directive';
+export * from './dateTimePickerInput/dateTimePickerInput.directive';
 export * from './simpleDatePickerInput/simpleDatePickerInput.directive';
 export * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';
 export * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';
+export * from './withNow/withNow.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,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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,6CAA6C,CAAC;AAC5D,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,yDAAyD,CAAC;AACxE,cAAc,mEAAmE,CAAC;AAClF,cAAc,iEAAiE,CAAC;AAChF,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './datePickerInput/datePickerInput.directive';\nexport * from './dateTimeInputHandler/dateTimeInputHandler.directive';\nexport * from './dateTimePickerInput/dateTimePickerInput.directive';\nexport * from './simpleDatePickerInput/simpleDatePickerInput.directive';\nexport * from './simpleDateTimeInputHandler/simpleDateTimeInputHandler.directive';\nexport * from './simpleDateTimePickerInput/simpleDateTimePickerInput.directive';\nexport * from './withNow/withNow.directive';\nexport * from './withTime/withTime.directive';\nexport * from './withToday/withToday.directive';\n"]}

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

@@ -0,0 +1,44 @@
+import { Directive, Inject } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { DATE_API } from '../../misc/tokens';
+import { DateTimeInputSADirective } from '../../modules';
+import * as i0 from "@angular/core";
+import * as i1 from "../../modules";
+/**
+ * Directive that sets current date and time as day and time for empty date time on focus
+ */
+export class WithNowSADirective {
+    //######################### constructor #########################
+    constructor(input, dateApi) {
+        //######################### protected fields #########################
+        /**
+         * Subscriptions created during initialization
+         */
+        this.initSubscriptions = new Subscription();
+        this.initSubscriptions.add(input.focus.subscribe(() => {
+            if (!input.value) {
+                input.value = dateApi.now().value;
+            }
+        }));
+    }
+    //######################### public methods - implementation of OnDestroy #########################
+    /**
+     * Called when component is destroyed
+     */
+    ngOnDestroy() {
+        this.initSubscriptions.unsubscribe();
+    }
+}
+WithNowSADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WithNowSADirective, deps: [{ token: i1.DateTimeInputSADirective }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });
+WithNowSADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: WithNowSADirective, isStandalone: true, selector: "[dateTime][withNow]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WithNowSADirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dateTime][withNow]',
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DateTimeInputSADirective }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DATE_API]
+                }] }]; } });
+//# sourceMappingURL=withNow.directive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withNow.directive.js","sourceRoot":"","sources":["../../../../src/directives/withNow/withNow.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,eAAe,CAAC;;;AAGvD;;GAEG;AAMH,MAAM,OAAO,kBAAkB;IAS3B,iEAAiE;IACjE,YAAY,KAAsC,EACpB,OAAuB;QATrD,sEAAsE;QAEtE;;WAEG;QACO,sBAAiB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAM3D,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAElD,IAAG,CAAC,KAAK,CAAC,KAAK,EACf;gBACI,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;aACrC;QACL,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;;+GA9BQ,kBAAkB,0DAWP,QAAQ;mGAXnB,kBAAkB;2FAAlB,kBAAkB;kBAL9B,SAAS;mBACV;oBACI,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;iBACnB;;0BAYgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, Inject, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DATE_API} from '../../misc/tokens';\nimport {DateTimeInputSADirective} from '../../modules';\nimport {DateApi} from '../../services';\n\n/**\n * Directive that sets current date and time as day and time for empty date time on focus\n */\n@Directive(\n{\n    selector: '[dateTime][withNow]',\n    standalone: true,\n})\nexport class WithNowSADirective<TDate = unknown> implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    //######################### constructor #########################\n    constructor(input: DateTimeInputSADirective<TDate>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>,)\n    {\n        this.initSubscriptions.add(input.focus.subscribe(() =>\n        {\n            if(!input.value)\n            {\n                input.value = dateApi.now().value;\n            }\n        }));\n    }\n    \n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.initSubscriptions.unsubscribe();\n    }\n}"]}

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

@@ -5,19 +5,19 @@ import { DateTimeInputSADirective } from '../../modules';
 import * as i0 from "@angular/core";
 import * as i1 from "../../modules";
 /**
- * Directive that sets today as day for empty date time on focus
+ * Directive that sets today (start of a day) as day for empty date time on focus
  */
 export class WithTodaySADirective {
     //######################### constructor #########################
     constructor(input, dateApi) {
-        //######################### private fields #########################
+        //######################### protected fields #########################
         /**
          * Subscriptions created during initialization
          */
-        this._initSubscriptions = new Subscription();
-        this._initSubscriptions.add(input.focus.subscribe(() => {
+        this.initSubscriptions = new Subscription();
+        this.initSubscriptions.add(input.focus.subscribe(() => {
             if (!input.value) {
-                input.value = dateApi.now().value;
+                input.value = dateApi.now().startOfDay().value;
             }
         }));
     }
@@ -26,7 +26,7 @@ export class WithTodaySADirective {
      * Called when component is destroyed
      */
     ngOnDestroy() {
-        this._initSubscriptions.unsubscribe();
+        this.initSubscriptions.unsubscribe();
     }
 }
 WithTodaySADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: WithTodaySADirective, deps: [{ token: i1.DateTimeInputSADirective }, { token: DATE_API }], target: i0.ɵɵFactoryTarget.Directive });

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

@@ -1 +1 @@
-{"version":3,"file":"withToday.directive.js","sourceRoot":"","sources":["../../../../src/directives/withToday/withToday.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,eAAe,CAAC;;;AAGvD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAS7B,iEAAiE;IACjE,YAAY,KAAsC,EACpB,OAAuB;QATrD,oEAAoE;QAEpE;;WAEG;QACK,uBAAkB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAM1D,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAEnD,IAAG,CAAC,KAAK,CAAC,KAAK,EACf;gBACI,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;aACrC;QACL,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,kBAAkB,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC;;iHA9BQ,oBAAoB,0DAWT,QAAQ;qGAXnB,oBAAoB;2FAApB,oBAAoB;kBALhC,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;iBACnB;;0BAYgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, Inject, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DATE_API} from '../../misc/tokens';\nimport {DateTimeInputSADirective} from '../../modules';\nimport {DateApi} from '../../services';\n\n/**\n * Directive that sets today as day for empty date time on focus\n */\n@Directive(\n{\n    selector: '[dateTime][withToday]',\n    standalone: true,\n})\nexport class WithTodaySADirective<TDate = unknown> implements OnDestroy\n{\n    //######################### private fields #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    private _initSubscriptions: Subscription = new Subscription();\n\n    //######################### constructor #########################\n    constructor(input: DateTimeInputSADirective<TDate>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>,)\n    {\n        this._initSubscriptions.add(input.focus.subscribe(() =>\n        {\n            if(!input.value)\n            {\n                input.value = dateApi.now().value;\n            }\n        }));\n    }\n    \n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this._initSubscriptions.unsubscribe();\n    }\n}"]}
+{"version":3,"file":"withToday.directive.js","sourceRoot":"","sources":["../../../../src/directives/withToday/withToday.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAY,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAC,YAAY,EAAC,MAAM,MAAM,CAAC;AAElC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,wBAAwB,EAAC,MAAM,eAAe,CAAC;;;AAGvD;;GAEG;AAMH,MAAM,OAAO,oBAAoB;IAS7B,iEAAiE;IACjE,YAAY,KAAsC,EACpB,OAAuB;QATrD,sEAAsE;QAEtE;;WAEG;QACO,sBAAiB,GAAiB,IAAI,YAAY,EAAE,CAAC;QAM3D,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YAElD,IAAG,CAAC,KAAK,CAAC,KAAK,EACf;gBACI,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;aAClD;QACL,CAAC,CAAC,CAAC,CAAC;IACR,CAAC;IAED,kGAAkG;IAElG;;OAEG;IACI,WAAW;QAEd,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;IACzC,CAAC;;iHA9BQ,oBAAoB,0DAWT,QAAQ;qGAXnB,oBAAoB;2FAApB,oBAAoB;kBALhC,SAAS;mBACV;oBACI,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;iBACnB;;0BAYgB,MAAM;2BAAC,QAAQ","sourcesContent":["import {Directive, Inject, OnDestroy} from '@angular/core';\nimport {Subscription} from 'rxjs';\n\nimport {DATE_API} from '../../misc/tokens';\nimport {DateTimeInputSADirective} from '../../modules';\nimport {DateApi} from '../../services';\n\n/**\n * Directive that sets today (start of a day) as day for empty date time on focus\n */\n@Directive(\n{\n    selector: '[dateTime][withToday]',\n    standalone: true,\n})\nexport class WithTodaySADirective<TDate = unknown> implements OnDestroy\n{\n    //######################### protected fields #########################\n\n    /**\n     * Subscriptions created during initialization\n     */\n    protected initSubscriptions: Subscription = new Subscription();\n\n    //######################### constructor #########################\n    constructor(input: DateTimeInputSADirective<TDate>,\n                @Inject(DATE_API) dateApi: DateApi<TDate>,)\n    {\n        this.initSubscriptions.add(input.focus.subscribe(() =>\n        {\n            if(!input.value)\n            {\n                input.value = dateApi.now().startOfDay().value;\n            }\n        }));\n    }\n    \n    //######################### public methods - implementation of OnDestroy #########################\n    \n    /**\n     * Called when component is destroyed\n     */\n    public ngOnDestroy(): void\n    {\n        this.initSubscriptions.unsubscribe();\n    }\n}"]}

package/es2020/src/misc/utils.js

@@ -108,4 +108,56 @@ export function getSingleDateTimeValue(value) {
     }
     return value;
 }
+/**
+ * Parses raw value into internal value and value
+ * @param rawValue - Raw value to be parsed
+ * @param dateApi - Date api for manipulation with date
+ * @param dateTimeData - Object storing information about format
+ * @param valueProvider - Provider used for obtaining rounded value according format
+ */
+export function parseRawInput(rawValue, dateApi, dateTimeData, valueProvider) {
+    if (!rawValue) {
+        return [null, null];
+    }
+    const internalValue = getInternalValue(rawValue, dateApi, dateTimeData, valueProvider);
+    const value = formatDateTime(internalValue, dateTimeData.valueFormat, dateTimeData.customFormat);
+    return [internalValue, value];
+}
+/**
+ * Gets internal value and fix lowest time difference
+ * @param value - Value to be get as internal value
+ * @param dateApi - Date api for manipulation with date
+ * @param dateTimeData - Object storing information about format
+ * @param valueProvider - Provider used for obtaining rounded value according format
+ */
+export function getInternalValue(value, dateApi, dateTimeData, valueProvider) {
+    let internalValue = parseDateTime(value, dateApi, null, dateTimeData.customFormat);
+    if (isBlank(internalValue)) {
+        return;
+    }
+    //update for specified format, round value
+    //ranged value
+    if (Array.isArray(internalValue)) {
+        const [from, to] = internalValue;
+        if (from) {
+            const val = valueProvider.getValue(from.value, dateTimeData.customFormat).from;
+            if (val) {
+                internalValue[0] = dateApi.getValue(val, dateTimeData.customFormat);
+            }
+        }
+        if (to) {
+            const val = valueProvider.getValue(to.value, dateTimeData.customFormat).to;
+            if (val) {
+                internalValue[1] = dateApi.getValue(val, dateTimeData.customFormat);
+            }
+        }
+    }
+    else {
+        const val = valueProvider.getValue(internalValue.value, dateTimeData.customFormat).from;
+        if (val) {
+            internalValue = dateApi.getValue(val, dateTimeData.customFormat);
+        }
+    }
+    return internalValue;
+}
 //# sourceMappingURL=utils.js.map