welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
12 lines (11 loc) • 692 B
TypeScript
import { ComponentProps } from 'react';
import { DatePickerProps as ReactDatePickerProps } from 'react-datepicker';
import { InputTextOptions } from '../InputText/types';
import { CustomHeaderProps } from '../DateTimePickerCommon/types';
export interface TimePickerOptions {
dataTestId?: string;
onChange?: (date?: Date) => void;
placeholder?: string;
value?: Date | string;
}
export type TimePickerProps = ComponentProps<'div'> & Omit<ReactDatePickerProps, keyof TimePickerOptions> & Partial<Pick<CustomHeaderProps, 'endYear' | 'startYear'>> & Pick<CustomHeaderProps, 'locale'> & Pick<InputTextOptions, 'icon' | 'iconPlacement' | 'size' | 'transparent'> & TimePickerOptions;