semantic-ui-calendar-react
Version:
date/time picker built from semantic-ui elements
33 lines (32 loc) • 1.64 kB
TypeScript
import { Moment } from 'moment';
import * as React from 'react';
import { RangeIndexes } from '../../views/BaseCalendarView';
import { BasePickerOnChangeData, BasePickerProps, MinMaxValueProps, ProvideHeadingValue, RangeSelectionPicker } from '../BasePicker';
interface DatesRangePickerProps extends BasePickerProps, MinMaxValueProps {
/** Moment date formatting string. */
dateFormat: string;
/** Start of currently selected dates range. */
start: Moment;
/** End of currently selected dates range. */
end: Moment;
}
export declare type DatesRangePickerOnChangeData = BasePickerOnChangeData;
declare class DatesRangePicker extends RangeSelectionPicker<DatesRangePickerProps> implements ProvideHeadingValue {
constructor(props: any);
render(): JSX.Element;
getCurrentDate(): string;
protected buildCalendarValues(): string[];
protected getSelectableCellPositions(): number[];
protected getInitialDatePosition(): number;
protected getActiveCellsPositions(): RangeIndexes;
protected getDisabledPositions(): number[];
protected isNextPageAvailable(): boolean;
protected isPrevPageAvailable(): boolean;
protected getSelectedRange(): string;
protected handleChange: (e: React.SyntheticEvent<Element, Event>, { itemPosition }: {
itemPosition: any;
}) => void;
protected switchToNextPage: (e: React.SyntheticEvent<Element, Event>, data: any, callback: () => void) => void;
protected switchToPrevPage: (e: React.SyntheticEvent<Element, Event>, data: any, callback: () => void) => void;
}
export default DatesRangePicker;