@helpwave/hightide
Version:
helpwave's component and theming library
31 lines (28 loc) • 1.45 kB
text/typescript
import * as react_jsx_runtime from 'react/jsx-runtime';
import { PropsForTranslation } from '../../localization/useTranslation.mjs';
import { TimePickerProps } from '../date/TimePicker.mjs';
import { DatePickerProps } from '../date/DatePicker.mjs';
import { FormTranslationType } from '../../localization/defaults/form.mjs';
import { TimeTranslationType } from '../../localization/defaults/time.mjs';
import '../../localization/util.mjs';
import '../date/YearMonthPicker.mjs';
import '../date/DayPicker.mjs';
import '../../util/date.mjs';
type DateAndTimePickerTranslationType = FormTranslationType & TimeTranslationType;
type DateTimePickerMode = 'date' | 'time' | 'dateTime';
type DateTimePickerProps = {
mode?: DateTimePickerMode;
value?: Date;
start?: Date;
end?: Date;
onChange?: (date: Date) => void;
onFinish?: (date: Date) => void;
onRemove?: () => void;
datePickerProps?: Omit<DatePickerProps, 'onChange' | 'value' | 'start' | 'end'>;
timePickerProps?: Omit<TimePickerProps, 'onChange' | 'time' | 'maxHeight'>;
};
/**
* A Component for picking a Date and Time
*/
declare const DateTimePicker: ({ overwriteTranslation, value, start, end, mode, onFinish, onChange, onRemove, timePickerProps, datePickerProps, }: PropsForTranslation<DateAndTimePickerTranslationType, DateTimePickerProps>) => react_jsx_runtime.JSX.Element;
export { DateTimePicker, type DateTimePickerMode, type DateTimePickerProps };