@helpwave/hightide/dist/components/user-action/DateAndTimePicker.d.ts

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';
import { PropsForTranslation } from '../../localization/useTranslation.js';
import { TimePickerProps } from '../date/TimePicker.js';
import { DatePickerProps } from '../date/DatePicker.js';
import { FormTranslationType } from '../../localization/defaults/form.js';
import { TimeTranslationType } from '../../localization/defaults/time.js';
import '../../localization/util.js';
import '../date/YearMonthPicker.js';
import '../date/DayPicker.js';
import '../../util/date.js';

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 };