@project-jade-garden/reka-ui
Version:
Reka UI anatomy slots for headless design
59 lines (58 loc) • 1.76 kB
TypeScript
import { SVATraits } from 'jade-garden';
/**
* **Date Range Picker**
* @description Facilitates the selection of date ranges through an input and calendar-based interface.
* @see [source](https://reka-ui.com/docs/components/date-range-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 Range Picker**
* @description Facilitates the selection of date ranges through an input and calendar-based interface.
* @see [source](https://reka-ui.com/docs/components/date-range-picker#anatomy)
*/
export type Slots = (typeof slots)[number];
/**
* **Date Range Picker**
* @description Facilitates the selection of date ranges through an input and calendar-based interface.
* @see [source](https://reka-ui.com/docs/components/date-range-picker#api-reference)
*/
export type Traits = SVATraits<Slots, {
heading: {
disabled: "";
};
grid: {
readonly: "";
disabled: "";
};
cell: {
disabled: "";
};
cellTrigger: {
selected: "";
value: "";
disabled: "";
unavailable: "";
today: "";
"outside-view": "";
"outside-visible-view": "";
"selection-start": "";
"selection-end": "";
highlighted: "";
"highlighted-start": "";
"highlighted-end": "";
focused: "";
};
input: {
disabled: "";
invalid: "";
placeholder: "";
};
calendar: {
readonly: "";
invalid: "";
};
field: {
readonly: "";
invalid: "";
};
}>;