import { Component, Prop, h } from '@stencil/core';
import DateTime from './DateTime';
import { getProps } from '../../utils/tools';
export class UIDateTime {
    constructor() {
        this.format = {
            weekday: 'short',
            year: 'numeric',
            month: 'long',
            day: 'numeric',
        };
    }
    render() {
        return (h(DateTime, Object.assign({ date: this.date }, getProps(['format'], this)),
            h("slot", null)));
    }
    static get is() { return "ui-date-time"; }
    static get properties() { return {
        "date": {
            "type": "unknown",
            "mutable": false,
            "complexType": {
                "original": "Date",
                "resolved": "Date",
                "references": {
                    "Date": {
                        "location": "global"
                    }
                }
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            }
        },
        "format": {
            "type": "unknown",
            "mutable": false,
            "complexType": {
                "original": "{ weekday: string; year: string; month: string; day: string; }",
                "resolved": "{ weekday: string; year: string; month: string; day: string; }",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "defaultValue": "{\n    weekday: 'short',\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  }"
        }
    }; }
}
