import React, { PureComponent } from 'react'; import { TimeConstraints } from 'react-datetime'; import 'moment/locale/de'; export interface DateInputProps { /** * The Date instance which represents the selected value. */ readonly value?: Date; /** * Additional className to render into the wrapper div */ readonly className?: string; /** * An optional placeholder which will be rendered if no date was selected. */ readonly placeholder?: string; /** * An optional id for the input. */ readonly id?: string; /** * The label which will be displayed within the `Select Today` btn. */ readonly todayLabel: string; /** * The moment format string to use to format the passed value. */ readonly labelFormat?: string; /** * Display only date picker */ readonly dateOnly?: boolean; /** * Display only time picker */ readonly timeOnly?: boolean; /** * Show the Time in 24 hours or 12 hours format */ readonly is24Hour?: boolean; /** * Add some constraints to the timepicker. * It accepts an object with the format { hours: { min: 9, max: 15, step: 2 }}, * this example means the hours can't be lower than 9 and higher than 15, * and it will change adding or subtracting 2 hours everytime the buttons are clicked. * The constraints can be added to the hours, minutes, seconds and milliseconds. */ readonly timeConstraints?: TimeConstraints; /** * Locale for the date picker (determines time format) */ readonly locale: string; /** * Disable the DateInput */ readonly disabled?: boolean; /** * The changehandler to call when the date changes. */ readonly onChange: (date: Date | null) => void; /** * An optional theme using tremr */ readonly theme?: DateInputTheme; } interface DateInputTheme { 'wrapper': string; 'disabled': string; 'disabled-cursor': string; 'calendarInputWrapper': string; 'calendarIconBtn': string; 'calendarFakeInputWrapper': string; 'calendarFakeInputMirror': string; 'calendarFakeInput': string; 'applyBtn': string; 'closeCalendarIconBtn': string; 'selectTodayBtn': string; } interface DateInputState { readonly isOpen: boolean; } export declare class DateInput extends PureComponent { static readonly defaultProps: Readonly>>; readonly state: DateInputState; render(): JSX.Element; private readonly handleClick; private readonly handleFocus; private readonly handleClearValueClick; private readonly handleChange; private readonly handleSelectTodayBtnClick; handleClickOutside: () => void; private readonly toggle; private readonly open; private readonly close; private get timeFormat(); } declare const EnhancedDateInput: React.ComponentClass; export default EnhancedDateInput;