UNPKG

quarkd

Version:

Mobile UI Components built on Web Components.

77 lines (76 loc) 1.92 kB
import { QuarkElement } from "quarkc"; import "./DatePicker"; import "./TimePicker"; import "@quarkd/icons/lib/close"; declare type DateType = "date" | "time" | "year-month" | "month-day" | "datehour" | "datetime"; export interface SelectColumn { value: string; index: number; } export interface Props { open: boolean; title?: string; type?: DateType; value?: string; mindate?: string; maxdate?: string; minhour?: number; maxhour?: number; minminute?: number; maxminute?: number; showtoolbar?: boolean; confirmbuttontext?: string; cancelbuttontext?: string; forbidmaskclick?: boolean; } export interface CustomEvent { close: () => void; confirm: (e: { detail: { value: { value: string; index: number; }[]; }; }) => void; change?: (e: { detail: { value: { value: string; index: number; }[]; }; }) => void; } declare class QuarkDatetimePicker extends QuarkElement { open: boolean; value: string; title: string; type: DateType; mindate: string; maxdate: string; minhour: number | string; maxhour: number | string; minminute: number | string; maxminute: number | string; showtoolbar: boolean; confirmbuttontext: string; cancelbuttontext: string; forbidmaskclick: boolean; datePickerRef: any; timePickerRef: any; componentDidMount(): void; onClose: () => void; onConfirm: ({ detail }: { detail: any; }) => void; onChange: ({ detail }: { detail: any; }) => void; getValues(): SelectColumn[]; setValue(value: string): void; setFormatter(formatter: Function): void; setFilter(filter: (type: string, values: []) => []): void; render(): any; } export default QuarkDatetimePicker;