import React from "react"; import type { WarpDatepicker } from "./datepicker.js"; import type { ChangeEventWithTarget, InputEventWithTarget } from "../types.js"; /** * A date picker allows the user to select a specific calendar date. * * [Warp component reference](https://warp-ds.github.io/docs/components/date-picker/frameworks/elements) */ export declare const DatePicker: React.ForwardRefExoticComponent, "form" | "input" | "label" | "name" | "locale" | "tooltip" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "oninput" | "invalid" | "disabled" | "helpText" | "optional" | "readonly" | "required" | "value" | "updated" | "firstUpdated" | "resetFormControl" | "_error" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onBlur" | "onChange" | "onInput" | "reportValidity" | "month" | "calendar" | "wrapper" | "headerFormat" | "weekdayFormat" | "isDayDisabled" | "dayFormat" | "isCalendarOpen" | "navigationDate" | "selectedDate" | "weeks" | "toggleButton" | "previousMonthButton" | "todayCell" | "selectedCell" | "setCustomValidity"> & { onChange?: ((e: ChangeEventWithTarget) => void) | undefined; onchange?: ((e: ChangeEventWithTarget) => void) | undefined; onBlur?: ((e: FocusEvent) => void) | undefined; onblur?: ((e: FocusEvent) => void) | undefined; onInput?: ((e: InputEventWithTarget) => void) | undefined; oninput?: ((e: InputEventWithTarget) => void) | undefined; } & Partial> & React.RefAttributes, "ref">, "header-format" | "weekday-format" | "day-format"> & { headerFormat?: string; weekdayFormat?: string; dayFormat?: string; } & React.RefAttributes>;