igniteui-webcomponents 7.2.4 → 7.3.0-beta.1

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

@@ -4,29 +4,37 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { getDateFormatter } from 'igniteui-i18n-core';
 import { LitElement } from 'lit';
-import { eventOptions, property, query, state } from 'lit/decorators.js';
+import { eventOptions, property, query } from 'lit/decorators.js';
 import { cache } from 'lit/directives/cache.js';
-import { convertToDate } from '../calendar/helpers.js';
-import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, ctrlKey, } from '../common/controllers/key-bindings.js';
-import { addSlotController, setSlots } from '../common/controllers/slot.js';
-import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
-import { shadowOptions } from '../common/decorators/shadow-options.js';
-import { addI18nController, getDefaultDateTimeFormat, } from '../common/i18n/i18n-controller.js';
-import { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';
-import { MaskBehaviorMixin, } from '../common/mixins/mask-behavior.js';
-import { nextInputId, renderInputShell, } from '../common/templates/input-shell.js';
-import { renderMaskedNativeInput } from '../common/templates/masked-input.js';
+import { addAriaTarget } from '#internals/controllers/aria-projection.js';
+import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, ctrlKey, } from '#internals/controllers/key-bindings.js';
+import { addSlotController, setSlots } from '#internals/controllers/slot.js';
+import { convertToDate } from '#internals/date/converters.js';
+import { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';
+import { shadowOptions } from '#internals/decorators/shadow-options.js';
+import { addI18nController } from '#internals/i18n/i18n-controller.js';
+import { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';
+import { MaskBehaviorMixin, } from '#internals/mixins/mask-behavior.js';
+import { nextInputId, renderInputShell, resolveInputPartNames, } from '#internals/templates/input-shell.js';
+import { renderMaskedNativeInput } from '#internals/templates/masked-input.js';
+import { equal } from '#internals/utils/objects.js';
+import { DatePartType, DEFAULT_DATE_PARTS_SPIN_DELTAS, } from './date-part.js';
 import { dateTimeInputValidators } from './validators.js';
 const Slots = setSlots('prefix', 'suffix', 'helper-text', 'value-missing', 'range-overflow', 'range-underflow', 'custom-error', 'invalid');
 let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends MaskBehaviorMixin(FormAssociatedRequiredMixin(LitElement)) {
-    get _resolvedLabelElements() {
-        return this._labelElements ?? this._internals.labels;
-    }
     get __validators() {
         return dateTimeInputValidators;
     }
+    get _defaultDisplayFormat() {
+        return this._i18nController.localeDisplayFormat;
+    }
+    get _uncommittedValue() {
+        return this._isEditing ? this._parseMask(true) : this.value;
+    }
+    get _datePartDeltas() {
+        return { ...DEFAULT_DATE_PARTS_SPIN_DELTAS, ...this.spinDelta };
+    }
     get _targetDatePart() {
         return this._focused
             ? this._getDatePartAtCursor()
@@ -72,14 +80,20 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
         super();
         this._slots = addSlotController(this, { slots: Slots });
         this._inputId = nextInputId();
-        this._labelElements = null;
+        this._ariaTarget = addAriaTarget(this, {
+            labels: () => this._internals.labels,
+            description: () => this._slots.hasAssignedElements('helper-text')
+                ? this.renderRoot.querySelector('#helper-text')
+                : null,
+        });
         this._i18nController = addI18nController(this, {
             defaultEN: {},
             onResourceChange: this._handleResourceChange,
         });
         this._min = null;
         this._max = null;
-        this._defaultDisplayFormat = '';
+        this._isEditing = false;
+        this._oldValue = null;
         this.outlined = false;
         this.spinLoop = true;
         addKeybindings(this, {
@@ -93,9 +107,6 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
             .set([ctrlKey, arrowRight], this._navigateParts.bind(this, 1));
     }
     update(props) {
-        if (props.has('displayFormat')) {
-            this._updateDefaultDisplayFormat();
-        }
         if (props.has('locale')) {
             this._initializeDefaultMask();
         }
@@ -118,6 +129,29 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
             this._maskedValue = this._buildMaskedValue();
         }
     }
+    async _handleFocus() {
+        this._focused = true;
+        if (this.readOnly) {
+            return;
+        }
+        this._oldValue = this.value;
+        if (this._isValueEmpty()) {
+            this._maskedValue = this._parser.emptyMask;
+            this._historyResync();
+            await this.updateComplete;
+            this.select();
+            return;
+        }
+        if (this.displayFormat !== this.inputFormat) {
+            this._updateMaskDisplay();
+        }
+        this._historyResync();
+    }
+    _handleBlur() {
+        this._focused = false;
+        this._commitEdit();
+        super._handleBlur();
+    }
     async _handleWheel(event) {
         if (!this._focused || this.readOnly)
             return;
@@ -144,14 +178,83 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
         if (!part)
             return;
         const { start, end } = this._inputSelection;
-        const newValue = this._calculateSpunValue(part, delta, isDecrement);
-        this._commitSpunValue(newValue);
+        this._setDraftValue(this._calculateSpunValue(part, delta, isDecrement));
         this.updateComplete.then(() => this._input?.setSelectionRange(start, end));
     }
     _updateMaskDisplay() {
-        this._maskedValue = this._focused
-            ? this._buildMaskedValue()
-            : this._buildDisplayValue();
+        if (!this._focused) {
+            this._maskedValue = this._buildDisplayValue();
+        }
+        else if (!this._isEditing) {
+            this._maskedValue = this._buildMaskedValue();
+        }
+    }
+    _buildMaskedValue() {
+        const masked = this._formatValue(this.value);
+        return masked === this._parser.emptyMask
+            ? this._maskedValue || masked
+            : masked;
+    }
+    _setDraftValue(value) {
+        if (!this._focused) {
+            this.value = value;
+            return;
+        }
+        const next = this._formatValue(value);
+        this._recordHistory('atomic', next, this._inputSelection.start);
+        this._isEditing = true;
+        this._maskedValue = next;
+        this.requestUpdate();
+    }
+    _isValueEmpty() {
+        return !this.value;
+    }
+    _applyValue(value) {
+        if (equal(this._formValue.value, value)) {
+            return;
+        }
+        this._isEditing = false;
+        this._formValue.setValueAndFormState(value);
+        this._updateMaskDisplay();
+    }
+    _readAmPmFromMask(part) {
+        return part?.type === DatePartType.AmPm
+            ? this._maskedValue.substring(part.start, part.end)
+            : undefined;
+    }
+    _applyDraft() {
+        this._isEditing = false;
+        this.value = this._parseMask(true);
+        this._updateMaskDisplay();
+    }
+    _commitEdit() {
+        if (this._isEditing) {
+            this._isEditing = false;
+            const parsed = this._parseMask(false);
+            if (parsed === null) {
+                this.clear();
+            }
+            else {
+                this.value = parsed;
+            }
+        }
+        this._updateMaskDisplay();
+        if (!this.readOnly && !equal(this._oldValue, this.value)) {
+            this._oldValue = this.value;
+            this.emitEvent('igcChange', { detail: this.value });
+        }
+    }
+    _syncValueFromMask() {
+        if (this._focused) {
+            this._isEditing = true;
+            return;
+        }
+        this._applyDraft();
+    }
+    _restoreDefaultValue() {
+        this._isEditing = false;
+        super._restoreDefaultValue();
+        this._updateMaskDisplay();
     }
     _isMaskComplete() {
         return !this._maskedValue.includes(this.prompt);
@@ -163,26 +266,13 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
             this.placeholder = this._parser.mask;
         }
     }
-    _updateDefaultDisplayFormat() {
-        this._defaultDisplayFormat = getDateFormatter().getLocaleDateTimeFormat(this.locale);
-    }
     _initializeDefaultMask() {
-        this._updateDefaultDisplayFormat();
         if (!this._inputFormat) {
-            this._applyMask(getDefaultDateTimeFormat(this.locale));
+            this._applyMask(this._i18nController.localeInputFormat);
         }
     }
     _resolvePartNames(base) {
-        return {
-            [base]: true,
-            prefixed: this._slots.hasAssignedElements('prefix', {
-                selector: '[slot="prefix"]:not([hidden])',
-            }),
-            suffixed: this._slots.hasAssignedElements('suffix', {
-                selector: '[slot="suffix"]:not([hidden])',
-            }),
-            filled: !this._isEmptyMask,
-        };
+        return resolveInputPartNames(this._slots, base, !this._isEmptyMask);
     }
     select() {
         this._input?.select();
@@ -199,9 +289,18 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
     stepDown(datePart, delta) {
         this._performStep(datePart, delta, true);
     }
+    setRangeText(replacement, start, end, selectMode) {
+        super.setRangeText(replacement, start, end, selectMode);
+        this._applyDraft();
+    }
+    clear() {
+        this._isEditing = false;
+        this._maskedValue = '';
+        this.value = null;
+        this._updateMaskDisplay();
+    }
     _renderInput() {
         const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';
-        const hasHelperText = this._slots.hasAssignedElements('helper-text');
         return renderMaskedNativeInput({
             id: this._inputId,
             partNames: this._resolvePartNames('input'),
@@ -211,9 +310,9 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
             readOnly: this.readOnly,
             disabled: this.disabled,
             tabindex: hasNegativeTabIndex ? -1 : undefined,
-            ariaDescribedBy: hasHelperText ? 'helper-text' : undefined,
-            ariaLabelledByElements: this._resolvedLabelElements,
+            aria: this._ariaTarget.resolveBindings(),
             onInput: this._handleInput,
+            onBeforeInput: this._handleBeforeInput,
             onFocus: this._handleFocus,
             onBlur: this._handleBlur,
             onClick: this._handleClick,
@@ -238,9 +337,6 @@ let IgcDateTimeInputBaseComponent = class IgcDateTimeInputBaseComponent extends
 __decorate([
     query('input')
 ], IgcDateTimeInputBaseComponent.prototype, "_input", void 0);
-__decorate([
-    state()
-], IgcDateTimeInputBaseComponent.prototype, "_labelElements", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcDateTimeInputBaseComponent.prototype, "outlined", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"date-time-input.base.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.base.ts"],"names":[],"mappings":"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","sourcesContent":["import { getDateFormatter } from 'igniteui-i18n-core';\nimport { LitElement, type PropertyValues, type TemplateResult } from 'lit';\nimport { eventOptions, property, query, state } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport type { ThemingController } from '../../theming/theming-controller.js';\nimport { convertToDate } from '../calendar/helpers.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  ctrlKey,\n} from '../common/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '../common/controllers/slot.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '../common/decorators/shadow-options.js';\nimport {\n  addI18nController,\n  getDefaultDateTimeFormat,\n} from '../common/i18n/i18n-controller.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/forms/associated-required.js';\nimport {\n  MaskBehaviorMixin,\n  type MaskSelection,\n} from '../common/mixins/mask-behavior.js';\nimport {\n  nextInputId,\n  renderInputShell,\n} from '../common/templates/input-shell.js';\nimport { renderMaskedNativeInput } from '../common/templates/masked-input.js';\nimport type { DatePartDeltas } from './date-part.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport type { MaskSelection };\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'range-overflow',\n  'range-underflow',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcDateTimeInputBaseComponent extends MaskBehaviorMixin(\n  FormAssociatedRequiredMixin(LitElement)\n) {\n  // #region Internal state and properties\n\n  protected abstract readonly _themes: ThemingController;\n\n  protected readonly _slots = addSlotController(this, { slots: Slots });\n\n  protected readonly _inputId = nextInputId();\n\n  @query('input')\n  protected override readonly _input?: HTMLInputElement;\n\n  /**\n   * Externally supplied label elements forwarded by a composite host (e.g. `igc-date-picker`)\n   * so that the host's associated labels reach the inner native input. When set, these take\n   * precedence over the component's own `ElementInternals` labels.\n   *\n   * @hidden @internal\n   */\n  @state()\n  public _labelElements: ReadonlyArray<Element> | null = null;\n\n  /**\n   * Resolves the label elements applied to the native input as `aria-labelledby` targets,\n   * preferring forwarded labels over the component's own `ElementInternals` labels.\n   *\n   * @hidden @internal\n   */\n  protected get _resolvedLabelElements(): ReadonlyArray<Element> | null {\n    return this._labelElements ?? this._internals.labels;\n  }\n\n  protected override get __validators() {\n    return dateTimeInputValidators;\n  }\n\n  private readonly _i18nController = addI18nController(this, {\n    defaultEN: {},\n    onResourceChange: this._handleResourceChange,\n  });\n\n  protected _min: Date | null = null;\n  protected _max: Date | null = null;\n\n  protected _defaultMask!: string;\n\n  protected _defaultDisplayFormat = '';\n  protected _displayFormat?: string;\n  protected _inputFormat?: string;\n\n  protected get _targetDatePart(): unknown {\n    return this._focused\n      ? this._getDatePartAtCursor()\n      : this._getDefaultDatePart();\n  }\n\n  // #endregion\n\n  // #region Public attributes and properties\n\n  /**\n   * Whether the control will have outlined appearance.\n   *\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * The placeholder attribute of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The label for the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The date format to apply on the input.\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._parser.mask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this._applyMask(val);\n      this._inputFormat = val;\n      this._updateMaskDisplay();\n    }\n  }\n\n  /**\n   * The minimum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._validate();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._validate();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the locale format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return (\n      this._displayFormat ?? this._inputFormat ?? this._defaultDisplayFormat\n    );\n  }\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  /**\n   * Sets whether to loop over the currently spun segment.\n   * @attr spin-loop\n   */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /**\n   * Gets/Sets the locale used for formatting the display value.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  // #endregion\n\n  //#region Lifecycle Hooks\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      skip: () => this.readOnly,\n      bindingDefaults: { repeat: true },\n    })\n      .set([ctrlKey, ';'], this._setCurrentDateTime)\n      .set(arrowUp, this._keyboardSpin.bind(this, 'up'))\n      .set(arrowDown, this._keyboardSpin.bind(this, 'down'))\n      .set([ctrlKey, arrowLeft], this._navigateParts.bind(this, 0))\n      .set([ctrlKey, arrowRight], this._navigateParts.bind(this, 1));\n  }\n\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('displayFormat')) {\n      this._updateDefaultDisplayFormat();\n    }\n\n    if (props.has('locale')) {\n      this._initializeDefaultMask();\n    }\n\n    if (props.has('displayFormat') || props.has('locale')) {\n      this._updateMaskDisplay();\n    }\n\n    super.update(props);\n  }\n\n  //#endregion\n\n  // #region Event handlers\n\n  private _handleResourceChange(): void {\n    this._initializeDefaultMask();\n    this._updateMaskDisplay();\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskDisplay();\n    }\n  }\n\n  protected _handleDragEnter(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  /**\n   * Handles wheel events for spinning date parts.\n   */\n  @eventOptions({ passive: false })\n  protected async _handleWheel(event: WheelEvent): Promise<void> {\n    if (!this._focused || this.readOnly) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { start, end } = this._inputSelection;\n    event.deltaY > 0 ? this.stepDown() : this.stepUp();\n    this._emitInputEvent();\n\n    await this.updateComplete;\n    this.setSelectionRange(start, end);\n  }\n\n  // #endregion\n\n  //#region Keybindings\n\n  /**\n   * Navigates to the previous or next date part.\n   */\n  protected _navigateParts(direction: number): void {\n    const position = this._calculatePartNavigationPosition(\n      this._input?.value ?? '',\n      direction\n    );\n    this.setSelectionRange(position, position);\n  }\n\n  /**\n   * Handles keyboard-triggered spinning (arrow up/down).\n   */\n  protected async _keyboardSpin(direction: 'up' | 'down'): Promise<void> {\n    direction === 'up' ? this.stepUp() : this.stepDown();\n    this._emitInputEvent();\n    await this.updateComplete;\n    this.setSelectionRange(this._maskSelection.start, this._maskSelection.end);\n  }\n\n  // #endregion\n\n  //#region Internal API\n\n  /**\n   * Common logic for stepping up or down a date part.\n   * @internal\n   */\n  protected _performStep(\n    datePart: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): void {\n    const part = datePart || this._targetDatePart;\n    if (!part) return;\n\n    const { start, end } = this._inputSelection;\n    const newValue = this._calculateSpunValue(part, delta, isDecrement);\n    this._commitSpunValue(newValue);\n    this.updateComplete.then(() => this._input?.setSelectionRange(start, end));\n  }\n\n  /**\n   * Updates the displayed mask value based on focus state.\n   * When focused, shows the editable mask. When unfocused, defers to the leaf's display formatter.\n   */\n  protected _updateMaskDisplay(): void {\n    this._maskedValue = this._focused\n      ? this._buildMaskedValue()\n      : this._buildDisplayValue();\n  }\n\n  /**\n   * Checks if all mask positions are filled (no prompt characters remain).\n   */\n  protected _isMaskComplete(): boolean {\n    return !this._maskedValue.includes(this.prompt);\n  }\n\n  /**\n   * Applies a mask pattern to the input, parsing the format string into date parts.\n   */\n  protected _applyMask(formatString: string): void {\n    const previous = this._parser.mask;\n    this._parser.mask = formatString;\n\n    // Update placeholder if not set or if it matches the old format\n    if (!this.placeholder || previous === this.placeholder) {\n      this.placeholder = this._parser.mask;\n    }\n  }\n\n  /**\n   * Updates the default display format based on current locale.\n   */\n  private _updateDefaultDisplayFormat(): void {\n    this._defaultDisplayFormat = getDateFormatter().getLocaleDateTimeFormat(\n      this.locale\n    );\n  }\n\n  protected _initializeDefaultMask(): void {\n    this._updateDefaultDisplayFormat();\n\n    if (!this._inputFormat) {\n      this._applyMask(getDefaultDateTimeFormat(this.locale));\n    }\n  }\n\n  /**\n   * Resolves the part names for the container based on the current state.\n   */\n  protected _resolvePartNames(base: string): Record<string, boolean> {\n    return {\n      [base]: true,\n      prefixed: this._slots.hasAssignedElements('prefix', {\n        selector: '[slot=\"prefix\"]:not([hidden])',\n      }),\n      suffixed: this._slots.hasAssignedElements('suffix', {\n        selector: '[slot=\"suffix\"]:not([hidden])',\n      }),\n      filled: !this._isEmptyMask,\n    };\n  }\n\n  // #endregion\n\n  // #region Public API\n\n  /** Selects all the text inside the input. */\n  public select(): void {\n    this._input?.select();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur(): void {\n    this._input?.blur();\n  }\n\n  /* blazorSuppress */\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, false);\n  }\n\n  /* blazorSuppress */\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, true);\n  }\n\n  /** Clears the input element of user input. */\n  public abstract clear(): void;\n\n  //#endregion\n\n  //#region Render\n\n  protected _renderInput(): TemplateResult {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n    const hasHelperText = this._slots.hasAssignedElements('helper-text');\n\n    return renderMaskedNativeInput({\n      id: this._inputId,\n      partNames: this._resolvePartNames('input'),\n      name: this.name,\n      value: this._maskedValue,\n      placeholder: this.placeholder || this._parser.emptyMask,\n      readOnly: this.readOnly,\n      disabled: this.disabled,\n      tabindex: hasNegativeTabIndex ? -1 : undefined,\n      ariaDescribedBy: hasHelperText ? 'helper-text' : undefined,\n      ariaLabelledByElements: this._resolvedLabelElements,\n      onInput: this._handleInput,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      onClick: this._handleClick,\n      onSetMaskSelection: this._setMaskSelection,\n      onCompositionStart: this._handleCompositionStart,\n      onCompositionEnd: this._handleCompositionEnd,\n      onWheel: this._handleWheel,\n      onDragEnter: this._handleDragEnter,\n      onDragLeave: this._handleDragLeave,\n    });\n  }\n\n  protected override render() {\n    return cache(\n      renderInputShell(this, {\n        theme: this._themes.theme,\n        label: this.label,\n        labelId: this._inputId,\n        containerParts: this._resolvePartNames('container'),\n        renderInput: this._renderInput,\n      })\n    );\n  }\n\n  //#endregion\n\n  // #region Abstract methods and properties\n\n  protected abstract get _datePartDeltas(): DatePartDeltas;\n\n  protected abstract _buildMaskedValue(): string;\n  protected abstract _buildDisplayValue(): string;\n  protected abstract override _syncValueFromMask(): void;\n  protected abstract _calculatePartNavigationPosition(\n    value: string,\n    direction: number\n  ): number;\n  protected abstract _calculateSpunValue(\n    part: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): unknown;\n  protected abstract _commitSpunValue(value: unknown): void;\n  protected abstract _setCurrentDateTime(): void;\n  protected abstract _handleFocus(): Promise<void>;\n  protected abstract _getDatePartAtCursor(): unknown;\n  protected abstract _getDefaultDatePart(): unknown;\n\n  public abstract hasDateParts(): boolean;\n  public abstract hasTimeParts(): boolean;\n\n  // #endregion\n}\n"]}
+{"version":3,"file":"date-time-input.base.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues, type TemplateResult } from 'lit';\nimport { eventOptions, property, query } from 'lit/decorators.js';\nimport { cache } from 'lit/directives/cache.js';\nimport { addAriaTarget } from '#internals/controllers/aria-projection.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  ctrlKey,\n} from '#internals/controllers/key-bindings.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { convertToDate } from '#internals/date/converters.js';\nimport { blazorDeepImport } from '#internals/decorators/blazorDeepImport.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport type { FormValue } from '#internals/mixins/forms/form-value.js';\nimport {\n  MaskBehaviorMixin,\n  type MaskSelection,\n} from '#internals/mixins/mask-behavior.js';\nimport {\n  nextInputId,\n  renderInputShell,\n  resolveInputPartNames,\n} from '#internals/templates/input-shell.js';\nimport { renderMaskedNativeInput } from '#internals/templates/masked-input.js';\nimport { equal } from '#internals/utils/objects.js';\nimport type { ThemingController } from '#theming/theming-controller.js';\nimport type { RangeTextSelectMode } from '../types.js';\nimport {\n  type DatePartDeltas,\n  DatePartType,\n  DEFAULT_DATE_PARTS_SPIN_DELTAS,\n  type IDatePart,\n} from './date-part.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport type { MaskSelection };\n\nconst Slots = setSlots(\n  'prefix',\n  'suffix',\n  'helper-text',\n  'value-missing',\n  'range-overflow',\n  'range-underflow',\n  'custom-error',\n  'invalid'\n);\n\n/* blazorIndirectRender */\n/* blazorSupportsVisualChildren */\n/* omitModule */\n@blazorDeepImport\n@shadowOptions({ delegatesFocus: true })\nexport abstract class IgcDateTimeInputBaseComponent<\n  T,\n> extends MaskBehaviorMixin(FormAssociatedRequiredMixin(LitElement)) {\n  // #region Internal state and properties\n\n  protected abstract readonly _themes: ThemingController;\n\n  protected readonly _slots = addSlotController(this, { slots: Slots });\n\n  protected readonly _inputId = nextInputId();\n\n  @query('input')\n  protected override readonly _input?: HTMLInputElement;\n\n  /**\n   * Receives ARIA semantics projected by a composite host\n   * (e.g. `igc-date-picker`) onto the inner native input.\n   * See {@link addAriaTarget}.\n   */\n  protected readonly _ariaTarget = addAriaTarget(this, {\n    labels: () => this._internals.labels,\n    description: () =>\n      this._slots.hasAssignedElements('helper-text')\n        ? this.renderRoot.querySelector('#helper-text')\n        : null,\n  });\n\n  protected override get __validators() {\n    return dateTimeInputValidators;\n  }\n\n  private readonly _i18nController = addI18nController(this, {\n    defaultEN: {},\n    onResourceChange: this._handleResourceChange,\n  });\n\n  protected _min: Date | null = null;\n  protected _max: Date | null = null;\n\n  protected _displayFormat?: string;\n  protected _inputFormat?: string;\n\n  /** The locale-default display format, resolved by the i18n controller. */\n  protected get _defaultDisplayFormat(): string {\n    return this._i18nController.localeDisplayFormat;\n  }\n\n  /**\n   * Whether the user has an uncommitted edit in progress.\n   *\n   * While set, the masked text - not the public `value` - is the source of truth:\n   * typing updates the mask only, and the parsed result reaches `value` (together\n   * with `igcChange`) when the edit is committed on blur. Keeping `value` in sync\n   * with the last emitted `igcChange` is what stops a host that two-way binds the\n   * property from clobbering a half-typed mask on an unrelated re-render.\n   */\n  protected _isEditing = false;\n\n  /** The value the input was focused with, used to detect a committed change. */\n  protected _oldValue: T | null = null;\n\n  /**\n   * The value currently in the editor - the parsed draft while an edit is in\n   * progress, otherwise the committed public value.\n   *\n   * @hidden @internal\n   */\n  public get _uncommittedValue(): T | null {\n    return this._isEditing ? this._parseMask(true) : this.value;\n  }\n\n  /** The spin amount for each date part - the defaults overlaid with `spinDelta`. */\n  protected get _datePartDeltas(): DatePartDeltas {\n    return { ...DEFAULT_DATE_PARTS_SPIN_DELTAS, ...this.spinDelta };\n  }\n\n  protected get _targetDatePart(): unknown {\n    return this._focused\n      ? this._getDatePartAtCursor()\n      : this._getDefaultDatePart();\n  }\n\n  // #endregion\n\n  // #region Public attributes and properties\n\n  /**\n   * Whether the control will have outlined appearance.\n   *\n   * @attr\n   * @default false\n   */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /**\n   * The placeholder text of the control.\n   * @attr\n   */\n  @property()\n  public placeholder!: string;\n\n  /**\n   * The label for the control.\n   * @attr\n   */\n  @property()\n  public label!: string;\n\n  /**\n   * The date format to apply on the input.\n   * @attr input-format\n   */\n  @property({ attribute: 'input-format' })\n  public get inputFormat(): string {\n    return this._inputFormat || this._parser.mask;\n  }\n\n  public set inputFormat(val: string) {\n    if (val) {\n      this._applyMask(val);\n      this._inputFormat = val;\n      this._updateMaskDisplay();\n    }\n  }\n\n  /**\n   * The minimum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set min(value: Date | string | null | undefined) {\n    this._min = convertToDate(value);\n    this._validate();\n  }\n\n  public get min(): Date | null {\n    return this._min;\n  }\n\n  /**\n   * The maximum value required for the input to remain valid.\n   * @attr\n   */\n  @property({ converter: convertToDate })\n  public set max(value: Date | string | null | undefined) {\n    this._max = convertToDate(value);\n    this._validate();\n  }\n\n  public get max(): Date | null {\n    return this._max;\n  }\n\n  /**\n   * Format to display the value in when not editing.\n   * Defaults to the locale format if not set.\n   * @attr display-format\n   */\n  @property({ attribute: 'display-format' })\n  public set displayFormat(value: string) {\n    this._displayFormat = value;\n  }\n\n  public get displayFormat(): string {\n    return (\n      this._displayFormat ?? this._inputFormat ?? this._defaultDisplayFormat\n    );\n  }\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  /**\n   * Sets whether to loop over the currently spun segment.\n   * @attr spin-loop\n   */\n  @property({ type: Boolean, attribute: 'spin-loop' })\n  public spinLoop = true;\n\n  /**\n   * The locale used to format the display value and to resolve the\n   * component's resource strings. Falls back to the global locale when not set.\n   * @attr locale\n   */\n  @property()\n  public set locale(value: string) {\n    this._i18nController.locale = value;\n  }\n\n  public get locale(): string {\n    return this._i18nController.locale;\n  }\n\n  // #endregion\n\n  //#region Lifecycle Hooks\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      skip: () => this.readOnly,\n      bindingDefaults: { repeat: true },\n    })\n      .set([ctrlKey, ';'], this._setCurrentDateTime)\n      .set(arrowUp, this._keyboardSpin.bind(this, 'up'))\n      .set(arrowDown, this._keyboardSpin.bind(this, 'down'))\n      .set([ctrlKey, arrowLeft], this._navigateParts.bind(this, 0))\n      .set([ctrlKey, arrowRight], this._navigateParts.bind(this, 1));\n  }\n\n  protected override update(props: PropertyValues<this>): void {\n    if (props.has('locale')) {\n      this._initializeDefaultMask();\n    }\n\n    if (props.has('displayFormat') || props.has('locale')) {\n      this._updateMaskDisplay();\n    }\n\n    super.update(props);\n  }\n\n  //#endregion\n\n  // #region Event handlers\n\n  private _handleResourceChange(): void {\n    this._initializeDefaultMask();\n    this._updateMaskDisplay();\n  }\n\n  protected _handleDragLeave(): void {\n    if (!this._focused) {\n      this._updateMaskDisplay();\n    }\n  }\n\n  protected _handleDragEnter(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  protected async _handleFocus(): Promise<void> {\n    this._focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    this._oldValue = this.value;\n\n    if (this._isValueEmpty()) {\n      this._maskedValue = this._parser.emptyMask;\n      this._historyResync();\n      await this.updateComplete;\n      this.select();\n      return;\n    }\n\n    if (this.displayFormat !== this.inputFormat) {\n      this._updateMaskDisplay();\n    }\n\n    this._historyResync();\n  }\n\n  protected override _handleBlur(): void {\n    this._focused = false;\n    this._commitEdit();\n    super._handleBlur();\n  }\n\n  /**\n   * Handles wheel events for spinning date parts.\n   */\n  @eventOptions({ passive: false })\n  protected async _handleWheel(event: WheelEvent): Promise<void> {\n    if (!this._focused || this.readOnly) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { start, end } = this._inputSelection;\n    event.deltaY > 0 ? this.stepDown() : this.stepUp();\n    this._emitInputEvent();\n\n    await this.updateComplete;\n    this.setSelectionRange(start, end);\n  }\n\n  // #endregion\n\n  //#region Keybindings\n\n  /**\n   * Navigates to the previous or next date part.\n   */\n  protected _navigateParts(direction: number): void {\n    const position = this._calculatePartNavigationPosition(\n      this._input?.value ?? '',\n      direction\n    );\n    this.setSelectionRange(position, position);\n  }\n\n  /**\n   * Handles keyboard-triggered spinning (arrow up/down).\n   */\n  protected async _keyboardSpin(direction: 'up' | 'down'): Promise<void> {\n    direction === 'up' ? this.stepUp() : this.stepDown();\n    this._emitInputEvent();\n    await this.updateComplete;\n    this.setSelectionRange(this._maskSelection.start, this._maskSelection.end);\n  }\n\n  // #endregion\n\n  //#region Internal API\n\n  /**\n   * Common logic for stepping up or down a date part.\n   * @internal\n   */\n  protected _performStep(\n    datePart: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): void {\n    const part = datePart || this._targetDatePart;\n    if (!part) return;\n\n    const { start, end } = this._inputSelection;\n    this._setDraftValue(this._calculateSpunValue(part, delta, isDecrement));\n    this.updateComplete.then(() => this._input?.setSelectionRange(start, end));\n  }\n\n  /**\n   * Updates the displayed mask value based on focus state.\n   * When focused, shows the editable mask. When unfocused, defers to the leaf's display formatter.\n   */\n  protected _updateMaskDisplay(): void {\n    if (!this._focused) {\n      this._maskedValue = this._buildDisplayValue();\n    } else if (!this._isEditing) {\n      // An edit in progress owns the masked text. Rebuilding it from `value` here\n      // would discard whatever the user has typed so far.\n      this._maskedValue = this._buildMaskedValue();\n    }\n  }\n\n  /** Builds the editable mask shown while the input is focused. */\n  protected _buildMaskedValue(): string {\n    const masked = this._formatValue(this.value);\n\n    // A value-less mask formats to the empty mask; prefer whatever is already in\n    // the editor so that a partially typed mask survives a re-render.\n    return masked === this._parser.emptyMask\n      ? this._maskedValue || masked\n      : masked;\n  }\n\n  /**\n   * Applies a value produced by an interactive edit (spinning, `Ctrl + ;`).\n   * While focused this only moves the draft; outside of an editing session - e.g. a\n   * programmatic `stepUp()` - there is no blur coming to commit it.\n   */\n  protected _setDraftValue(value: T): void {\n    if (!this._focused) {\n      this.value = value;\n      return;\n    }\n\n    const next = this._formatValue(value);\n\n    this._recordHistory('atomic', next, this._inputSelection.start);\n\n    this._isEditing = true;\n    this._maskedValue = next;\n    this.requestUpdate();\n  }\n\n  /**\n   * Whether the committed value is empty, i.e. gaining focus should start the\n   * edit from the empty mask rather than the formatted value.\n   */\n  protected _isValueEmpty(): boolean {\n    return !this.value;\n  }\n\n  /**\n   * Applies a programmatic value assignment: bails when the value is unchanged,\n   * cancels any edit in progress, and re-renders the mask from the new value.\n   */\n  protected _applyValue(value: T | null): void {\n    if (equal(this._formValue.value, value)) {\n      return;\n    }\n\n    this._isEditing = false;\n    this._formValue.setValueAndFormState(value);\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Reads the AM/PM designator as currently typed in the mask for the given\n   * format part, so spinning it toggles from what the user sees rather than\n   * from the underlying date.\n   */\n  protected _readAmPmFromMask(part?: IDatePart): string | undefined {\n    return part?.type === DatePartType.AmPm\n      ? this._maskedValue.substring(part.start, part.end)\n      : undefined;\n  }\n\n  /** Applies the masked text to the public value without emitting anything. */\n  protected _applyDraft(): void {\n    this._isEditing = false;\n    this.value = this._parseMask(true);\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Commits the current draft to the public value, emitting `igcChange` when the\n   * committed value differs from the one the input was focused with.\n   */\n  protected _commitEdit(): void {\n    // Only an actual edit is re-parsed. Without this guard a mask holding a\n    // display-formatted value - a read-only or untouched input - would be read back\n    // under the input format and mangled.\n    if (this._isEditing) {\n      this._isEditing = false;\n\n      // A partially filled mask is parsed leniently, missing parts falling back to\n      // their defaults; only a mask that resolves to nothing clears the value.\n      const parsed = this._parseMask(false);\n\n      if (parsed === null) {\n        this.clear();\n      } else {\n        this.value = parsed;\n      }\n    }\n\n    // The assignments above are no-ops when the value did not change, so the mask\n    // still has to be flipped back to the display format explicitly.\n    this._updateMaskDisplay();\n\n    // The value can also have moved without an edit - `clear()` or a programmatic\n    // assignment while focused - and that is a committed change just the same.\n    if (!this.readOnly && !equal(this._oldValue, this.value)) {\n      this._oldValue = this.value;\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  /**\n   * Marks the masked text as an uncommitted edit. The parsed result deliberately\n   * does not reach the public `value` here - that happens on commit - so that the\n   * property stays in sync with the last emitted `igcChange`. See {@link _isEditing}.\n   */\n  protected override _syncValueFromMask(): void {\n    if (this._focused) {\n      this._isEditing = true;\n      return;\n    }\n\n    // A mask mutation outside of an editing session - e.g. text dropped onto an\n    // unfocused input - has no blur coming to commit it.\n    this._applyDraft();\n  }\n\n  protected override _restoreDefaultValue(): void {\n    this._isEditing = false;\n    super._restoreDefaultValue();\n    this._updateMaskDisplay();\n  }\n\n  /**\n   * Checks if all mask positions are filled (no prompt characters remain).\n   */\n  protected _isMaskComplete(): boolean {\n    return !this._maskedValue.includes(this.prompt);\n  }\n\n  /**\n   * Applies a mask pattern to the input, parsing the format string into date parts.\n   */\n  protected _applyMask(formatString: string): void {\n    const previous = this._parser.mask;\n    this._parser.mask = formatString;\n\n    // Update placeholder if not set or if it matches the old format\n    if (!this.placeholder || previous === this.placeholder) {\n      this.placeholder = this._parser.mask;\n    }\n  }\n\n  /** Applies the locale-default mask, unless an explicit input format is set. */\n  protected _initializeDefaultMask(): void {\n    if (!this._inputFormat) {\n      this._applyMask(this._i18nController.localeInputFormat);\n    }\n  }\n\n  /**\n   * Resolves the part names for the container based on the current state.\n   */\n  protected _resolvePartNames(base: string): Record<string, boolean> {\n    return resolveInputPartNames(this._slots, base, !this._isEmptyMask);\n  }\n\n  // #endregion\n\n  // #region Public API\n\n  /** Selects all the text inside the input. */\n  public select(): void {\n    this._input?.select();\n  }\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the control. */\n  public override focus(options?: FocusOptions): void {\n    this._input?.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the control. */\n  public override blur(): void {\n    this._input?.blur();\n  }\n\n  /* blazorSuppress */\n  /** Increments a date/time portion. */\n  public stepUp(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, false);\n  }\n\n  /* blazorSuppress */\n  /** Decrements a date/time portion. */\n  public stepDown(datePart?: unknown, delta?: number): void {\n    this._performStep(datePart, delta, true);\n  }\n\n  /* blazorSuppress */\n  /** Replaces the selected text in the control and re-applies the mask. */\n  public override setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: RangeTextSelectMode\n  ): void {\n    super.setRangeText(replacement, start, end, selectMode);\n    this._applyDraft();\n  }\n\n  /** Clears the input element of user input. */\n  public clear(): void {\n    this._isEditing = false;\n    this._maskedValue = '';\n    this.value = null;\n    this._updateMaskDisplay();\n  }\n\n  //#endregion\n\n  //#region Render\n\n  protected _renderInput(): TemplateResult {\n    const hasNegativeTabIndex = this.getAttribute('tabindex') === '-1';\n\n    return renderMaskedNativeInput({\n      id: this._inputId,\n      partNames: this._resolvePartNames('input'),\n      name: this.name,\n      value: this._maskedValue,\n      placeholder: this.placeholder || this._parser.emptyMask,\n      readOnly: this.readOnly,\n      disabled: this.disabled,\n      tabindex: hasNegativeTabIndex ? -1 : undefined,\n      aria: this._ariaTarget.resolveBindings(),\n      onInput: this._handleInput,\n      onBeforeInput: this._handleBeforeInput,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      onClick: this._handleClick,\n      onSetMaskSelection: this._setMaskSelection,\n      onCompositionStart: this._handleCompositionStart,\n      onCompositionEnd: this._handleCompositionEnd,\n      onWheel: this._handleWheel,\n      onDragEnter: this._handleDragEnter,\n      onDragLeave: this._handleDragLeave,\n    });\n  }\n\n  protected override render() {\n    return cache(\n      renderInputShell(this, {\n        theme: this._themes.theme,\n        label: this.label,\n        labelId: this._inputId,\n        containerParts: this._resolvePartNames('container'),\n        renderInput: this._renderInput,\n      })\n    );\n  }\n\n  //#endregion\n\n  // #region Abstract methods and properties\n\n  protected abstract override readonly _formValue: FormValue<T | null>;\n\n  /** Provided by `EventEmitterMixin` in the concrete components. */\n  public abstract emitEvent(name: string, init?: CustomEventInit): boolean;\n\n  /** The committed value of the input. */\n  public abstract get value(): T | null;\n  public abstract set value(value: T | null);\n\n  /**\n   * Parses the current masked text into the leaf's value type.\n   *\n   * A `strict` parse mirrors the committed value semantics - an incomplete mask has\n   * no value yet and resolves to `null` rather than to a defaults-filled one. A lenient\n   * parse completes the missing parts from their defaults, an empty mask excepted - that\n   * one holds no value to complete and resolves to `null` as well.\n   */\n  protected abstract _parseMask(strict: boolean): T | null;\n\n  /** Formats a value into the editable mask. */\n  protected abstract _formatValue(value: T | null): string;\n\n  protected abstract _buildDisplayValue(): string;\n  protected abstract _calculatePartNavigationPosition(\n    value: string,\n    direction: number\n  ): number;\n  protected abstract _calculateSpunValue(\n    part: unknown,\n    delta: number | undefined,\n    isDecrement: boolean\n  ): T;\n  protected abstract _setCurrentDateTime(): void;\n  protected abstract _getDatePartAtCursor(): unknown;\n  protected abstract _getDefaultDatePart(): unknown;\n\n  public abstract hasDateParts(): boolean;\n  public abstract hasTimeParts(): boolean;\n\n  // #endregion\n}\n"]}

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

@@ -1,5 +1,5 @@
-import type { AbstractConstructor } from '../common/mixins/constructor.js';
-import { DatePart, type DatePartDeltas } from './date-part.js';
+import type { AbstractConstructor } from '#internals/mixins/constructor.js';
+import { DatePart } from './date-part.js';
 import { IgcDateTimeInputBaseComponent } from './date-time-input.base.js';
 import { DateTimeMaskParser } from './datetime-mask-parser.js';
 export interface IgcDateTimeInputComponentEventMap {
@@ -8,7 +8,7 @@ export interface IgcDateTimeInputComponentEventMap {
     focus: FocusEvent;
     blur: FocusEvent;
 }
-declare const IgcDateTimeInputComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDateTimeInputComponentEventMap>> & AbstractConstructor<IgcDateTimeInputBaseComponent>;
+declare const IgcDateTimeInputComponent_base: import("#internals/mixins/constructor.js").Constructor<import("#internals/mixins/event-emitter.js").EventEmitterInterface<IgcDateTimeInputComponentEventMap>> & AbstractConstructor<IgcDateTimeInputBaseComponent<Date>>;
 /**
  * A date time input is an input field that lets you set and edit the date and time in a chosen input element
  * using customizable display and input formats.
@@ -38,20 +38,22 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
     static readonly tagName = "igc-date-time-input";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    protected readonly _themes: import("../../theming/theming-controller.js").ThemingController;
+    protected readonly _themes: import("#theming/theming-controller.js").ThemingController;
     protected readonly _parser: DateTimeMaskParser;
-    protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<Date | null>;
-    protected get __validators(): import("../common/validators.js").Validator<IgcDateTimeInputComponent>[];
-    protected get _datePartDeltas(): DatePartDeltas;
-    protected _oldValue: Date | null;
+    protected readonly _formValue: import("#internals/mixins/forms/form-value.js").FormValue<Date | null>;
+    protected get __validators(): import("../../internals/validators.js").Validator<IgcDateTimeInputComponent>[];
     /**
      * The value of the input.
+     *
+     * Only ever holds a committed value. While the user is typing, the intermediate
+     * state lives in the masked text and is committed - together with an `igcChange`
+     * event - when the edit is committed on blur. Use the `igcInput` event to observe
+     * the value as it is being typed.
+     *
      * @attr
      */
     set value(value: Date | string | null | undefined);
     get value(): Date | null;
-    protected _handleFocus(): Promise<void>;
-    protected _handleBlur(): void;
     /**
      * Calculates the new cursor position when navigating between date parts.
      * direction = 0: navigate to start of previous part
@@ -69,19 +71,12 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
      * Prioritizes: Date > Hours > First available part
      */
     protected _getDefaultDatePart(): DatePart | undefined;
-    /**
-     * Builds the masked value string from the current date value.
-     * Returns empty mask if no value, or existing masked value if incomplete.
-     */
-    protected _buildMaskedValue(): string;
+    protected _parseMask(strict: boolean): Date | null;
+    protected _formatValue(value: Date | null): string;
     /**
      * Builds the formatted display value shown when the input is not focused.
      */
     protected _buildDisplayValue(): string;
-    /**
-     * Commits a value produced by spinning a date part.
-     */
-    protected _commitSpunValue(value: unknown): void;
     /**
      * Sets the value to the current date/time.
      */
@@ -99,17 +94,10 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
      * Spins a specific date part by the given delta.
      */
     protected _spinDatePart(datePart: DatePart, delta: number): Date;
-    /**
-     * Updates the internal value based on the current masked input.
-     * Only sets a value if the mask is complete and parses to a valid date.
-     */
-    protected _syncValueFromMask(): void;
     /** Increments a date/time portion. */
     stepUp(datePart?: DatePart, delta?: number): void;
     /** Decrements a date/time portion. */
     stepDown(datePart?: DatePart, delta?: number): void;
-    /** Clears the input element of user input. */
-    clear(): void;
     /**
      * Checks whether the current format includes date parts (day, month, year).
      * @internal