semantic-ui-calendar-react
Version:
date/time picker built from semantic-ui elements
52 lines (51 loc) • 2.68 kB
TypeScript
/// <reference types="react" />
import BaseInput, { BaseInputProps, BaseInputState, DateRelatedProps, MinMaxValueProps, MarkedValuesProps, RangeRelatedProps } from './BaseInput';
export declare type DatesRangeInputProps = BaseInputProps & DateRelatedProps & MarkedValuesProps & MinMaxValueProps & RangeRelatedProps;
export declare type DatesRangeInputOnChangeData = DatesRangeInputProps;
declare class DatesRangeInput extends BaseInput<DatesRangeInputProps, BaseInputState> {
/**
* Component responsibility:
* - parse input value (start: Moment, end: Moment)
* - handle DayPicker change (format {start: Moment, end: Moment} into
* string 'start - end')
*/
static readonly defaultProps: {
dateFormat: string;
icon: string;
inline: boolean;
localization: string;
};
static readonly propTypes: {
allowSameEndDate: import("prop-types").Requireable<boolean>;
maxDate: import("prop-types").Requireable<string | {}>;
minDate: import("prop-types").Requireable<string | {}>;
marked: import("prop-types").Requireable<{}[]>;
markColor: import("prop-types").Requireable<string>;
dateFormat: import("prop-types").Requireable<string>;
initialDate: import("prop-types").Requireable<string | {}>;
value: import("prop-types").Validator<string>;
onChange: import("prop-types").Validator<(...args: any[]) => any>;
closable: import("prop-types").Requireable<boolean>;
inline: import("prop-types").Requireable<boolean>;
icon: import("prop-types").Requireable<string | boolean>;
iconPosition: import("prop-types").Requireable<string>;
onClear: import("prop-types").Requireable<(...args: any[]) => any>;
clearable: import("prop-types").Requireable<boolean>;
clearIcon: import("prop-types").Requireable<any>;
popupPosition: import("prop-types").Requireable<string>;
closeOnMouseLeave: import("prop-types").Requireable<boolean>;
mountNode: import("prop-types").Requireable<any>;
inlineLabel: import("prop-types").Requireable<boolean>;
pickerWidth: import("prop-types").Requireable<string>;
pickerStyle: import("prop-types").Requireable<object>;
duration: import("prop-types").Requireable<number>;
animation: import("prop-types").Requireable<string>;
localization: import("prop-types").Requireable<string>;
hideMobileKeyboard: import("prop-types").Requireable<boolean>;
};
constructor(props: any);
render(): JSX.Element;
private getPicker;
private handleSelect;
}
export default DatesRangeInput;