@rnwonder/solid-date-picker
Version:
A responsive, highly-customizable datepicker component for SolidJS.
32 lines (31 loc) • 1.62 kB
TypeScript
import { Accessor, JSX, Setter } from "solid-js";
import { RnClassName, DatePickerOnChange, DatePickerType, PickerInputJSX, PickerValue } from "../../interface/general";
import { DatePickerProps } from "../DatePicker";
import { IPopOverPositionX, IPopOverPositionY } from "../Popover";
export interface DatePickerInputSJProps extends Omit<DatePickerProps, "type" | "value" | "setAllowedComponents" | "close" | "handleOnChange" | "showSelectorTwo" | "setShowSelectorTwo" | "setSelectorTwoProps" | "selectorTwoProps" | "yearSelectorCount">, Pick<RnClassName, "inputWrapperClass" | "inputClass"> {
type?: DatePickerType;
value?: Accessor<PickerValue>;
setValue?: Setter<PickerValue>;
onChange?: (data: DatePickerOnChange) => void;
componentsToAllowOutsideClick?: Array<HTMLElement>;
renderInput?: PickerInputJSX;
pickerPositionX?: IPopOverPositionX;
pickerPositionY?: IPopOverPositionY;
placeholder?: string;
onClose?: () => void;
onOpen?: () => void;
inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;
inputLabel?: Accessor<string>;
inputWrapperWidth?: JSX.CSSProperties["width"];
multipleDatesSeparator?: string;
rangeDatesSeparator?: string;
alwaysShowRangeStartYear?: boolean;
formatInputLabel?: string;
formatInputLabelRangeStart?: string;
formatInputLabelRangeEnd?: string;
yearSelectorCount?: number;
portalRef?: Accessor<HTMLElement | undefined>;
setPortalRef?: Setter<HTMLElement | undefined>;
portalContainer?: HTMLElement;
}
export declare const DatePickerGroup: (props: DatePickerInputSJProps) => JSX.Element;