@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
44 lines (43 loc) • 1.53 kB
TypeScript
import { KendoActionSheetProps } from '../action-sheet';
export declare const DATERANGEPICKER_CLASSNAME = "k-daterangepicker";
declare const states: "disabled"[];
declare const options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("flat" | "outline" | "solid")[];
};
export type KendoDateRangePickerOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoDateRangePickerProps = KendoDateRangePickerOptions & {
valueFirst?: string;
valueSecond?: string;
swapButton?: boolean;
opened?: boolean;
adaptive?: boolean;
adaptiveSettings?: KendoActionSheetProps;
adaptiveTitle?: string;
adaptiveSubtitle?: string;
dir?: 'ltr' | 'rtl';
};
export type KendoDateRangePickerState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const DateRangePicker: {
(props: KendoDateRangePickerProps & KendoDateRangePickerState & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
states: "disabled"[];
options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("flat" | "outline" | "solid")[];
};
className: string;
defaultOptions: {
size: "medium";
rounded: "medium";
fillMode: "solid";
};
};
export default DateRangePicker;