cosmoz-omnitable-column-date-behavior.html

<link rel="import" href="cosmoz-omnitable-column-range-behavior.html">
<script>
	window.Cosmoz = window.Cosmoz || {};

	/** @polymerBehavior */
	Cosmoz.DateColumnBehaviorImpl = {
		properties: {
			max: {
				type: Date,
				value: null
			},

			min: {
				type: Date,
				value: null
			},

			_filterText: {
				type: String,
				computed: '_computeFilterText(filter.*, formatter)'
			},

			width: {
				type: String,
				value: '100px'
			},

			editWidth: {
				type: String,
				value: '150px'
			},

			/**
			 * No need to grow, as the values in a date column should have known fixed width
			 * @returns {String} Default flex
			 */
			flex: {
				type: String,
				value: '0'
			},
			formatter: {
				type: Object,
				computed: '_computeFormatter(locale)'
			}
		},

		/**
		 * Converts an value to date optionaly limiting it.
		 *
		 * @param  {Date|String} value   Value to convert to date
		 * @param  {Date|String} limit   Value used to limit the date
		 * @param  {Function} limitFunc  Function used to limit the date (Math.min|Math.max)
		 * @returns {Date|void} Value converted to date optionaly limitated
		 */
		toDate(value, limit, limitFunc) {
			if (value == null || value === '') {
				return;
			}
			const date = value instanceof Date ? value : new Date(value);
			if (Number.isNaN(date.getTime())) {
				return null;
			}
			if (limitFunc == null || limit == null) {
				return date;
			}
			let lDate = this.toDate(limit);
			if (lDate == null) {
				return date;
			}
			var comparableDate = this.getComparableValue(date),
				comparableLDate = this.getComparableValue(lDate),
				limitedValue = limitFunc(comparableDate, comparableLDate);
			return limitedValue === comparableDate ? date : lDate;
		},

		toValue() {
			return this.toDate.apply(this, arguments);
		},

		/**
		 * Get comparable number from date
		 *
		 * @returns {Number|void} Valid value or void
		 */
		getComparableValue() {
			const value = Cosmoz.RangeColumnBehavior.getComparableValue.apply(this, arguments);
			if (value == null) {
				return;
			}
			return this.toNumber(value.getTime());
		},


		/**
		 * Get date of item as string
		 *
		 * @param  {Object} item                       Item to be processed
		 * @param  {String} valuePath = this.valuePath Property path
		 * @param  {Object} formatter = this.formatter Property formatter
		 * @returns {String}                           Date rendered as string or 'Invalid Date'
		 */
		getString(item, valuePath = this.valuePath, formatter = this.formatter) {
			const value = this.toValue(this.get(valuePath, item));
			if (value === undefined) {
				return '';
			}
			if (value === null) {
				return 'Invalid Date';
			}
			return this.renderValue(value, formatter);
		},

		renderValue(value, formatter = this.formatter) {
			const date = this.toValue(value);
			if (date == null) {
				return;
			}
			return formatter.format(date);
		},

		_computeFormatter(locale) {
			return new Intl.DateTimeFormat(locale || undefined);
		},

		_toInputString(value) {
			const date = this.toValue(value);
			if (date == null) {
				return null;
			}
			return this._toLocalISOString(date).slice(0, 10);
		},

		_dateValueChanged(event) {
			const input = event.currentTarget,
				value = input.value,
				item = event.model.item,
				oldValue = this.get(this.valuePath, item),
				date = this._fromInputString(value);
			if (date == null) {
				return;
			}
			this.set(this.valuePath, date, item);
			this._fireItemChangeEvent(item, this.valuePath, oldValue, this.renderValue.bind(this));
		},

		_toLocalISOString: function (date) {
			if (!(date instanceof Date)) {
				return null;
			}
			const pad = number => number < 10 ? '0' + number : number;
			return date.getFullYear() +
				'-' + pad(date.getMonth() + 1) +
				'-' + pad(date.getDate()) +
				'T' + pad(date.getHours()) +
				':' + pad(date.getMinutes()) +
				':' + pad(date.getSeconds()) +
				'.' + (date.getMilliseconds() / 1000).toFixed(3).slice(2, 5);
		}
	};
	/** @polymerBehavior */
	Cosmoz.DateColumnBehavior = [Cosmoz.RangeColumnBehavior, Cosmoz.DateColumnBehaviorImpl];
</script>