@beinformed/ui 1.20.8 → 1.20.9

package/lib/models/attributes/DatetimeAttributeModel.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -15,21 +13,11 @@ var _trim = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stabl
 
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
 var _objects = require("../../utils/helpers/objects");
 
 var _DateTimeUtil = require("../../utils/datetime/DateTimeUtil");
 
-var _StringAttributeModel2 = _interopRequireDefault(require("./StringAttributeModel"));
+var _StringAttributeModel = _interopRequireDefault(require("./StringAttributeModel"));
 
 var _ConstraintCollection = _interopRequireDefault(require("./input-constraints/ConstraintCollection"));
 
@@ -47,533 +35,491 @@ var _Settings = require("../../constants/Settings");
 
 var _LayoutHints = require("../../constants/LayoutHints");
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 // date format of default
-var PRODUCT_DEFAULT_DATE_FORMAT = "dd-MM-yyyy";
+const PRODUCT_DEFAULT_DATE_FORMAT = "dd-MM-yyyy";
 /**
  */
 
-var DatetimeAttributeModel = /*#__PURE__*/function (_StringAttributeModel) {
-  (0, _inherits2.default)(DatetimeAttributeModel, _StringAttributeModel);
+class DatetimeAttributeModel extends _StringAttributeModel.default {
+  /**
+   */
+  constructor(attribute, attributeContributions) {
+    super(attribute, attributeContributions);
+    this.updateInitValue();
+  }
+  /**
+   */
+
 
-  var _super = _createSuper(DatetimeAttributeModel);
+  static isApplicableModel(contributions) {
+    var _context;
 
+    return (0, _includes.default)(_context = ["date", "time", "datetime", "timestamp"]).call(_context, contributions.type);
+  }
   /**
    */
-  function DatetimeAttributeModel(attribute, attributeContributions) {
-    var _this;
 
-    (0, _classCallCheck2.default)(this, DatetimeAttributeModel);
-    _this = _super.call(this, attribute, attributeContributions);
 
-    _this.updateInitValue();
+  get formatUtil() {
+    switch (this.type) {
+      case "time":
+        return _DateTimeUtil.TimeUtil;
+
+      case "timestamp":
+        return _DateTimeUtil.TimestampUtil;
 
-    return _this;
+      case "datetime":
+        return _DateTimeUtil.DateTimeUtil;
+
+      default:
+        return _DateTimeUtil.DateUtil;
+    }
   }
   /**
    */
 
 
-  (0, _createClass2.default)(DatetimeAttributeModel, [{
-    key: "formatUtil",
-    get:
-    /**
-     */
-    function get() {
-      switch (this.type) {
-        case "time":
-          return _DateTimeUtil.TimeUtil;
+  getInitValue() {
+    let value = this.data.value;
 
-        case "timestamp":
-          return _DateTimeUtil.TimestampUtil;
+    if (value != null) {
+      if (this.type === "time" && value.length === 5) {
+        value = "".concat(value, ":00");
+      } // handle old datetime values, which contained ms
 
-        case "datetime":
-          return _DateTimeUtil.DateTimeUtil;
 
-        default:
-          return _DateTimeUtil.DateUtil;
+      if (this.type === "datetime" && (0, _includes.default)(value).call(value, ".")) {
+        value = value.split(".")[0];
+      }
+
+      if (this.hasTime) {
+        value = this.getTimeValue(value);
       }
     }
-    /**
-     */
 
-  }, {
-    key: "getInitValue",
-    value: function getInitValue() {
-      var value = this.data.value;
+    return value;
+  }
+  /**
+   */
 
-      if (value != null) {
-        if (this.type === "time" && value.length === 5) {
-          value = "".concat(value, ":00");
-        } // handle old datetime values, which contained ms
 
+  getTimeValue(value) {
+    var _context2, _context3, _context4, _context5;
 
-        if (this.type === "datetime" && (0, _includes.default)(value).call(value, ".")) {
-          value = value.split(".")[0];
-        }
+    let timeValue = value;
 
-        if (this.hasTime) {
-          value = this.getTimeValue(value);
-        }
-      }
+    if (!(0, _includes.default)(_context2 = this.timeInputFormat.toLowerCase()).call(_context2, "h")) {
+      timeValue = this.formatUtil.setHour(value, 0);
+    }
 
-      return value;
+    if (!(0, _includes.default)(_context3 = this.timeInputFormat).call(_context3, "m")) {
+      timeValue = this.formatUtil.setMinute(value, 0);
     }
-    /**
-     */
 
-  }, {
-    key: "getTimeValue",
-    value: function getTimeValue(value) {
-      var _context, _context2, _context3, _context4;
+    if (!(0, _includes.default)(_context4 = this.timeInputFormat).call(_context4, "s")) {
+      timeValue = this.formatUtil.setSecond(value, 0);
+    }
 
-      var timeValue = value;
+    if (this.type === "timestamp" && !(0, _includes.default)(_context5 = this.timeInputFormat).call(_context5, "S")) {
+      timeValue = this.formatUtil.setMilliseconds(value, 0);
+    }
 
-      if (!(0, _includes.default)(_context = this.timeInputFormat.toLowerCase()).call(_context, "h")) {
-        timeValue = this.formatUtil.setHour(value, 0);
-      }
+    return timeValue;
+  }
+  /**
+   * Set time in the correct value based on available elements in the time format
+   */
 
-      if (!(0, _includes.default)(_context2 = this.timeInputFormat).call(_context2, "m")) {
-        timeValue = this.formatUtil.setMinute(value, 0);
-      }
 
-      if (!(0, _includes.default)(_context3 = this.timeInputFormat).call(_context3, "s")) {
-        timeValue = this.formatUtil.setSecond(value, 0);
-      }
+  updateInitValue() {
+    const value = this.getInitValue();
 
-      if (this.type === "timestamp" && !(0, _includes.default)(_context4 = this.timeInputFormat).call(_context4, "S")) {
-        timeValue = this.formatUtil.setMilliseconds(value, 0);
-      }
+    if (value != null) {
+      this._initvalue = value;
+      this._inputvalue = this.getInitialInputValue(value);
+      this._value = value;
+    }
+  }
+  /**
+   * Get initial user input value
+   */
 
-      return timeValue;
+
+  getInitialInputValue(value) {
+    if (!value) {
+      return "";
     }
-    /**
-     * Set time in the correct value based on available elements in the time format
-     */
 
-  }, {
-    key: "updateInitValue",
-    value: function updateInitValue() {
-      var value = this.getInitValue();
+    let initValue = value;
 
-      if (value != null) {
-        this._initvalue = value;
-        this._inputvalue = this.getInitialInputValue(value);
-        this._value = value;
-      }
+    if (this.type === "time" && value.length === 5) {
+      initValue = "".concat(value, ":00");
     }
-    /**
-     * Get initial user input value
-     */
 
-  }, {
-    key: "getInitialInputValue",
-    value: function getInitialInputValue(value) {
-      if (!value) {
-        return "";
-      }
+    return this.formatUtil.toFormat(initValue, this.inputFormat);
+  }
+  /**
+   * Set type to date
+   */
 
-      var initValue = value;
 
-      if (this.type === "time" && value.length === 5) {
-        initValue = "".concat(value, ":00");
-      }
+  get type() {
+    return this.getContribution("type", "date");
+  }
+  /**
+   * Returns the value as entered by the user. This can differ from the internal iso value that is stored
+   */
 
-      return this.formatUtil.toFormat(initValue, this.inputFormat);
-    }
-    /**
-     * Set type to date
-     */
-
-  }, {
-    key: "type",
-    get: function get() {
-      return this.getContribution("type", "date");
-    }
-    /**
-     * Returns the value as entered by the user. This can differ from the internal iso value that is stored
-     */
-
-  }, {
-    key: "getInputValue",
-    value: function getInputValue() {
-      return this._inputvalue ? this._inputvalue.toString() : "";
-    }
-    /**
-     * Get input value
-     */
-
-  }, {
-    key: "inputvalue",
-    get: function get() {
-      return this.getInputValue();
-    }
-    /**
-     * Sets the input value to the value entered by the user
-     */
-    ,
-    set: function set(value) {
-      this.validate(value);
-      this._inputvalue = value;
-      this.value = value !== null && value !== "" ? this.formatUtil.toISO(value, this.inputFormat) : null;
-    }
-    /**
-     * Get date format
-     */
-
-  }, {
-    key: "format",
-    get: function get() {
-      var format = this.getContribution("format", "");
-      return this.formatUtil.convertFormat(format);
-    }
-    /**
-     */
-
-  }, {
-    key: "operator",
-    get: function get() {
-      return this.getContribution("operator", "");
-    }
-    /**
-     */
-
-  }, {
-    key: "hasDate",
-    get: function get() {
-      return this.type === "date" || this.type === "datetime" || this.type === "timestamp";
-    }
-    /**
-     */
-
-  }, {
-    key: "hasTime",
-    get: function get() {
-      return this.type === "time" || this.type === "datetime" || this.type === "timestamp";
-    }
-    /**
-     */
-
-  }, {
-    key: "formatLabel",
-    get: function get() {
-      switch (this.type) {
-        case "date":
-          return this.dateInputFormat.toLowerCase();
-
-        case "time":
-          return this.timeInputFormat.toLowerCase();
-
-        default:
-          return this.format.toLowerCase();
-      }
-    }
-    /**
-     */
 
-  }, {
-    key: "inputFormat",
-    get: function get() {
-      if (this.hasDate && this.hasTime) {
-        var _context5, _context6;
+  getInputValue() {
+    return this._inputvalue ? this._inputvalue.toString() : "";
+  }
+  /**
+   * Get input value
+   */
 
-        return (0, _trim.default)(_context5 = (0, _concat.default)(_context6 = "".concat(this.dateInputFormat, " ")).call(_context6, this.timeInputFormat)).call(_context5);
-      }
 
-      if (this.hasDate) {
-        return this.dateInputFormat;
-      }
+  get inputvalue() {
+    return this.getInputValue();
+  }
+  /**
+   * Sets the input value to the value entered by the user
+   */
 
-      if (this.hasTime) {
-        return this.timeInputFormat;
-      }
 
-      return "";
-    }
-    /**
-     */
+  set inputvalue(value) {
+    this.validate(value);
+    this._inputvalue = value;
+    this.value = value !== null && value !== "" ? this.formatUtil.toISO(value, this.inputFormat) : null;
+  }
+  /**
+   * Get date format
+   */
 
-  }, {
-    key: "dateInputFormat",
-    get: function get() {
-      var _context7;
 
-      if (!this.hasDate) {
-        return "";
-      } // setting for date input
+  get format() {
+    const format = this.getContribution("format", "");
+    return this.formatUtil.convertFormat(format);
+  }
+  /**
+   */
 
 
-      var ignoreFormatSetting = this.layouthint.has(_LayoutHints.IGNORE_FORMAT_SETTING);
+  get operator() {
+    return this.getContribution("operator", "");
+  }
+  /**
+   */
 
-      if (!ignoreFormatSetting) {
-        var dateInputFormatSetting = (0, _Settings.getSetting)("DATE_INPUT_FORMAT", "");
 
-        if (dateInputFormatSetting) {
-          return dateInputFormatSetting;
-        }
-      }
+  get hasDate() {
+    return this.type === "date" || this.type === "datetime" || this.type === "timestamp";
+  }
+  /**
+   */
+
 
-      var format = this.format;
-      var dateFormat = this.hasTime ? (0, _trim.default)(_context7 = format.replace(this.timeInputFormat, "")).call(_context7) : format;
-      return dateFormat;
+  get hasTime() {
+    return this.type === "time" || this.type === "datetime" || this.type === "timestamp";
+  }
+  /**
+   */
+
+
+  get formatLabel() {
+    switch (this.type) {
+      case "date":
+        return this.dateInputFormat.toLowerCase();
+
+      case "time":
+        return this.timeInputFormat.toLowerCase();
+
+      default:
+        return this.format.toLowerCase();
     }
-    /**
-     */
+  }
+  /**
+   */
 
-  }, {
-    key: "dateReadonlyFormat",
-    get: function get() {
-      var _context8;
 
-      if (!this.hasDate) {
-        return "";
-      }
+  get inputFormat() {
+    if (this.hasDate && this.hasTime) {
+      var _context6, _context7;
 
-      var format = this.format;
-      var dateFormat = this.hasTime ? (0, _trim.default)(_context8 = format.replace(this.timeInputFormat, "")).call(_context8) : format;
-      var readonlyFormatSetting = (0, _Settings.getSetting)("DATE_READONLY_FORMAT", "");
+      return (0, _trim.default)(_context6 = (0, _concat.default)(_context7 = "".concat(this.dateInputFormat, " ")).call(_context7, this.timeInputFormat)).call(_context6);
+    }
 
-      if (dateFormat === PRODUCT_DEFAULT_DATE_FORMAT && readonlyFormatSetting) {
-        dateFormat = readonlyFormatSetting;
-      }
+    if (this.hasDate) {
+      return this.dateInputFormat;
+    }
 
-      return dateFormat;
+    if (this.hasTime) {
+      return this.timeInputFormat;
     }
-    /**
-     * return attribute placeholder or, if DATE_INPUT_FORMAT setting is used, lowercased setting, otherwise return formatlabel without time input format from contributions
-     */
 
-  }, {
-    key: "placeholder",
-    get: function get() {
-      if (this._placeholder !== "") {
-        return this._placeholder;
-      }
+    return "";
+  }
+  /**
+   */
+
 
-      var dateInputFormatSetting = (0, _Settings.getSetting)("DATE_INPUT_FORMAT", "");
+  get dateInputFormat() {
+    var _context8;
+
+    if (!this.hasDate) {
+      return "";
+    } // setting for date input
+
+
+    const ignoreFormatSetting = this.layouthint.has(_LayoutHints.IGNORE_FORMAT_SETTING);
+
+    if (!ignoreFormatSetting) {
+      const dateInputFormatSetting = (0, _Settings.getSetting)("DATE_INPUT_FORMAT", "");
 
       if (dateInputFormatSetting) {
-        return dateInputFormatSetting.toLowerCase();
+        return dateInputFormatSetting;
       }
+    }
 
-      var formatLabel = this.getContribution("formatlabel", "");
+    let format = this.format;
+    let dateFormat = this.hasTime ? (0, _trim.default)(_context8 = format.replace(this.timeInputFormat, "")).call(_context8) : format;
+    return dateFormat;
+  }
+  /**
+   */
 
-      if (this.hasDate && this.hasTime && (0, _includes.default)(formatLabel).call(formatLabel, " ")) {
-        // return first part of formatlabel to keep placeholder matching date input
-        return formatLabel.split(" ")[0];
-      }
 
-      return formatLabel;
+  get dateReadonlyFormat() {
+    var _context9;
+
+    if (!this.hasDate) {
+      return "";
     }
-    /**
-     * Set placeholder text
-     */
-    ,
-    set: function set(placeholder) {
-      this._placeholder = placeholder;
+
+    let format = this.format;
+    let dateFormat = this.hasTime ? (0, _trim.default)(_context9 = format.replace(this.timeInputFormat, "")).call(_context9) : format;
+    const readonlyFormatSetting = (0, _Settings.getSetting)("DATE_READONLY_FORMAT", "");
+
+    if (dateFormat === PRODUCT_DEFAULT_DATE_FORMAT && readonlyFormatSetting) {
+      dateFormat = readonlyFormatSetting;
     }
-    /**
-     */
 
-  }, {
-    key: "timeInputFormat",
-    get: function get() {
-      if (!this.hasTime) {
-        return "";
-      }
+    return dateFormat;
+  }
+  /**
+   * return attribute placeholder or, if DATE_INPUT_FORMAT setting is used, lowercased setting, otherwise return formatlabel without time input format from contributions
+   */
 
-      var format = this.format;
-      var timeFormatParts = [];
 
-      if ((0, _includes.default)(format).call(format, "H")) {
-        timeFormatParts.push("HH");
-      } else if ((0, _includes.default)(format).call(format, "h")) {
-        timeFormatParts.push("hh");
-      }
+  get placeholder() {
+    if (this._placeholder !== "") {
+      return this._placeholder;
+    }
 
-      if ((0, _includes.default)(format).call(format, "m")) {
-        timeFormatParts.push("mm");
-      }
+    const dateInputFormatSetting = (0, _Settings.getSetting)("DATE_INPUT_FORMAT", "");
 
-      if ((0, _includes.default)(format).call(format, "s")) {
-        timeFormatParts.push("ss");
-      }
+    if (dateInputFormatSetting) {
+      return dateInputFormatSetting.toLowerCase();
+    }
 
-      var timeFormat = timeFormatParts.join(":");
+    const formatLabel = this.getContribution("formatlabel", "");
 
-      if ((0, _includes.default)(format).call(format, "S")) {
-        timeFormat = "".concat(timeFormat, ".SSS");
-      }
+    if (this.hasDate && this.hasTime && (0, _includes.default)(formatLabel).call(formatLabel, " ")) {
+      // return first part of formatlabel to keep placeholder matching date input
+      return formatLabel.split(" ")[0];
+    }
+
+    return formatLabel;
+  }
+  /**
+   * Set placeholder text
+   */
 
-      if ((0, _includes.default)(format).call(format, "a")) {
-        return "".concat(timeFormat, " a");
-      }
 
-      return timeFormat;
+  set placeholder(placeholder) {
+    this._placeholder = placeholder;
+  }
+  /**
+   */
+
+
+  get timeInputFormat() {
+    if (!this.hasTime) {
+      return "";
     }
-    /**
-     */
 
-  }, {
-    key: "timeReadonlyFormat",
-    get: function get() {
-      if (!this.hasTime) {
-        return "";
-      }
+    const format = this.format;
+    let timeFormatParts = [];
 
-      return this.timeInputFormat;
+    if ((0, _includes.default)(format).call(format, "H")) {
+      timeFormatParts.push("HH");
+    } else if ((0, _includes.default)(format).call(format, "h")) {
+      timeFormatParts.push("hh");
     }
-    /**
-     */
 
-  }, {
-    key: "dateInputValue",
-    get: function get() {
-      return typeof this.value === "string" && this.dateInputFormat !== "" ? this.formatUtil.toFormat(this.value, this.dateInputFormat) : "";
+    if ((0, _includes.default)(format).call(format, "m")) {
+      timeFormatParts.push("mm");
     }
-    /**
-     */
 
-  }, {
-    key: "timeInputValue",
-    get: function get() {
-      return typeof this.value === "string" && this.timeInputFormat !== "" ? this.formatUtil.toFormat(this.value, this.timeInputFormat) : "";
-    } // format value in readonly rendering
+    if ((0, _includes.default)(format).call(format, "s")) {
+      timeFormatParts.push("ss");
+    }
 
-    /**
-     */
+    let timeFormat = timeFormatParts.join(":");
 
-  }, {
-    key: "formatValue",
-    value: function formatValue(value) {
-      if (value == null || value.toString() === "") {
-        return "";
-      } // when the value is exactly an iso date, render as date
+    if ((0, _includes.default)(format).call(format, "S")) {
+      timeFormat = "".concat(timeFormat, ".SSS");
+    }
 
+    if ((0, _includes.default)(format).call(format, "a")) {
+      return "".concat(timeFormat, " a");
+    }
 
-      if ((this.type === "datetime" || this.type === "timestamp") && _DateTimeUtil.DateUtil.hasFormat(value, _constants.ISO_DATE_FORMAT)) {
-        return _DateTimeUtil.DateUtil.toFormat(value, this.dateReadonlyFormat);
-      }
+    return timeFormat;
+  }
+  /**
+   */
 
-      if (this.hasDate && this.hasTime) {
-        var _context9;
 
-        var dateTimeReadonlyFormat = (0, _concat.default)(_context9 = "".concat(this.dateReadonlyFormat, " ")).call(_context9, this.timeReadonlyFormat);
-        return this.formatUtil.toFormat(value, dateTimeReadonlyFormat);
-      }
+  get timeReadonlyFormat() {
+    if (!this.hasTime) {
+      return "";
+    }
 
-      if (this.type === "date") {
-        return this.formatUtil.toFormat(value, this.dateReadonlyFormat);
-      }
+    return this.timeInputFormat;
+  }
+  /**
+   */
 
-      return this.formatUtil.toFormat(value, this.format);
-    }
-    /**
-     * Retrieve readonly value, the date in the configurated format
-     */
 
-  }, {
-    key: "readonlyvalue",
-    get: function get() {
-      if (typeof this.value === "string") {
-        return this.formatValue(this.value.toString());
-      }
+  get dateInputValue() {
+    return typeof this.value === "string" && this.dateInputFormat !== "" ? this.formatUtil.toFormat(this.value, this.dateInputFormat) : "";
+  }
+  /**
+   */
+
+
+  get timeInputValue() {
+    return typeof this.value === "string" && this.timeInputFormat !== "" ? this.formatUtil.toFormat(this.value, this.timeInputFormat) : "";
+  } // format value in readonly rendering
 
+  /**
+   */
+
+
+  formatValue(value) {
+    if (value == null || value.toString() === "") {
       return "";
+    } // when the value is exactly an iso date, render as date
+
+
+    if ((this.type === "datetime" || this.type === "timestamp") && _DateTimeUtil.DateUtil.hasFormat(value, _constants.ISO_DATE_FORMAT)) {
+      return _DateTimeUtil.DateUtil.toFormat(value, this.dateReadonlyFormat);
     }
-    /**
-     * Get minimum date
-     */
-
-  }, {
-    key: "mindate",
-    get: function get() {
-      return this.getContribution("mindate");
-    }
-    /**
-     * Get maximum date
-     */
-
-  }, {
-    key: "maxdate",
-    get: function get() {
-      return this.getContribution("maxdate");
-    }
-    /**
-     * Registers an error that was received from a server response
-     */
-
-  }, {
-    key: "addServerError",
-    value: function addServerError(error) {
-      var id = error.id,
-          message = error.message,
-          properties = error.properties;
-
-      if (properties && (0, _objects.has)(properties, "format") && this.formatLabel) {
-        properties.format = this.formatLabel;
-      }
 
-      this._errorCollection.addServerError(id, message, properties);
+    if (this.hasDate && this.hasTime) {
+      var _context10;
+
+      const dateTimeReadonlyFormat = (0, _concat.default)(_context10 = "".concat(this.dateReadonlyFormat, " ")).call(_context10, this.timeReadonlyFormat);
+      return this.formatUtil.toFormat(value, dateTimeReadonlyFormat);
     }
-    /**
-     */
 
-  }, {
-    key: "getFormatConstraint",
-    value: function getFormatConstraint() {
-      switch (this.type) {
-        case "date":
-          return new _DateTimeDateFormatConstraint.default(this.dateInputFormat, this.formatLabel);
+    if (this.type === "date") {
+      return this.formatUtil.toFormat(value, this.dateReadonlyFormat);
+    }
 
-        case "time":
-          return new _DateTimeTimeFormatConstraint.default(this.timeInputFormat, this.formatLabel);
+    return this.formatUtil.toFormat(value, this.format);
+  }
+  /**
+   * Retrieve readonly value, the date in the configurated format
+   */
 
-        default:
-          return new _DatetimeFormatConstraint.default(this.type, this.inputFormat, this.formatLabel);
-      }
+
+  get readonlyvalue() {
+    if (typeof this.value === "string") {
+      return this.formatValue(this.value.toString());
     }
-    /**
-     * Add Date constraints for attribute
-     */
 
-  }, {
-    key: "addConstraints",
-    value: function addConstraints() {
-      var constraints = new _ConstraintCollection.default();
-      constraints.add(this.getFormatConstraint());
+    return "";
+  }
+  /**
+   * Get minimum date
+   */
 
-      if (this.mindate || this.maxdate) {
-        constraints.add(new _DateBoundaryConstraint.default(this.type, this.mindate, this.maxdate, this.inputFormat));
-      }
 
-      return constraints;
+  get mindate() {
+    return this.getContribution("mindate");
+  }
+  /**
+   * Get maximum date
+   */
+
+
+  get maxdate() {
+    return this.getContribution("maxdate");
+  }
+  /**
+   * Registers an error that was received from a server response
+   */
+
+
+  addServerError(error) {
+    const {
+      id,
+      message,
+      properties
+    } = error;
+
+    if (properties && (0, _objects.has)(properties, "format") && this.formatLabel) {
+      properties.format = this.formatLabel;
     }
-    /**
-     */
 
-  }, {
-    key: "readonlyWidth",
-    get: function get() {
-      if (this.type === "date" || this.type === "time") {
-        return _constants.ATTRIBUTE_WIDTH.SMALL;
-      }
+    this._errorCollection.addServerError(id, message, properties);
+  }
+  /**
+   */
 
-      return _constants.ATTRIBUTE_WIDTH.MEDIUM;
+
+  getFormatConstraint() {
+    switch (this.type) {
+      case "date":
+        return new _DateTimeDateFormatConstraint.default(this.dateInputFormat, this.formatLabel);
+
+      case "time":
+        return new _DateTimeTimeFormatConstraint.default(this.timeInputFormat, this.formatLabel);
+
+      default:
+        return new _DatetimeFormatConstraint.default(this.type, this.inputFormat, this.formatLabel);
     }
-  }], [{
-    key: "isApplicableModel",
-    value: function isApplicableModel(contributions) {
-      var _context10;
+  }
+  /**
+   * Add Date constraints for attribute
+   */
+
 
-      return (0, _includes.default)(_context10 = ["date", "time", "datetime", "timestamp"]).call(_context10, contributions.type);
+  addConstraints() {
+    const constraints = new _ConstraintCollection.default();
+    constraints.add(this.getFormatConstraint());
+
+    if (this.mindate || this.maxdate) {
+      constraints.add(new _DateBoundaryConstraint.default(this.type, this.mindate, this.maxdate, this.inputFormat));
     }
-  }]);
-  return DatetimeAttributeModel;
-}(_StringAttributeModel2.default);
+
+    return constraints;
+  }
+  /**
+   */
+
+
+  get readonlyWidth() {
+    if (this.type === "date" || this.type === "time") {
+      return _constants.ATTRIBUTE_WIDTH.SMALL;
+    }
+
+    return _constants.ATTRIBUTE_WIDTH.MEDIUM;
+  }
+
+}
 
 var _default = DatetimeAttributeModel;
 exports.default = _default;