fix(cosmoz-omnitable-column-date): add css font-variant-numeric rule …

…for date

cosmoz-omnitable-column-date.js

@@ -1,12 +1,10 @@
 /* eslint-disable no-return-assign */
-import '@neovici/cosmoz-input';
+import { html } from 'lit-html';
+import { PolymerElement } from '@polymer/polymer/polymer-element';
 import '@polymer/paper-dropdown-menu/paper-dropdown-menu';
+import '@neovici/cosmoz-input';
 
 import './ui-helpers/cosmoz-clear-button';
-
-import { PolymerElement } from '@polymer/polymer/polymer-element';
-import { html } from 'lit-html';
-
 import { columnMixin } from './cosmoz-omnitable-column-mixin';
 import './lib/cosmoz-omnitable-date-range-input';
 import { defaultComputeSource } from './lib/utils-data';
@@ -95,13 +93,14 @@ class OmnitableColumnDate extends columnMixin(PolymerElement) {
 	}
 
 	renderCell(column, { item }) {
-		return getString(column, item);
+		return html`<div class="omnitable-cell-date">
+			${getString(column, item)}
+		</div>`;
 	}
 
 	renderEditCell(column, { item }, onItemChange) {
 		const onChange = (event) =>
 			onItemChange(fromInputString(event.target.value));
-
 		return html`<cosmoz-input
 			no-label-float
 			type="date"

cosmoz-omnitable-styles.js

@@ -344,6 +344,7 @@ export default css`
 
 	.tableContent .itemRow-cell paper-dropdown-menu {
 		margin-top: -20px;
+
 	}
 
 	cosmoz-omnitable-item-expand[expanded] {
@@ -437,7 +438,7 @@ export default css`
 		overflow: initial;
 	}
 
-	.omnitable-cell-number {
+	.omnitable-cell-number, .omnitable-cell-date {
 		font-variant-numeric: tabular-nums;
 	}