react-accessible-time-picker
Version:
A simple and customizable time picker component for React
49 lines (45 loc) • 1.48 kB
TypeScript
import * as react_jsx_runtime from 'react/jsx-runtime';
type TimePickerClasses = Partial<{
container: string;
label: string;
timePicker: string;
timeInputs: string;
timeInput: string;
separator: string;
pipe: string;
periodSelect: string;
selectContent: string;
selectItem: string;
selectIndicator: string;
selectScrollButton: string;
popoverContent: string;
popoverColumns: string;
popoverColumn: string;
popoverColumnTitle: string;
popoverItem: string;
popoverActiveItem: string;
timeTrigger: string;
}>;
type TimePickerValue = {
hour: string;
minute: string;
period?: "AM" | "PM";
};
type TimePickerProps = {
is24Hour?: boolean;
value?: TimePickerValue;
minuteStep?: number;
minutePlaceholder?: string;
hourStep?: number;
hourPlaceholder?: string;
onChange?: (value: TimePickerValue) => void;
label?: string;
id?: string;
disabled?: boolean;
required?: boolean;
classes?: TimePickerClasses;
popoverColumnHourTitle?: string;
popoverColumnMinuteTitle?: string;
};
declare function TimePicker({ is24Hour, value, onChange, label, id, disabled, required, minuteStep, hourStep, hourPlaceholder, minutePlaceholder, popoverColumnHourTitle, popoverColumnMinuteTitle, classes, }: TimePickerProps): react_jsx_runtime.JSX.Element;
export { TimePicker, type TimePickerClasses, type TimePickerProps, type TimePickerValue, TimePicker as default };