@cerberus-design/react
Version:
The Cerberus Design React component library.
173 lines (172 loc) • 10.4 kB
TypeScript
import { DatePicker, DatePickerContentProps as ArkDatePickerContentProps, DatePickerContextProps as ArkDatePickerContextProps, DatePickerControlProps as ArkDatePickerControlProps, DatePickerInputProps as ArkDatePickerInputProps, DatePickerLabelProps as ArkDatePickerLabelProps, DatePickerMonthSelectProps as ArkDatePickerMonthSelectProps, DatePickerNextTriggerProps as ArkDatePickerNextTriggerProps, DatePickerPositionerProps as ArkDatePickerPositionerProps, DatePickerPrevTriggerProps as ArkDatePickerPrevTriggerProps, DatePickerRangeTextProps as ArkDatePickerRangeTextProps, DatePickerRootProps as ArkDatePickerRootProps, DatePickerTableBodyProps as ArkDatePickerTableBodyProps, DatePickerTableCellProps as ArkDatePickerTableCellProps, DatePickerTableCellTriggerProps as ArkDatePickerTableCellTriggerProps, DatePickerTableHeaderProps as ArkDatePickerTableHeaderProps, DatePickerTableHeadProps as ArkDatePickerTableHeadProps, DatePickerTableProps as ArkDatePickerTableProps, DatePickerTableRowProps as ArkDatePickerTableRowProps, DatePickerTriggerProps as ArkDatePickerTriggerProps, DatePickerViewControlProps as ArkDatePickerViewControlProps, DatePickerViewProps as ArkDatePickerViewProps, DatePickerViewTriggerProps as ArkDatePickerViewTriggerProps, DatePickerYearSelectProps as ArkDatePickerYearSelectProps } from '@ark-ui/react/date-picker';
import { CerberusPrimitiveProps } from '../../system/index';
import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
/**
* The label component for the DatePicker.
*/
export type DatePickerLabelProps = CerberusPrimitiveProps<ArkDatePickerLabelProps>;
export declare const DatePickerLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The control component for the DatePicker which wraps the input and the
* triggers to open the DatePicker and clear the value.
*/
export type DatePickerControlProps = CerberusPrimitiveProps<ArkDatePickerControlProps>;
export declare const DatePickerControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The input component for the DatePicker.
*/
export type DatePickerInputElProps = CerberusPrimitiveProps<ArkDatePickerInputProps>;
export declare const DatePickerInputEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.InputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The trigger component that opens the DatePicker.
*/
export type DatePickerTriggerProps = CerberusPrimitiveProps<ArkDatePickerTriggerProps>;
export declare const DatePickerTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The content component for the DatePicker.
*/
export type DatePickerContentProps = CerberusPrimitiveProps<ArkDatePickerContentProps>;
export declare const DatePickerContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The view control component for the DatePicker which wraps the triggers to
* switch between calendar views.
*/
export type DatePickerViewControlProps = CerberusPrimitiveProps<ArkDatePickerViewControlProps>;
export declare const DatePickerViewControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The range text component for the DatePicker.
*/
export type DatePickerRangeTextProps = CerberusPrimitiveProps<ArkDatePickerRangeTextProps>;
export declare const DatePickerRangeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.RangeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The table component for the DatePicker.
*/
export type DatePickerTableProps = CerberusPrimitiveProps<ArkDatePickerTableProps>;
export declare const DatePickerTable: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableProps & RefAttributes<HTMLTableElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The header component for the DatePicker table.
*/
export type DatePickerTableHeaderProps = CerberusPrimitiveProps<ArkDatePickerTableHeaderProps>;
export declare const DatePickerTableHeader: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableHeaderProps & RefAttributes<HTMLTableCellElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The table cell component for the DatePicker.
*/
export type DatePickerTableCellProps = CerberusPrimitiveProps<ArkDatePickerTableCellProps>;
export declare const DatePickerTableCell: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableCellProps & RefAttributes<HTMLTableCellElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The table cell trigger component for the DatePicker.
*/
export type DatePickerTableCellTriggerProps = CerberusPrimitiveProps<ArkDatePickerTableCellTriggerProps>;
export declare const DatePickerTableCellTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableCellTriggerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<unknown>>;
/**
* The root component of the DatePicker. This primitive has no Cerberus styles.
*/
export type DatePickerRootProps = CerberusPrimitiveProps<ArkDatePickerRootProps>;
export declare const DatePickerRoot: {
(props: CerberusPrimitiveProps<DatePicker.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The label component of the DatePicker. This primitive has no Cerberus styles.
*/
export type DatePickerClearTriggerProps = CerberusPrimitiveProps<ArkDatePickerTriggerProps>;
export declare const DatePickerClearTrigger: {
(props: CerberusPrimitiveProps<DatePicker.ClearTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The control component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerPositionerProps = CerberusPrimitiveProps<ArkDatePickerPositionerProps>;
export declare const DatePickerPositioner: {
(props: CerberusPrimitiveProps<DatePicker.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The year select input component of the DatePicker. This primitive has no
* Cerberus styles.
*/
export type DatePickerYearSelectProps = CerberusPrimitiveProps<ArkDatePickerYearSelectProps>;
export declare const DatePickerYearSelect: {
(props: CerberusPrimitiveProps<DatePicker.YearSelectProps & RefAttributes<HTMLSelectElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The month select input component of the DatePicker. This primitive has no
* Cerberus styles.
*/
export type DatePickerMonthSelectProps = CerberusPrimitiveProps<ArkDatePickerMonthSelectProps>;
export declare const DatePickerMonthSelect: {
(props: CerberusPrimitiveProps<DatePicker.MonthSelectProps & RefAttributes<HTMLSelectElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The day view component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerViewProps = CerberusPrimitiveProps<ArkDatePickerViewProps>;
export declare const DatePickerView: {
(props: CerberusPrimitiveProps<DatePicker.ViewProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The day context component of the DatePicker. This primitive has no
* Cerberus styles.
*/
export type DatePickerContextProps = CerberusPrimitiveProps<ArkDatePickerContextProps>;
export declare const DatePickerContext: (props: DatePicker.ContextProps) => ReactNode;
/**
* The trigger component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerPrevTriggerProps = CerberusPrimitiveProps<ArkDatePickerPrevTriggerProps>;
export declare const DatePickerPrevTrigger: {
(props: CerberusPrimitiveProps<DatePicker.PrevTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The trigger component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerNextTriggerProps = CerberusPrimitiveProps<ArkDatePickerNextTriggerProps>;
export declare const DatePickerNextTrigger: {
(props: CerberusPrimitiveProps<DatePicker.NextTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The trigger component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerViewTriggerProps = CerberusPrimitiveProps<ArkDatePickerViewTriggerProps>;
export declare const DatePickerViewTrigger: {
(props: CerberusPrimitiveProps<DatePicker.ViewTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The table head component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerTableHeadProps = CerberusPrimitiveProps<ArkDatePickerTableHeadProps>;
export declare const DatePickerTableHead: {
(props: CerberusPrimitiveProps<DatePicker.TableHeadProps & RefAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The table row component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerTableRowProps = CerberusPrimitiveProps<ArkDatePickerTableRowProps>;
export declare const DatePickerTableRow: {
(props: CerberusPrimitiveProps<DatePicker.TableRowProps & RefAttributes<HTMLTableRowElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
/**
* The table body component of the DatePicker. This primitive has no Cerberus
* styles.
*/
export type DatePickerTableBodyProps = CerberusPrimitiveProps<ArkDatePickerTableBodyProps>;
export declare const DatePickerTableBody: {
(props: CerberusPrimitiveProps<DatePicker.TableBodyProps & RefAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};