@rkosafo/cai.components
Version:
This package is under development and not ready for public use.
509 lines (508 loc) • 10.4 kB
TypeScript
import type { Classes } from '../../themes/themeUtils.js';
import { type VariantProps } from 'tailwind-variants';
export type DatepickerVariants = VariantProps<typeof datepicker> & Classes<typeof datepicker>;
export declare const datepicker: import("tailwind-variants").TVReturnType<{
color: {
primary: {
input: string;
dayButton: string;
};
blue: {
input: string;
dayButton: string;
};
red: {
input: string;
dayButton: string;
};
green: {
input: string;
dayButton: string;
};
yellow: {
input: string;
dayButton: string;
};
purple: {
input: string;
dayButton: string;
};
dark: {
input: string;
dayButton: string;
};
light: {
input: string;
dayButton: string;
};
alternative: {
input: string;
dayButton: string;
};
secondary: {
input: string;
dayButton: string;
};
gray: {
input: string;
dayButton: string;
};
orange: {
input: string;
dayButton: string;
};
amber: {
input: string;
dayButton: string;
};
lime: {
input: string;
dayButton: string;
};
emerald: {
input: string;
dayButton: string;
};
teal: {
input: string;
dayButton: string;
};
cyan: {
input: string;
dayButton: string;
};
sky: {
input: string;
dayButton: string;
};
indigo: {
input: string;
dayButton: string;
};
violet: {
input: string;
dayButton: string;
};
fuchsia: {
input: string;
dayButton: string;
};
pink: {
input: string;
dayButton: string;
};
rose: {
input: string;
dayButton: string;
};
};
inline: {
false: {
base: string;
};
true: {
base: string;
};
};
placement: {
'top-start': {
base: string;
};
top: {
base: string;
};
'top-end': {
base: string;
};
'bottom-start': {
base: string;
};
bottom: {
base: string;
};
'bottom-end': {
base: string;
};
'left-start': {
base: string;
};
left: {
base: string;
};
'left-end': {
base: string;
};
'right-start': {
base: string;
};
right: {
base: string;
};
'right-end': {
base: string;
};
};
current: {
true: {
dayButton: string;
};
};
today: {
true: {
dayButton: string;
};
};
unavailable: {
true: {
dayButton: string;
};
};
}, {
base: string;
input: string;
titleVariant: string;
polite: string;
button: string;
actionButtons: string;
columnHeader: string;
grid: string;
nav: string;
dayButton: string;
monthButton: string;
}, undefined, {
color: {
primary: {
input: string;
dayButton: string;
};
blue: {
input: string;
dayButton: string;
};
red: {
input: string;
dayButton: string;
};
green: {
input: string;
dayButton: string;
};
yellow: {
input: string;
dayButton: string;
};
purple: {
input: string;
dayButton: string;
};
dark: {
input: string;
dayButton: string;
};
light: {
input: string;
dayButton: string;
};
alternative: {
input: string;
dayButton: string;
};
secondary: {
input: string;
dayButton: string;
};
gray: {
input: string;
dayButton: string;
};
orange: {
input: string;
dayButton: string;
};
amber: {
input: string;
dayButton: string;
};
lime: {
input: string;
dayButton: string;
};
emerald: {
input: string;
dayButton: string;
};
teal: {
input: string;
dayButton: string;
};
cyan: {
input: string;
dayButton: string;
};
sky: {
input: string;
dayButton: string;
};
indigo: {
input: string;
dayButton: string;
};
violet: {
input: string;
dayButton: string;
};
fuchsia: {
input: string;
dayButton: string;
};
pink: {
input: string;
dayButton: string;
};
rose: {
input: string;
dayButton: string;
};
};
inline: {
false: {
base: string;
};
true: {
base: string;
};
};
placement: {
'top-start': {
base: string;
};
top: {
base: string;
};
'top-end': {
base: string;
};
'bottom-start': {
base: string;
};
bottom: {
base: string;
};
'bottom-end': {
base: string;
};
'left-start': {
base: string;
};
left: {
base: string;
};
'left-end': {
base: string;
};
'right-start': {
base: string;
};
right: {
base: string;
};
'right-end': {
base: string;
};
};
current: {
true: {
dayButton: string;
};
};
today: {
true: {
dayButton: string;
};
};
unavailable: {
true: {
dayButton: string;
};
};
}, {
base: string;
input: string;
titleVariant: string;
polite: string;
button: string;
actionButtons: string;
columnHeader: string;
grid: string;
nav: string;
dayButton: string;
monthButton: string;
}, import("tailwind-variants").TVReturnType<{
color: {
primary: {
input: string;
dayButton: string;
};
blue: {
input: string;
dayButton: string;
};
red: {
input: string;
dayButton: string;
};
green: {
input: string;
dayButton: string;
};
yellow: {
input: string;
dayButton: string;
};
purple: {
input: string;
dayButton: string;
};
dark: {
input: string;
dayButton: string;
};
light: {
input: string;
dayButton: string;
};
alternative: {
input: string;
dayButton: string;
};
secondary: {
input: string;
dayButton: string;
};
gray: {
input: string;
dayButton: string;
};
orange: {
input: string;
dayButton: string;
};
amber: {
input: string;
dayButton: string;
};
lime: {
input: string;
dayButton: string;
};
emerald: {
input: string;
dayButton: string;
};
teal: {
input: string;
dayButton: string;
};
cyan: {
input: string;
dayButton: string;
};
sky: {
input: string;
dayButton: string;
};
indigo: {
input: string;
dayButton: string;
};
violet: {
input: string;
dayButton: string;
};
fuchsia: {
input: string;
dayButton: string;
};
pink: {
input: string;
dayButton: string;
};
rose: {
input: string;
dayButton: string;
};
};
inline: {
false: {
base: string;
};
true: {
base: string;
};
};
placement: {
'top-start': {
base: string;
};
top: {
base: string;
};
'top-end': {
base: string;
};
'bottom-start': {
base: string;
};
bottom: {
base: string;
};
'bottom-end': {
base: string;
};
'left-start': {
base: string;
};
left: {
base: string;
};
'left-end': {
base: string;
};
'right-start': {
base: string;
};
right: {
base: string;
};
'right-end': {
base: string;
};
};
current: {
true: {
dayButton: string;
};
};
today: {
true: {
dayButton: string;
};
};
unavailable: {
true: {
dayButton: string;
};
};
}, {
base: string;
input: string;
titleVariant: string;
polite: string;
button: string;
actionButtons: string;
columnHeader: string;
grid: string;
nav: string;
dayButton: string;
monthButton: string;
}, undefined, unknown, unknown, undefined>>;