@baseplate-dev/ui-components
Version:
Shared UI component library
26 lines • 1.65 kB
TypeScript
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
import type { FormFieldProps } from '#src/types/form.js';
import { Calendar } from '../calendar/calendar.js';
export interface DateTimePickerFieldProps extends FormFieldProps {
className?: string;
wrapperClassName?: string;
disabled?: boolean;
placeholder?: string;
onChange?: (value: string | undefined) => void;
value?: string | undefined;
dateTimeFormat?: string;
showSeconds?: boolean;
calendarProps?: Omit<React.ComponentProps<typeof Calendar>, 'mode' | 'selected' | 'onSelect'>;
ref?: React.Ref<HTMLButtonElement>;
}
/**
* Field with label and error states that wraps a Calendar and time input for date-time selection.
*/
declare function DateTimePickerField({ className, wrapperClassName, disabled, placeholder, onChange, value, label, error, description, dateTimeFormat, showSeconds, calendarProps, ref, }: DateTimePickerFieldProps): React.ReactElement;
export interface DateTimePickerFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<DateTimePickerFieldProps, 'value'> {
control: Control<TFieldValues>;
name: TFieldName;
}
declare function DateTimePickerFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, ref, ...rest }: DateTimePickerFieldControllerProps<TFieldValues, TFieldName>): React.ReactElement;
export { DateTimePickerField, DateTimePickerFieldController };
//# sourceMappingURL=date-time-picker-field.d.ts.map