@commercetools-uikit/calendar-utils
Version:
Utilities to work with values for a calendar.
61 lines (60 loc) • 1.85 kB
TypeScript
import { type LegacyRef, type FocusEventHandler, type KeyboardEvent } from 'react';
import type { Theme } from '@emotion/react';
export type TClearSection = {
isCondensed?: boolean;
isDisabled?: boolean;
hasError?: boolean;
hasWarning?: boolean;
onClear?: () => void;
/** @deprecated */
theme?: Theme;
isFocused?: boolean;
isOpen?: boolean;
};
export declare const ClearSection: {
(props: TClearSection): import("@emotion/react/jsx-runtime").JSX.Element;
displayName: string;
};
export type TInputProps = {
/**
* Indicate if the value entered in the input is invalid.
*/
'aria-invalid'?: boolean;
/**
* HTML ID of an element containing an error message related to the input.
*/
'aria-errormessage'?: string;
onBlur?: FocusEventHandler;
onFocus?: FocusEventHandler;
onKeyDown?: (event: KeyboardEvent<HTMLInputElement | HTMLButtonElement>) => void;
};
export type TCalendarBody = {
inputRef: LegacyRef<HTMLInputElement>;
icon?: string;
id?: string;
inputProps?: TInputProps;
isClearable?: boolean;
toggleButtonProps?: Pick<TInputProps, 'onBlur' | 'onFocus'>;
value?: string;
isDisabled?: boolean;
isReadOnly?: boolean;
isOpen?: boolean;
isCondensed?: boolean;
hasSelection?: boolean;
hasWarning?: boolean;
hasError?: boolean;
onClear?: () => void;
placeholder?: string;
/** @deprecated */
theme?: Theme;
/**
* Indicates the appearance of the input.
* Filter appearance removes borders and box shadows for use in filter components.
*/
appearance?: 'default' | 'filter';
};
export declare const CalendarBody: {
({ isClearable, ...props }: TCalendarBody): import("@emotion/react/jsx-runtime").JSX.Element;
displayName: string;
};
export default CalendarBody;