@project-jade-garden/reka-ui/dist/date-picker.d.ts

Reka UI anatomy slots for headless design

import { SVATraits } from 'jade-garden';
/**
 * **Date Picker**
 * @description Facilitates the selection of dates through an input and calendar-based interface.
 * @see [source](https://reka-ui.com/docs/components/date-picker#anatomy)
 */
export declare const slots: readonly ["root", "header", "heading", "grid", "cell", "headCell", "next", "prev", "gridHead", "gridBody", "gridRow", "cellTrigger", "input", "calendar", "field", "anchor", "arrow", "close", "trigger", "content"];
/**
 * **Date Picker**
 * @description Facilitates the selection of dates through an input and calendar-based interface.
 * @see [source](https://reka-ui.com/docs/components/date-picker#anatomy)
 */
export type Slots = (typeof slots)[number];
/**
 * **Date Picker**
 * @description Facilitates the selection of dates through an input and calendar-based interface.
 * @see [source](https://reka-ui.com/docs/components/date-picker#api-reference)
 */
export type Traits = SVATraits<Slots, {
    grid: {
        disabled: "";
        readonly: "";
    };
    cell: {
        disabled: "";
    };
    cellTrigger: {
        selected: "";
        value: "The ISO string value of the date.";
        disabled: "";
        unavailable: "";
        today: "";
        "outside-view": "";
        "outside-visible-view": "";
        focused: "";
    };
    input: {
        disabled: "";
        invalid: "";
        placeholder: "";
    };
    calendar: {
        disabled: "";
        readonly: "";
    };
    field: {
        readonly: "";
        invalid: "";
    };
}>;