import React from "react";
import { DatePickerProps as ReactDatePickerProps } from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";
import "./datepicker.scss";
export type DatePickerDate = Date | null;
export type DatePickerDateRange = (Date | null)[];
export type DatePickerValue = DatePickerDate | DatePickerDateRange;
export type DatePickerProps = Omit<ReactDatePickerProps, "onChange" | "value"> & {
    /** The associated form's id. */
    form?: string;
    /** Whether a date or date range should be provided. */
    type?: "datepicker" | "daterangepicker";
    /** DatePicker label. */
    label?: string;
    /** Whether to apply padding. */
    pad?: boolean | "h" | "v";
    /** Placeholder. */
    placeholder?: string;
    /** Can be a `Date` `[Date, Date]` or a (date) `string` or a (time) `number`. */
    value?: DatePickerValue | string | number | null;
    labelNextYear?: string;
    labelPreviousYear?: string;
    labelNextMonth?: string;
    labelPreviousMonth?: string;
    labelClose?: string;
    labelChooseDayPrefix?: string;
    labelDisabledDayPrefix?: string;
    labelMonthPrefix?: string;
    labelWeekPrefix?: string;
    labelTimeInput?: string;
    labelWeek?: string;
    /** Gets called when the value is changed. */
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
};
/**
 * DatePicker component, can be used to enter a date or a date range.
 *
 * Known issues:
 *  - Setting date range by typing into input currently does not not work. Possibly
 *    due to lack of support from React-Datepicker.
 */
export declare const DatePicker: React.FC<DatePickerProps>;