eclipse-scout-core/src/datepicker/DatePickerPopup.js

/*
 * Copyright (c) 2014-2018 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
import {DatePickerPopupLayout, FormField, HtmlComponent, Popup, scout} from '../index';

export default class DatePickerPopup extends Popup {

  constructor() {
    super();
  }

  _init(options) {
    options.scrollType = options.scrollType || 'layoutAndPosition';
    options.withFocusContext = false;
    super._init(options);

    this.picker = scout.create('DatePicker', {
      parent: this,
      dateFormat: options.dateFormat,
      allowedDates: options.allowedDates
    });
  }

  _createLayout() {
    return new DatePickerPopupLayout(this);
  }

  _render() {
    this.$container = this.$parent.appendDiv('date-picker-popup');
    this.$container.toggleClass('alternative', this.field.fieldStyle === FormField.FieldStyle.ALTERNATIVE);
    this.htmlComp = HtmlComponent.install(this.$container, this.session);
    this.htmlComp.setLayout(this._createLayout());
    this.htmlComp.validateRoot = true;
    this.picker.render();
  }

  /**
   * @implements DatePickerPopup
   */
  getDatePicker() {
    return this.picker;
  }

  /**
   * @override because the icon is not in the $anchor container.
   */
  _isMouseDownOnAnchor(event) {
    return this.field.$dateField.isOrHas(event.target) || this.field.$dateFieldIcon.isOrHas(event.target) || (this.field.$dateClearIcon && this.field.$dateClearIcon.isOrHas(event.target));
  }
}