material-ui-pickers-v4
Version:
React components, that implements material design pickers for material-ui v4 with updated material ui
49 lines (48 loc) • 1.87 kB
TypeScript
import * as React from 'react';
import { IconButtonProps, BaseTextFieldProps, TextFieldProps, InputAdornmentProps } from '@material-ui/core';
import { ExtendMui } from '../typings/extendMui';
export interface KeyboardDateInputProps extends ExtendMui<BaseTextFieldProps, 'variant' | 'onError' | 'value'> {
format: string;
onChange: (value: string | null) => void;
openPicker: () => void;
validationError?: React.ReactNode;
inputValue: string;
inputProps?: TextFieldProps['inputProps'];
InputProps?: TextFieldProps['InputProps'];
onBlur?: TextFieldProps['onBlur'];
onFocus?: TextFieldProps['onFocus'];
/** Override input component */
TextFieldComponent?: React.ComponentType<TextFieldProps>;
/** Icon displaying for open picker button */
keyboardIcon?: React.ReactNode;
/** Pass material-ui text field variant down, bypass internal variant prop */
inputVariant?: TextFieldProps['variant'];
/**
* Custom mask. Can be used to override generate from format. (e.g. __/__/____ __:__)
*/
mask?: string;
/**
* Char string that will be replaced with number (for "_" mask will be "__/__/____")
* @default '_'
*/
maskChar?: string;
/**
* Refuse values regexp
* @default /[^\d]+/gi
*/
refuse?: RegExp;
/**
* Props to pass to keyboard input adornment
* @type {Partial<InputAdornmentProps>}
*/
InputAdornmentProps?: Partial<InputAdornmentProps>;
/**
* Props to pass to keyboard adornment button
* @type {Partial<IconButtonProps>}
*/
KeyboardButtonProps?: Partial<IconButtonProps>;
/** Custom formatter to be passed into Rifm component */
rifmFormatter?: (str: string) => string;
}
export declare const KeyboardDateInput: React.FunctionComponent<KeyboardDateInputProps>;
export default KeyboardDateInput;