@dcodegroup-au/dsg-vue
Version:
Front-end Vue/Tailwind DSG for UntitledUI.
52 lines (51 loc) • 2.4 kB
TypeScript
import { RangeConfig, UIOptions } from '@vuepic/vue-datepicker';
/**
* ------------------------------------------------
* # Setup: Props/Variables/Models
* ------------------------------------------------
*/
export type DsgDatepickerType = "single" | "range" | "month" | "time" | "time-range" | "year" | "week" | "quarter";
export type DsgDatepickerValue = string | Date | Date[] | string[] | null;
export type DsgDatepickerRangeConfig = RangeConfig;
export type DsgDatepickerPosition = "left" | "center" | "right";
export type DsgDatepickerSize = "sm" | "md" | "lg";
export type DsgDatepickerAutoPosition = boolean | "top" | "bottom";
export type DsgUiClasses = UIOptions;
export interface DsgDatepickerProps {
type?: DsgDatepickerType;
disableYearSelect?: boolean;
position?: DsgDatepickerPosition;
autoPosition?: DsgDatepickerAutoPosition;
teleportCenter?: boolean;
ui?: DsgUiClasses;
format?: string;
size?: DsgDatepickerSize;
label?: string;
useTimePicker?: boolean;
errors?: string[];
}
type __VLS_Props = DsgDatepickerProps;
type __VLS_PublicProps = {
modelValue?: DsgDatepickerValue;
} & __VLS_Props;
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
setErrors: (errors: string[]) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:modelValue": (value: DsgDatepickerValue) => any;
} & {
focus: (data: DsgDatepickerValue) => any;
open: (data: DsgDatepickerValue) => any;
blur: (data: DsgDatepickerValue) => any;
closed: (data: DsgDatepickerValue) => any;
cleared: (data: DsgDatepickerValue) => any;
"recalculate-position": (data: DsgDatepickerValue) => any;
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
onFocus?: ((data: DsgDatepickerValue) => any) | undefined;
"onUpdate:modelValue"?: ((value: DsgDatepickerValue) => any) | undefined;
onOpen?: ((data: DsgDatepickerValue) => any) | undefined;
onBlur?: ((data: DsgDatepickerValue) => any) | undefined;
onClosed?: ((data: DsgDatepickerValue) => any) | undefined;
onCleared?: ((data: DsgDatepickerValue) => any) | undefined;
"onRecalculate-position"?: ((data: DsgDatepickerValue) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;