@lubosczech/react-datepicker
Version:
Flexible, Reusable, Mobile friendly DatePicker Component
58 lines (57 loc) • 1.55 kB
TypeScript
import * as React from 'react';
import { IDatePicker } from '../common/@types';
export declare enum TabValue {
DATE = 0,
TIME = 1
}
export interface PickerAction {
show: () => void;
hide: () => void;
}
export interface PickerRenderProps {
actions: PickerAction;
}
export interface PickerProps {
/** DatePicker portal version */
portal?: boolean;
/** DatePicker show direction (0 = TOP , 1 = BOTTOM) */
direction?: IDatePicker.PickerDirection;
}
export interface Props {
readOnly?: boolean;
disabled?: boolean;
className?: string;
onallowedDays?: any;
allowedTime?: boolean;
allowedDays?: boolean;
onallowedTime?: any;
allowedPrev?: boolean | undefined;
renderTrigger: (props: PickerRenderProps) => JSX.Element;
renderContents: (props: PickerRenderProps) => JSX.Element;
onallowedPrev?: any;
onTabPress?: any;
}
export interface State {
show: boolean;
tabValue: TabValue;
position: IDatePicker.Position;
}
declare class Picker extends React.Component<Props & PickerProps, State> {
state: {
show: boolean;
tabValue: TabValue;
position: {
left: string;
top: string;
};
};
private triggerRef;
private contentsRef;
constructor(props: Props);
showContents: () => void;
hideContents: () => void;
setPosition: () => void;
handleTab: (val: TabValue) => () => void;
render(): JSX.Element;
}
export default Picker;