@cimpress/react-components
Version:
React components to support the MCP styleguide
48 lines • 1.66 kB
TypeScript
import { CSSProperties, ReactNode } from 'react';
import { DatetimepickerProps } from 'react-datetime';
export interface DatePickerProps extends DatetimepickerProps {
/**
* Indicates whether the input box is readonly.
*/
readonly?: boolean;
/**
* The placeholder that will displayed inside the input box.
*/
placeholder?: string;
/**
* Floating label for an input field. Use either this or placeholder but not both.
*/
label?: string;
/**
* Additional help text to display under the input field.
*/
helpText?: ReactNode;
/**
* Indicates whether a selected date time is required.
*/
required?: boolean;
/**
* Indicates whether the input box should be disabled.
*/
disabled?: boolean;
/**
* Indicates whether the selected value can be cleared
*/
isClearable?: boolean;
/**
* Callback trigger for when the user clicks the input box.
*/
onClickInput?: (e: any) => void;
/**
* Additional class names to apply to the root element.
*/
className?: string;
/**
* Inline styles to be applied to the root element.
*/
style?: CSSProperties;
onClose?: () => void;
onOpen?: () => void;
}
export declare function DatePicker({ readonly, placeholder, value: valueProp, helpText, disabled, input, label, required, onClickInput, initialValue, initialViewDate, initialViewMode, onNavigate, closeOnClickOutside, closeOnSelect, onOpen, onClose, className, style, isClearable, onChange, dateFormat, timeFormat, ...rest }: DatePickerProps): JSX.Element;
//# sourceMappingURL=DatePicker.d.ts.map