@eclipse-scout/core/src/datepicker/DatePickerTouchPopup.ts

Eclipse Scout runtime

/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
import {AbstractLayout, DateField, DateFieldAcceptInputEvent, DatePicker, DatePickerTouchPopupLayout, DatePickerTouchPopupModel, InitModelOf, ParsingFailedStatus, scout, TouchPopup} from '../index';

export class DatePickerTouchPopup extends TouchPopup {
  declare model: DatePickerTouchPopupModel;
  declare _widget: DatePicker;
  declare _field: DateField;
  declare _touchField: DateField;

  protected override _init(options: InitModelOf<this>) {
    super._init(options);
    this._field.on('acceptInput', this._onFieldAcceptInput.bind(this));
    this.addCssClass('date-picker-touch-popup');
  }

  protected override _initWidget(options: DatePickerTouchPopupModel) {
    this._widget = scout.create(DatePicker, {
      parent: this,
      dateFormat: options.dateFormat,
      allowedDates: options.allowedDates
    });
  }

  protected override _render() {
    super._render();
    this._field.$container.addClass('date');
  }

  protected override _onMouseDownOutside(event: MouseEvent) {
    this._acceptInput();
  }

  getDatePicker(): DatePicker {
    return this._widget;
  }

  protected override _createLayout(): AbstractLayout {
    return new DatePickerTouchPopupLayout(this);
  }

  protected _onFieldAcceptInput(event: DateFieldAcceptInputEvent) {
    // Delegate to original field
    this._touchField.setDisplayText(event.displayText);
    this._touchField.setErrorStatus(event.errorStatus);
    let hasParsingFailedError = event.errorStatus ? event.errorStatus.containsStatus(ParsingFailedStatus) : false;
    if (!hasParsingFailedError) {
      this._touchField.setValue(event.value);
    }
    this._touchField._triggerAcceptInput(event.whileTyping);
  }

  protected override _acceptInput() {
    this._field.acceptDate();
    this.close();
  }
}