@chakra-ui/react/dist/types/components/date-picker/date-picker.d.ts

Responsive and accessible React UI components built with React and Emotion

import { type Assign } from "@ark-ui/react";
import { DatePicker as ArkDatePicker, type DateValue } from "@ark-ui/react/date-picker";
import type React from "react";
import { type HTMLChakraProps, type SlotRecipeProps, type UnstyledProp } from "../../styled-system";
declare const useDatePickerStyles: () => Record<string, import("../..").SystemStyleObject>;
export { useDatePickerStyles };
export interface DatePickerRootProviderBaseProps extends Assign<ArkDatePicker.RootProviderBaseProps, SlotRecipeProps<"datePicker">>, UnstyledProp {
}
export interface DatePickerRootProviderProps extends HTMLChakraProps<"div", DatePickerRootProviderBaseProps> {
}
export declare const DatePickerRootProvider: React.ForwardRefExoticComponent<DatePickerRootProviderProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerRootBaseProps extends Assign<ArkDatePicker.RootBaseProps, SlotRecipeProps<"datePicker">>, UnstyledProp {
}
export interface DatePickerRootProps extends HTMLChakraProps<"div", DatePickerRootBaseProps> {
}
export declare const DatePickerRoot: React.ForwardRefExoticComponent<DatePickerRootProps & React.RefAttributes<HTMLDivElement>>;
export declare const DatePickerPropsProvider: React.Provider<ArkDatePicker.RootBaseProps>;
export interface DatePickerClearTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.ClearTriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerClearTrigger: React.ForwardRefExoticComponent<DatePickerClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerContentProps extends HTMLChakraProps<"div", ArkDatePicker.ContentBaseProps>, UnstyledProp {
}
export declare const DatePickerContent: React.ForwardRefExoticComponent<DatePickerContentProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerControlProps extends HTMLChakraProps<"div", ArkDatePicker.ControlBaseProps>, UnstyledProp {
}
export declare const DatePickerControl: React.ForwardRefExoticComponent<DatePickerControlProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerInputProps extends HTMLChakraProps<"input", ArkDatePicker.InputBaseProps>, UnstyledProp {
}
export declare const DatePickerInput: React.ForwardRefExoticComponent<DatePickerInputProps & React.RefAttributes<HTMLInputElement>>;
export interface DatePickerLabelProps extends HTMLChakraProps<"label", ArkDatePicker.LabelBaseProps>, UnstyledProp {
}
export declare const DatePickerLabel: React.ForwardRefExoticComponent<DatePickerLabelProps & React.RefAttributes<HTMLLabelElement>>;
export interface DatePickerMonthSelectProps extends HTMLChakraProps<"select", ArkDatePicker.MonthSelectBaseProps>, UnstyledProp {
}
export declare const DatePickerMonthSelect: React.ForwardRefExoticComponent<DatePickerMonthSelectProps & React.RefAttributes<HTMLSelectElement>>;
export interface DatePickerNextTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.NextTriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerNextTrigger: React.ForwardRefExoticComponent<DatePickerNextTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerPositionerProps extends HTMLChakraProps<"div", ArkDatePicker.PositionerBaseProps>, UnstyledProp {
}
export declare const DatePickerPositioner: React.ForwardRefExoticComponent<DatePickerPositionerProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerPresetTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.PresetTriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerPresetTrigger: React.ForwardRefExoticComponent<DatePickerPresetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerPrevTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.PrevTriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerPrevTrigger: React.ForwardRefExoticComponent<DatePickerPrevTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerRangeTextProps extends HTMLChakraProps<"div", ArkDatePicker.RangeTextBaseProps>, UnstyledProp {
}
export declare const DatePickerRangeText: React.ForwardRefExoticComponent<DatePickerRangeTextProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerTableProps extends HTMLChakraProps<"table", ArkDatePicker.TableBaseProps>, UnstyledProp {
}
export declare const DatePickerTable: React.ForwardRefExoticComponent<DatePickerTableProps & React.RefAttributes<HTMLTableElement>>;
export interface DatePickerTableBodyProps extends HTMLChakraProps<"tbody", ArkDatePicker.TableBodyBaseProps>, UnstyledProp {
}
export declare const DatePickerTableBody: React.ForwardRefExoticComponent<DatePickerTableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
export interface DatePickerTableCellProps extends HTMLChakraProps<"td", ArkDatePicker.TableCellBaseProps>, UnstyledProp {
}
export declare const DatePickerTableCell: React.ForwardRefExoticComponent<DatePickerTableCellProps & React.RefAttributes<HTMLTableCellElement>>;
export interface DatePickerTableCellTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.TableCellTriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerTableCellTrigger: React.ForwardRefExoticComponent<DatePickerTableCellTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerTableHeadProps extends HTMLChakraProps<"thead", ArkDatePicker.TableHeadBaseProps>, UnstyledProp {
}
export declare const DatePickerTableHead: React.ForwardRefExoticComponent<DatePickerTableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
export interface DatePickerTableHeaderProps extends HTMLChakraProps<"th", ArkDatePicker.TableHeaderBaseProps>, UnstyledProp {
}
export declare const DatePickerTableHeader: React.ForwardRefExoticComponent<DatePickerTableHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
export interface DatePickerTableRowProps extends HTMLChakraProps<"tr", ArkDatePicker.TableRowBaseProps>, UnstyledProp {
}
export declare const DatePickerTableRow: React.ForwardRefExoticComponent<DatePickerTableRowProps & React.RefAttributes<HTMLTableRowElement>>;
export interface DatePickerTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.TriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerTrigger: React.ForwardRefExoticComponent<DatePickerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerViewProps extends HTMLChakraProps<"div", ArkDatePicker.ViewBaseProps>, UnstyledProp {
}
export declare const DatePickerView: React.ForwardRefExoticComponent<DatePickerViewProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerViewControlProps extends HTMLChakraProps<"div", ArkDatePicker.ViewControlBaseProps>, UnstyledProp {
}
export declare const DatePickerViewControl: React.ForwardRefExoticComponent<DatePickerViewControlProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerViewTriggerProps extends HTMLChakraProps<"button", ArkDatePicker.ViewTriggerBaseProps>, UnstyledProp {
}
export declare const DatePickerViewTrigger: React.ForwardRefExoticComponent<DatePickerViewTriggerProps & React.RefAttributes<HTMLButtonElement>>;
export interface DatePickerYearSelectProps extends HTMLChakraProps<"select", ArkDatePicker.YearSelectBaseProps>, UnstyledProp {
}
export declare const DatePickerYearSelect: React.ForwardRefExoticComponent<DatePickerYearSelectProps & React.RefAttributes<HTMLSelectElement>>;
export interface DatePickerIndicatorGroupProps extends HTMLChakraProps<"div">, UnstyledProp {
}
export declare const DatePickerIndicatorGroup: React.ForwardRefExoticComponent<DatePickerIndicatorGroupProps & React.RefAttributes<HTMLDivElement>>;
export interface DatePickerWeekNumberHeaderCellProps extends HTMLChakraProps<"th", ArkDatePicker.WeekNumberHeaderCellBaseProps>, UnstyledProp {
}
export declare const DatePickerWeekNumberHeaderCell: React.ForwardRefExoticComponent<DatePickerWeekNumberHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
export interface DatePickerWeekNumberCellProps extends HTMLChakraProps<"td", ArkDatePicker.WeekNumberCellBaseProps>, UnstyledProp {
}
export declare const DatePickerWeekNumberCell: React.ForwardRefExoticComponent<DatePickerWeekNumberCellProps & React.RefAttributes<HTMLTableCellElement>>;
export interface DatePickerWeekNumberCellTextProps extends HTMLChakraProps<"span">, UnstyledProp {
}
export declare const DatePickerWeekNumberCellText: React.ForwardRefExoticComponent<DatePickerWeekNumberCellTextProps & React.RefAttributes<HTMLSpanElement>>;
export interface DatePickerHeaderProps extends DatePickerViewControlProps {
}
export declare const DatePickerHeader: (props: DatePickerHeaderProps) => import("react/jsx-runtime").JSX.Element;
export interface DatePickerDayTableProps extends DatePickerTableProps {
    offset?: number;
    weekNumberLabel?: string;
}
export declare const DatePickerDayTable: (props: DatePickerDayTableProps) => import("react/jsx-runtime").JSX.Element;
export interface DatePickerMonthTableProps extends DatePickerTableProps {
    columns?: number;
    format?: "short" | "long";
}
export declare const DatePickerMonthTable: (props: DatePickerMonthTableProps) => import("react/jsx-runtime").JSX.Element;
export interface DatePickerYearTableProps extends DatePickerTableProps {
    columns?: number;
}
export declare const DatePickerYearTable: (props: DatePickerYearTableProps) => import("react/jsx-runtime").JSX.Element;
export interface DatePickerValueProps extends Omit<DatePickerTriggerProps, "children"> {
    placeholder?: string;
}
export declare const DatePickerValue: (props: DatePickerValueProps) => import("react/jsx-runtime").JSX.Element;
export interface DatePickerValueTextRenderProps {
    value: DateValue;
    index: number;
    valueAsString: string;
    remove: () => void;
}
export interface DatePickerValueTextBaseProps {
    /**
     * Text to display when no date is selected.
     */
    placeholder?: string | undefined;
    /**
     * A function to render each selected date value.
     * When provided, each date in the selection will be rendered using this function.
     */
    children?: ((props: DatePickerValueTextRenderProps) => React.ReactNode) | undefined;
    /**
     * The separator to use between multiple date values when using default rendering.
     * @default ", "
     */
    separator?: string | undefined;
}
export interface DatePickerValueTextProps extends Assign<HTMLChakraProps<"span">, DatePickerValueTextBaseProps> {
}
export declare const DatePickerValueText: React.ForwardRefExoticComponent<DatePickerValueTextProps & React.RefAttributes<HTMLSpanElement>>;