igniteui-webcomponents 3.2.0 → 3.3.0-beta.0

package/components/date-time-input/date-time-input.js

@@ -0,0 +1,495 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { live } from 'lit/directives/live.js';
+import { DateParts, DatePart, DateTimeUtil, } from './date-util.js';
+import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
+import { watch } from '../common/decorators/watch.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';
+import { partNameMap } from '../common/util.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseComponent) {
+    constructor() {
+        super();
+        this._datePartDeltas = {
+            date: 1,
+            month: 1,
+            year: 1,
+            hours: 1,
+            minutes: 1,
+            seconds: 1,
+        };
+        this.spinLoop = true;
+        this.locale = 'en';
+        this.addEventListener('wheel', this.onWheel);
+    }
+    get inputFormat() {
+        return this._inputFormat || this._defaultMask;
+    }
+    set inputFormat(val) {
+        if (val) {
+            this.setMask(val);
+            this._inputFormat = val;
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val
+            ? DateTimeUtil.isValidDate(val)
+                ? val
+                : DateTimeUtil.parseIsoDate(val)
+            : null;
+        this.updateMask();
+        this.validate();
+    }
+    setDefaultMask() {
+        if (!this._inputFormat) {
+            this.updateDefaultMask();
+            this.setMask(this._defaultMask);
+        }
+        if (this.value) {
+            this.updateMask();
+        }
+    }
+    setDisplayFormat() {
+        if (this.displayFormat) {
+            if (this.value) {
+                this.maskedValue = DateTimeUtil.formatDate(this.value, this.locale, this.displayFormat, true);
+            }
+        }
+    }
+    promptChange() {
+        if (!this.prompt) {
+            this.prompt = this.parser.prompt;
+        }
+        else {
+            this.parser.prompt = this.prompt;
+        }
+    }
+    handleInvalidState() {
+        this.updateComplete.then(() => (this.invalid = !this.input.checkValidity()));
+    }
+    validate() {
+        if (!this.value) {
+            return null;
+        }
+        let errors = {};
+        if (this.minValue || this.maxValue) {
+            errors = DateTimeUtil.validateMinMax(this.value, this.minValue, this.maxValue, this.hasTimeParts, this.hasDateParts);
+            if (Object.keys(errors).length > 0) {
+                this.invalid = true;
+            }
+            else {
+                this.invalid = false;
+            }
+        }
+        return errors;
+    }
+    get hasDateParts() {
+        const parts = this._inputDateParts ||
+            DateTimeUtil.parseDateTimeFormat(this.inputFormat);
+        return parts.some((p) => p.type === DateParts.Date ||
+            p.type === DateParts.Month ||
+            p.type === DateParts.Year);
+    }
+    get hasTimeParts() {
+        const parts = this._inputDateParts ||
+            DateTimeUtil.parseDateTimeFormat(this.inputFormat);
+        return parts.some((p) => p.type === DateParts.Hours ||
+            p.type === DateParts.Minutes ||
+            p.type === DateParts.Seconds);
+    }
+    get targetDatePart() {
+        var _a;
+        let result;
+        if (this.hasFocus) {
+            const partType = (_a = this._inputDateParts.find((p) => p.start <= this.inputSelection.start &&
+                this.inputSelection.start <= p.end &&
+                p.type !== DateParts.Literal)) === null || _a === void 0 ? void 0 : _a.type;
+            if (partType) {
+                result = partType;
+            }
+        }
+        else {
+            if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {
+                result = DatePart.Date;
+            }
+            else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {
+                result = DatePart.Hours;
+            }
+            else {
+                result = this._inputDateParts[0].type;
+            }
+        }
+        return result;
+    }
+    get datePartDeltas() {
+        return Object.assign({}, this._datePartDeltas, this.spinDelta);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.updateDefaultMask();
+        this.setMask(this.inputFormat);
+        if (this.value) {
+            this.updateMask();
+        }
+    }
+    reportValidity() {
+        const state = this._value
+            ? Object.keys(this.validate()).length === 0
+            : this.input.reportValidity();
+        this.invalid = !state;
+        return state;
+    }
+    checkValidity() {
+        if (this.disabled) {
+            return this.input.checkValidity();
+        }
+        if (!this._value) {
+            return !this.required;
+        }
+        return (this.input.checkValidity() && Object.keys(this.validate()).length === 0);
+    }
+    stepUp(datePart, delta) {
+        const targetPart = datePart || this.targetDatePart;
+        if (!targetPart) {
+            return;
+        }
+        const newValue = this.trySpinValue(targetPart, delta);
+        this.value = newValue;
+    }
+    stepDown(datePart, delta) {
+        const targetPart = datePart || this.targetDatePart;
+        if (!targetPart) {
+            return;
+        }
+        const newValue = this.trySpinValue(targetPart, delta, true);
+        this.value = newValue;
+    }
+    clear() {
+        this.maskedValue = '';
+        this.value = null;
+    }
+    updateMask() {
+        if (this.hasFocus) {
+            this.maskedValue = this.getMaskedValue();
+        }
+        else {
+            if (!this.value || !DateTimeUtil.isValidDate(this.value)) {
+                this.maskedValue = '';
+                return;
+            }
+            const format = this.displayFormat || this.inputFormat;
+            if (this.displayFormat) {
+                this.maskedValue = DateTimeUtil.formatDate(this.value, this.locale, format, true);
+            }
+            else if (this.inputFormat) {
+                this.maskedValue = DateTimeUtil.formatDate(this.value, this.locale, format);
+            }
+            else {
+                this.maskedValue = this.value.toLocaleString();
+            }
+        }
+    }
+    handleChange() {
+        this.emitEvent('igcChange', { detail: this.value });
+        this.invalid = !this.checkValidity();
+    }
+    handleDragLeave() {
+        if (!this.hasFocus) {
+            this.updateMask();
+        }
+    }
+    handleDragEnter() {
+        if (!this.hasFocus) {
+            this.maskedValue = this.getMaskedValue();
+        }
+    }
+    updateInput(part, start, finish) {
+        var _a;
+        const { value, end } = this.parser.replace(this.maskedValue, part, start, finish);
+        this.maskedValue = value;
+        this.updateValue();
+        this.requestUpdate();
+        if (start !== this.inputFormat.length) {
+            this.emitEvent('igcInput', { detail: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
+        }
+        this.updateComplete.then(() => this.input.setSelectionRange(end, end));
+    }
+    trySpinValue(datePart, delta, negative = false) {
+        if (!delta) {
+            delta = this.datePartDeltas[datePart] || 1;
+        }
+        const spinValue = negative ? -Math.abs(delta) : Math.abs(delta);
+        return this.spinValue(datePart, spinValue);
+    }
+    spinValue(datePart, delta) {
+        if (!this.value || !DateTimeUtil.isValidDate(this.value)) {
+            return new Date();
+        }
+        const newDate = new Date(this.value.getTime());
+        let formatPart, amPmFromMask;
+        switch (datePart) {
+            case DatePart.Date:
+                DateTimeUtil.spinDate(delta, newDate, this.spinLoop);
+                break;
+            case DatePart.Month:
+                DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);
+                break;
+            case DatePart.Year:
+                DateTimeUtil.spinYear(delta, newDate);
+                break;
+            case DatePart.Hours:
+                DateTimeUtil.spinHours(delta, newDate, this.spinLoop);
+                break;
+            case DatePart.Minutes:
+                DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);
+                break;
+            case DatePart.Seconds:
+                DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);
+                break;
+            case DatePart.AmPm:
+                formatPart = this._inputDateParts.find((dp) => dp.type === DateParts.AmPm);
+                if (formatPart !== undefined) {
+                    amPmFromMask = this.maskedValue.substring(formatPart.start, formatPart.end);
+                    return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);
+                }
+                break;
+        }
+        return newDate;
+    }
+    onWheel(event) {
+        if (!this.hasFocus) {
+            return;
+        }
+        this.selection = this.inputSelection;
+        event.preventDefault();
+        event.stopPropagation();
+        if (event.deltaY > 0) {
+            this.stepDown();
+        }
+        else {
+            this.stepUp();
+        }
+        this.updateComplete.then(() => this.setSelectionRange(this.selection.start, this.selection.end));
+    }
+    updateDefaultMask() {
+        this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);
+    }
+    setMask(val) {
+        var _a;
+        const oldFormat = (_a = this._inputDateParts) === null || _a === void 0 ? void 0 : _a.map((p) => p.format).join('');
+        this._inputDateParts = DateTimeUtil.parseDateTimeFormat(val);
+        val = this._inputDateParts.map((p) => p.format).join('');
+        this._defaultMask = val;
+        const newMask = (val || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(new RegExp(/(?=[^t])[\w]/, 'g'), '0');
+        this._mask =
+            newMask.indexOf('tt') !== -1
+                ? newMask.replace(new RegExp('tt', 'g'), 'LL')
+                : newMask;
+        this.parser.mask = this._mask;
+        this.parser.prompt = this.prompt;
+        if (!this.placeholder || oldFormat === this.placeholder) {
+            this.placeholder = val;
+        }
+    }
+    parseDate(val) {
+        if (!val) {
+            return null;
+        }
+        return DateTimeUtil.parseValueFromMask(val, this._inputDateParts, this.prompt);
+    }
+    getMaskedValue() {
+        let mask = this.emptyMask;
+        if (DateTimeUtil.isValidDate(this.value)) {
+            for (const part of this._inputDateParts) {
+                if (part.type === DateParts.Literal) {
+                    continue;
+                }
+                const targetValue = DateTimeUtil.getPartValue(part, part.format.length, this.value);
+                mask = this.parser.replace(mask, targetValue, part.start, part.end).value;
+            }
+            return mask;
+        }
+        return this.maskedValue === '' ? mask : this.maskedValue;
+    }
+    isComplete() {
+        return this.maskedValue.indexOf(this.prompt) === -1;
+    }
+    updateValue() {
+        if (this.isComplete()) {
+            const parsedDate = this.parseDate(this.maskedValue);
+            if (DateTimeUtil.isValidDate(parsedDate)) {
+                this.value = parsedDate;
+            }
+            else {
+                this.value = null;
+            }
+        }
+        else {
+            this.value = null;
+        }
+    }
+    getNewPosition(value, direction = 0) {
+        const literals = this._inputDateParts.filter((p) => p.type === DateParts.Literal);
+        let cursorPos = this.selection.start;
+        if (!direction) {
+            do {
+                cursorPos = cursorPos > 0 ? --cursorPos : cursorPos;
+            } while (!literals.some((l) => l.end === cursorPos) && cursorPos > 0);
+            return cursorPos;
+        }
+        else {
+            do {
+                cursorPos++;
+            } while (!literals.some((l) => l.start === cursorPos) &&
+                cursorPos < value.length);
+            return cursorPos;
+        }
+    }
+    handleFocus() {
+        this.hasFocus = true;
+        this.updateMask();
+        this.emitEvent('igcFocus');
+    }
+    handleBlur() {
+        this.hasFocus = false;
+        if (!this.isComplete() && this.maskedValue !== this.emptyMask) {
+            const parse = this.parseDate(this.maskedValue);
+            if (parse) {
+                this.value = parse;
+            }
+            else {
+                this.value = null;
+                this.maskedValue = '';
+            }
+        }
+        else {
+            this.updateMask();
+        }
+        this.emitEvent('igcBlur');
+    }
+    handleKeydown(e) {
+        super.handleKeydown(e);
+        const key = e.key;
+        switch (key) {
+            case 'ArrowLeft':
+            case 'ArrowRight':
+                if (e.ctrlKey) {
+                    e.preventDefault();
+                    const value = e.target.value;
+                    const dir = key === 'ArrowRight' ? 1 : 0;
+                    const pos = this.getNewPosition(value, dir);
+                    this.setSelectionRange(pos, pos);
+                }
+                break;
+            case 'ArrowUp':
+            case 'ArrowDown':
+                e.preventDefault();
+                key === 'ArrowUp' ? this.stepUp() : this.stepDown();
+                this.updateComplete.then(() => this.setSelectionRange(this.selection.start, this.selection.end));
+                break;
+            case ';':
+                if (e.ctrlKey) {
+                    this.value = new Date();
+                }
+                break;
+        }
+    }
+    renderInput() {
+        return html `<div>
+      <input
+        type="text"
+        part=${partNameMap(this.resolvePartNames('input'))}
+        name=${ifDefined(this.name)}
+        .value=${live(this.maskedValue)}
+        .placeholder=${live(this.placeholder || this.emptyMask)}
+        ?readonly=${this.readonly}
+        ?disabled=${this.disabled}
+        ?required=${this.required}
+        @invalid="${this.handleInvalid}"
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @change=${this.handleChange}
+        @input=${this.handleInput}
+        @keydown=${this.handleKeydown}
+        @cut=${this.handleCut}
+        @compositionstart=${this.handleCompositionStart}
+        @compositionend=${this.handleCompositionEnd}
+        @dragenter=${this.handleDragEnter}
+        @dragleave=${this.handleDragLeave}
+        @dragstart=${this.handleDragStart}
+      />
+    </div>`;
+    }
+}
+IgcDateTimeInputComponent.tagName = 'igc-date-time-input';
+__decorate([
+    property({ attribute: 'input-format' })
+], IgcDateTimeInputComponent.prototype, "inputFormat", null);
+__decorate([
+    property({
+        converter: {
+            fromAttribute: (value) => !value ? null : DateTimeUtil.parseIsoDate(value),
+            toAttribute: (value) => value.toISOString(),
+        },
+    }),
+    blazorTwoWayBind('igcChange', 'detail')
+], IgcDateTimeInputComponent.prototype, "value", null);
+__decorate([
+    property({
+        attribute: 'min-value',
+        converter: {
+            fromAttribute: (value) => !value ? null : DateTimeUtil.parseIsoDate(value),
+            toAttribute: (value) => value.toISOString(),
+        },
+    })
+], IgcDateTimeInputComponent.prototype, "minValue", void 0);
+__decorate([
+    property({
+        attribute: 'max-value',
+        converter: {
+            fromAttribute: (value) => !value ? null : DateTimeUtil.parseIsoDate(value),
+            toAttribute: (value) => value.toISOString(),
+        },
+    })
+], IgcDateTimeInputComponent.prototype, "maxValue", void 0);
+__decorate([
+    property({ attribute: 'display-format' })
+], IgcDateTimeInputComponent.prototype, "displayFormat", void 0);
+__decorate([
+    property({ attribute: false })
+], IgcDateTimeInputComponent.prototype, "spinDelta", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'spin-loop' })
+], IgcDateTimeInputComponent.prototype, "spinLoop", void 0);
+__decorate([
+    property()
+], IgcDateTimeInputComponent.prototype, "locale", void 0);
+__decorate([
+    watch('locale', { waitUntilFirstUpdate: true })
+], IgcDateTimeInputComponent.prototype, "setDefaultMask", null);
+__decorate([
+    watch('displayFormat', { waitUntilFirstUpdate: true })
+], IgcDateTimeInputComponent.prototype, "setDisplayFormat", null);
+__decorate([
+    watch('prompt', { waitUntilFirstUpdate: true })
+], IgcDateTimeInputComponent.prototype, "promptChange", null);
+__decorate([
+    watch('required', { waitUntilFirstUpdate: true }),
+    watch('disabled', { waitUntilFirstUpdate: true }),
+    watch('value', { waitUntilFirstUpdate: true })
+], IgcDateTimeInputComponent.prototype, "handleInvalidState", null);
+__decorate([
+    watch('maxValue'),
+    watch('minValue')
+], IgcDateTimeInputComponent.prototype, "validate", null);
+//# sourceMappingURL=date-time-input.js.map

