quarkd
Version:
Mobile UI Components built on Web Components.
77 lines (76 loc) • 1.92 kB
TypeScript
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;