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

helpwave's component and theming library

import * as react_jsx_runtime from 'react/jsx-runtime';
import { PropsForTranslation } from '../../hooks/useTranslation.js';
import { TimePickerProps } from '../date/TimePicker.js';
import { DatePickerProps } from '../date/DatePicker.js';
import '../../hooks/useLanguage.js';
import 'react';
import '../date/YearMonthPicker.js';
import '../date/DayPicker.js';
import '../../util/date.js';

type TimeTranslation = {
    clear: string;
    change: string;
    year: string;
    month: string;
    day: string;
    january: string;
    february: string;
    march: string;
    april: string;
    may: string;
    june: string;
    july: string;
    august: string;
    september: string;
    october: string;
    november: string;
    december: string;
};
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<TimeTranslation, DateTimePickerProps>) => react_jsx_runtime.JSX.Element;

export { DateTimePicker, type DateTimePickerMode, type DateTimePickerProps };