package/components/date-time-input/date-time-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { live } from 'lit/directives/live.js';\nimport {\n  DatePartDeltas,\n  DatePartInfo,\n  DateParts,\n  DatePart,\n  DateTimeUtil,\n} from './date-util.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';\nimport { partNameMap } from '../common/util.js';\nimport { IgcInputEventMap } from '../input/input-base.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { AbstractConstructor } from '../common/mixins/constructor.js';\n\nexport interface IgcDateTimeInputEventMap\n  extends Omit<IgcInputEventMap, 'igcChange'> {\n  igcChange: CustomEvent<Date | null>;\n}\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n * @fires igcFocus - Emitted when the control gains focus.\n * @fires igcBlur - Emitted when the control loses focus.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n  IgcDateTimeInputEventMap,\n  AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n  public static readonly tagName = 'igc-date-time-input';\n\n  protected _defaultMask!: string;\n  protected _value!: Date | null;\n\n  private _inputDateParts!: DatePartInfo[];\n  private _inputFormat!: string;\n  private _datePartDeltas: DatePartDeltas = {\n    date: 1,\n    month: 1,\n    year: 1,\n    hours: 1,\n    minutes: 1,\n    seconds: 1,\n  };\n\n  /** The date format to apply on the input. */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._defaultMask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this.setMask(val);\n      this._inputFormat = val;\n    }\n  }\n\n  /** The value of the input. */\n  @property({\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public get value(): Date | null {\n    return this._value;\n  }\n\n  public set value(val: Date | null) {\n    this._value = val\n      ? DateTimeUtil.isValidDate(val)\n        ? val\n        : DateTimeUtil.parseIsoDate(val)\n      : null;\n\n    this.updateMask();\n    this.validate();\n  }\n\n  /** The minimum value required for the input to remain valid. */\n  @property({\n    attribute: 'min-value',\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public minValue!: Date | null;\n\n  /** The maximum value required for the input to remain valid. */\n  @property({\n    attribute: 'max-value',\n    converter: {\n      fromAttribute: (value: string) =>\n        !value ? null : DateTimeUtil.parseIsoDate(value),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public maxValue!: Date | null;\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the input format if not set.\n   */\n  @property({ attribute: 'display-format' })\n  public displayFormat!: string;\n\n  /**\n   * Delta values used to increment or decrement each date part on step actions.\n   * All values default to `1`.\n   */\n  @property({ attribute: false })\n  public spinDelta!: DatePartDeltas;\n\n  /** Sets whether to loop over the currently spun segment. */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /** The locale settings used to display the value. */\n  @property()\n  public locale = 'en';\n\n  @watch('locale', { waitUntilFirstUpdate: true })\n  protected setDefaultMask(): void {\n    if (!this._inputFormat) {\n      this.updateDefaultMask();\n      this.setMask(this._defaultMask);\n    }\n\n    if (this.value) {\n      this.updateMask();\n    }\n  }\n\n  @watch('displayFormat', { waitUntilFirstUpdate: true })\n  protected setDisplayFormat(): void {\n    if (this.displayFormat) {\n      if (this.value) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value!,\n          this.locale,\n          this.displayFormat,\n          true\n        );\n      }\n    }\n  }\n\n  @watch('prompt', { waitUntilFirstUpdate: true })\n  protected promptChange(): void {\n    if (!this.prompt) {\n      this.prompt = this.parser.prompt;\n    } else {\n      this.parser.prompt = this.prompt;\n    }\n  }\n\n  @watch('required', { waitUntilFirstUpdate: true })\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  @watch('value', { waitUntilFirstUpdate: true })\n  protected handleInvalidState(): void {\n    this.updateComplete.then(\n      () => (this.invalid = !this.input.checkValidity())\n    );\n  }\n\n  @watch('maxValue')\n  @watch('minValue')\n  protected validate() {\n    if (!this.value) {\n      return null;\n    }\n\n    let errors = {};\n\n    if (this.minValue || this.maxValue) {\n      errors = DateTimeUtil.validateMinMax(\n        this.value,\n        this.minValue!,\n        this.maxValue!,\n        this.hasTimeParts,\n        this.hasDateParts\n      );\n\n      if (Object.keys(errors).length > 0) {\n        this.invalid = true;\n      } else {\n        this.invalid = false;\n      }\n    }\n\n    return errors;\n  }\n\n  private get hasDateParts(): boolean {\n    const parts =\n      this._inputDateParts ||\n      DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n    return parts.some(\n      (p) =>\n        p.type === DateParts.Date ||\n        p.type === DateParts.Month ||\n        p.type === DateParts.Year\n    );\n  }\n\n  private get hasTimeParts(): boolean {\n    const parts =\n      this._inputDateParts ||\n      DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n    return parts.some(\n      (p) =>\n        p.type === DateParts.Hours ||\n        p.type === DateParts.Minutes ||\n        p.type === DateParts.Seconds\n    );\n  }\n\n  private get targetDatePart(): DatePart | undefined {\n    let result;\n\n    if (this.hasFocus) {\n      const partType = this._inputDateParts.find(\n        (p) =>\n          p.start <= this.inputSelection.start &&\n          this.inputSelection.start <= p.end &&\n          p.type !== DateParts.Literal\n      )?.type as string as DatePart;\n\n      if (partType) {\n        result = partType;\n      }\n    } else {\n      if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n        result = DatePart.Date;\n      } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n        result = DatePart.Hours;\n      } else {\n        result = this._inputDateParts[0].type as string as DatePart;\n      }\n    }\n\n    return result;\n  }\n\n  private get datePartDeltas(): DatePartDeltas {\n    return Object.assign({}, this._datePartDeltas, this.spinDelta);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('wheel', this.onWheel);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.updateDefaultMask();\n    this.setMask(this.inputFormat);\n    if (this.value) {\n      this.updateMask();\n    }\n  }\n\n  /** Checks for validity of the control and shows the browser message if it's invalid. */\n  public reportValidity() {\n    const state = this._value\n      ? Object.keys(this.validate()!).length === 0\n      : this.input.reportValidity();\n\n    this.invalid = !state;\n    return state;\n  }\n\n  /** Check for validity of the control */\n  public checkValidity() {\n    if (this.disabled) {\n      return this.input.checkValidity();\n    }\n\n    if (!this._value) {\n      return !this.required;\n    }\n\n    return (\n      this.input.checkValidity() && Object.keys(this.validate()!).length === 0\n    );\n  }\n\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: DatePart, delta?: number): void {\n    const targetPart = datePart || this.targetDatePart;\n\n    if (!targetPart) {\n      return;\n    }\n\n    const newValue = this.trySpinValue(targetPart, delta);\n    this.value = newValue;\n  }\n\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: DatePart, delta?: number): void {\n    const targetPart = datePart || this.targetDatePart;\n\n    if (!targetPart) {\n      return;\n    }\n\n    const newValue = this.trySpinValue(targetPart, delta, true);\n    this.value = newValue;\n  }\n\n  /** Clears the input element of user input. */\n  public clear(): void {\n    this.maskedValue = '';\n    this.value = null;\n  }\n\n  protected updateMask() {\n    if (this.hasFocus) {\n      this.maskedValue = this.getMaskedValue();\n    } else {\n      if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n        this.maskedValue = '';\n        return;\n      }\n\n      const format = this.displayFormat || this.inputFormat;\n\n      if (this.displayFormat) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value,\n          this.locale,\n          format,\n          true\n        );\n      } else if (this.inputFormat) {\n        this.maskedValue = DateTimeUtil.formatDate(\n          this.value,\n          this.locale,\n          format\n        );\n      } else {\n        this.maskedValue = this.value.toLocaleString();\n      }\n    }\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleDragLeave() {\n    if (!this.hasFocus) {\n      this.updateMask();\n    }\n  }\n\n  protected handleDragEnter() {\n    if (!this.hasFocus) {\n      this.maskedValue = this.getMaskedValue();\n    }\n  }\n\n  protected updateInput(part: string, start: number, finish: number) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      part,\n      start,\n      finish\n    );\n\n    this.maskedValue = value;\n\n    this.updateValue();\n    this.requestUpdate();\n\n    if (start !== this.inputFormat.length) {\n      this.emitEvent('igcInput', { detail: this.value?.toString() });\n    }\n\n    this.updateComplete.then(() => this.input.setSelectionRange(end, end));\n  }\n\n  private trySpinValue(\n    datePart: DatePart,\n    delta?: number,\n    negative = false\n  ): Date {\n    if (!delta) {\n      // default to 1 if a delta is set to 0 or any other falsy value\n      delta = this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n    }\n\n    const spinValue = negative ? -Math.abs(delta) : Math.abs(delta);\n    return this.spinValue(datePart, spinValue);\n  }\n\n  private spinValue(datePart: DatePart, delta: number): Date {\n    if (!this.value || !DateTimeUtil.isValidDate(this.value)) {\n      return new Date();\n    }\n\n    const newDate = new Date(this.value.getTime());\n    let formatPart, amPmFromMask;\n    switch (datePart) {\n      case DatePart.Date:\n        DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Month:\n        DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Year:\n        DateTimeUtil.spinYear(delta, newDate);\n        break;\n      case DatePart.Hours:\n        DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Minutes:\n        DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.Seconds:\n        DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n        break;\n      case DatePart.AmPm:\n        formatPart = this._inputDateParts.find(\n          (dp) => dp.type === DateParts.AmPm\n        );\n        if (formatPart !== undefined) {\n          amPmFromMask = this.maskedValue.substring(\n            formatPart!.start,\n            formatPart!.end\n          );\n          return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n        }\n        break;\n    }\n\n    return newDate;\n  }\n\n  private onWheel(event: WheelEvent) {\n    if (!this.hasFocus) {\n      return;\n    }\n\n    this.selection = this.inputSelection;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (event.deltaY > 0) {\n      this.stepDown();\n    } else {\n      this.stepUp();\n    }\n\n    this.updateComplete.then(() =>\n      this.setSelectionRange(this.selection.start, this.selection.end)\n    );\n  }\n\n  private updateDefaultMask(): void {\n    this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n  }\n\n  private setMask(val: string): void {\n    const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n    this._inputDateParts = DateTimeUtil.parseDateTimeFormat(val);\n    val = this._inputDateParts.map((p) => p.format).join('');\n\n    this._defaultMask = val;\n\n    const newMask = (val || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n      new RegExp(/(?=[^t])[\\w]/, 'g'),\n      '0'\n    );\n\n    this._mask =\n      newMask.indexOf('tt') !== -1\n        ? newMask.replace(new RegExp('tt', 'g'), 'LL')\n        : newMask;\n\n    this.parser.mask = this._mask;\n    this.parser.prompt = this.prompt;\n\n    if (!this.placeholder || oldFormat === this.placeholder) {\n      this.placeholder = val;\n    }\n  }\n\n  private parseDate(val: string) {\n    if (!val) {\n      return null;\n    }\n\n    return DateTimeUtil.parseValueFromMask(\n      val,\n      this._inputDateParts,\n      this.prompt\n    );\n  }\n\n  private getMaskedValue(): string {\n    let mask = this.emptyMask;\n\n    if (DateTimeUtil.isValidDate(this.value)) {\n      for (const part of this._inputDateParts) {\n        if (part.type === DateParts.Literal) {\n          continue;\n        }\n\n        const targetValue = DateTimeUtil.getPartValue(\n          part,\n          part.format.length,\n          this.value\n        );\n\n        mask = this.parser.replace(\n          mask,\n          targetValue,\n          part.start,\n          part.end\n        ).value;\n      }\n      return mask;\n    }\n\n    return this.maskedValue === '' ? mask : this.maskedValue;\n  }\n\n  private isComplete(): boolean {\n    return this.maskedValue.indexOf(this.prompt) === -1;\n  }\n\n  private updateValue(): void {\n    if (this.isComplete()) {\n      const parsedDate = this.parseDate(this.maskedValue);\n      if (DateTimeUtil.isValidDate(parsedDate)) {\n        this.value = parsedDate;\n      } else {\n        this.value = null;\n      }\n    } else {\n      this.value = null;\n    }\n  }\n\n  private getNewPosition(value: string, direction = 0): number {\n    const literals = this._inputDateParts.filter(\n      (p) => p.type === DateParts.Literal\n    );\n    let cursorPos = this.selection.start;\n\n    if (!direction) {\n      do {\n        cursorPos = cursorPos > 0 ? --cursorPos : cursorPos;\n      } while (!literals.some((l) => l.end === cursorPos) && cursorPos > 0);\n      return cursorPos;\n    } else {\n      do {\n        cursorPos++;\n      } while (\n        !literals.some((l) => l.start === cursorPos) &&\n        cursorPos < value.length\n      );\n      return cursorPos;\n    }\n  }\n\n  protected override handleFocus() {\n    this.hasFocus = true;\n    this.updateMask();\n    this.emitEvent('igcFocus');\n  }\n\n  protected override handleBlur() {\n    this.hasFocus = false;\n\n    if (!this.isComplete() && this.maskedValue !== this.emptyMask) {\n      const parse = this.parseDate(this.maskedValue);\n\n      if (parse) {\n        this.value = parse;\n      } else {\n        this.value = null;\n        this.maskedValue = '';\n      }\n    } else {\n      this.updateMask();\n    }\n\n    this.emitEvent('igcBlur');\n  }\n\n  protected override handleKeydown(e: KeyboardEvent) {\n    super.handleKeydown(e);\n\n    const key = e.key;\n\n    switch (key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        if (e.ctrlKey) {\n          e.preventDefault();\n          const value = (e.target as HTMLInputElement).value;\n          const dir = key === 'ArrowRight' ? 1 : 0;\n          const pos = this.getNewPosition(value, dir);\n\n          this.setSelectionRange(pos, pos);\n        }\n        break;\n      case 'ArrowUp':\n      case 'ArrowDown':\n        e.preventDefault();\n        key === 'ArrowUp' ? this.stepUp() : this.stepDown();\n\n        this.updateComplete.then(() =>\n          this.setSelectionRange(this.selection.start, this.selection.end)\n        );\n        break;\n      case ';':\n        if (e.ctrlKey) {\n          this.value = new Date();\n        }\n        break;\n    }\n  }\n\n  protected override renderInput() {\n    return html`<div>\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder || this.emptyMask)}\n        ?readonly=${this.readonly}\n        ?disabled=${this.disabled}\n        ?required=${this.required}\n        @invalid=\"${this.handleInvalid}\"\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @change=${this.handleChange}\n        @input=${this.handleInput}\n        @keydown=${this.handleKeydown}\n        @cut=${this.handleCut}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n      />\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-date-time-input': IgcDateTimeInputComponent;\n  }\n}\n"]}

package/components/date-time-input/date-util.d.ts

@@ -0,0 +1,89 @@
+export declare const enum FormatDesc {
+    Numeric = "numeric",
+    TwoDigits = "2-digit"
+}
+export declare enum DateParts {
+    Day = "day",
+    Month = "month",
+    Year = "year",
+    Date = "date",
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds",
+    AmPm = "amPm",
+    Literal = "literal"
+}
+export declare enum DatePart {
+    Month = "month",
+    Year = "year",
+    Date = "date",
+    Hours = "hours",
+    Minutes = "minutes",
+    Seconds = "seconds",
+    AmPm = "amPm"
+}
+/** @ignore */
+export interface DatePartInfo {
+    type: DateParts;
+    start: number;
+    end: number;
+    format: string;
+}
+export interface DatePartDeltas {
+    date?: number;
+    month?: number;
+    year?: number;
+    hours?: number;
+    minutes?: number;
+    seconds?: number;
+}
+export declare abstract class DateTimeUtil {
+    static readonly DEFAULT_INPUT_FORMAT = "MM/dd/yyyy";
+    static readonly DEFAULT_TIME_INPUT_FORMAT = "hh:mm tt";
+    private static readonly SEPARATOR;
+    private static readonly DEFAULT_LOCALE;
+    private static _parser;
+    static parseValueFromMask(inputData: string, dateTimeParts: DatePartInfo[], promptChar?: string): Date | null;
+    static getDefaultMask(locale: string): string;
+    static parseDateTimeFormat(mask: string, locale?: string, noLeadingZero?: boolean): DatePartInfo[];
+    static parseIsoDate(value: string): Date | null;
+    static isValidDate(value: any): value is Date;
+    static formatDate(value: Date, locale: string, format: string, noLeadingZero?: boolean): string;
+    static getPartValue(datePartInfo: DatePartInfo, partLength: number, _dateValue: Date | null): string;
+    static spinYear(delta: number, newDate: Date): Date;
+    static spinMonth(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinDate(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinHours(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinMinutes(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinSeconds(delta: number, newDate: Date, spinLoop: boolean): void;
+    static spinAmPm(newDate: Date, currentDate: Date, amPmFromMask: string): Date;
+    static greaterThanMaxValue(value: Date, maxValue: Date, includeTime?: boolean, includeDate?: boolean): boolean;
+    /**
+     * Determines whether the provided value is less than the provided min value.
+     *
+     * @param includeTime set to false if you want to exclude time portion of the two dates
+     * @param includeDate set to false if you want to exclude the date portion of the two dates
+     * @returns true if provided value is less than provided minValue
+     */
+    static lessThanMinValue(value: Date, minValue: Date, includeTime?: boolean, includeDate?: boolean): boolean;
+    /**
+     * Validates a value within a given min and max value range.
+     *
+     * @param value The value to validate
+     * @param minValue The lowest possible value that `value` can take
+     * @param maxValue The largest possible value that `value` can take
+     */
+    static validateMinMax(value: Date, minValue: Date | string, maxValue: Date | string, includeTime?: boolean, includeDate?: boolean): {};
+    private static setDisplayFormatOptions;
+    private static getMask;
+    private static addCurrentPart;
+    private static ensureLeadingZero;
+    private static determineDatePart;
+    private static getDefaultLocaleMask;
+    private static fillDatePartsPositions;
+    private static getCleanVal;
+    private static trimEmptyPlaceholders;
+    private static daysInMonth;
+    private static prependValue;
+    private static toTwelveHourFormat;
+}