office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
49 lines (48 loc) • 1.76 kB
TypeScript
import * as React from 'react';
import { IDatePickerProps } from './DatePicker.Props';
import { DatePickerDay } from './DatePickerDay';
import { TextField } from '../../TextField';
import { BaseComponent } from '../../Utilities';
import './DatePicker.scss';
export interface IDatePickerState {
/** The currently focused date in the drop down, but not necessarily selected */
navigatedDate?: Date;
selectedDate?: Date;
formattedDate?: string;
isDatePickerShown?: boolean;
errorMessage?: string;
}
export declare class DatePicker extends BaseComponent<IDatePickerProps, IDatePickerState> {
static defaultProps: IDatePickerProps;
refs: {
[key: string]: React.ReactInstance;
root: HTMLElement;
textField: TextField;
textFieldContainer: HTMLElement;
dayPicker: DatePickerDay;
};
private _preventFocusOpeningPicker;
private _focusOnSelectedDateOnUpdate;
constructor(props: IDatePickerProps);
componentWillReceiveProps(nextProps: IDatePickerProps): void;
componentDidMount(): void;
componentDidUpdate(): void;
render(): JSX.Element;
private _restoreFocusToTextField();
private _navigateDay(date);
private _onNavigateDate(date, focusOnNavigatedDay);
private _onSelectDate(date);
private _onGotoToday();
private _onGotoTodayKeyDown(ev);
private _onTextFieldFocus(ev);
private _onTextFieldBlur(ev);
private _onTextFieldChanged(newValue);
private _onTextFieldKeyDown(ev);
private _onDatePickerPopupKeyDown(ev);
private _onClickCapture(ev);
private _onTextFieldClick(ev);
private _showDatePickerPopup();
private _dismissDatePickerPopup();
private _handleEscKey(ev);
private _validateTextInput();
}