UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

49 lines (48 loc) 1.76 kB
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(); }