react-tailwindcss-datepicker-sct
Version:
A modern React Datepicker using Tailwind CSS 3
239 lines (238 loc) • 5.04 kB
TypeScript
export declare const COLORS: string[];
export declare const DEFAULT_COLOR = "blue";
export declare const BG_COLOR: {
100: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
200: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
500: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
hover: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
};
export declare const TEXT_COLOR: {
600: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
hover: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
};
export declare const BORDER_COLOR: {
500: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
focus: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
};
export declare const RING_COLOR: {
focus: {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
"second-focus": {
blue: string;
orange: string;
yellow: string;
red: string;
purple: string;
amber: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
indigo: string;
violet: string;
fuchsia: string;
pink: string;
rose: string;
};
};
export declare const DEFAULT_SHORTCUTS: {
today: {
text: string;
period: {
start: string;
end: string;
};
};
yesterday: {
text: string;
period: {
start: string;
end: string;
};
};
past: {
daysNumber: number;
text: string;
period: {
start: string;
end: string;
};
}[];
currentMonth: {
text: string;
period: {
start: string;
end: string;
};
};
pastMonth: {
text: string;
period: {
start: string;
end: string;
};
};
};