@furo/ui5/src/typerenderer/cell-furo-type-date.js

SAP UI5 Web Components data bindings for furo-web

import { CellGoogleTypeDate } from './cell-google-type-date.js';

/**
 * `cell-furo-type-date`
 * The cell-furo-type-date component displays a FieldNode of type `furo.type.Date` in read only mode.
 *
 * if the field `display_name` is set, the component will use that value for the display.
 *
 * The component uses locale from the environment to display the date value accordingly.
 * https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/format
 *
 * Every cell-xxx component should implement the following API:
 * - function: bindData(fieldNode){...}
 *
 * @summary cell display renderer for `furo.type.Date`
 * @element cell-furo-type-date
 */
export class CellFuroTypeDate extends CellGoogleTypeDate {
  /**
   *
   * @private
   */
  _formatCell() {
    if (
      this._field.display_name._value &&
      this._field.display_name._value.length
    ) {
      this._displayValue = this._field.display_name._value;
    } else {
      const displayValue = CellGoogleTypeDate._convertDateToString(this._field);
      if (displayValue !== 'N/A') {
        this._displayValue = displayValue;
      }
    }
    this.requestUpdate();
  }
}

window.customElements.define('cell-furo-type-date', CellFuroTypeDate);