@amaui/ui-react
Version:
UI for React
52 lines (51 loc) • 1.88 kB
TypeScript
import React from 'react';
import { AmauiDate } from '@amaui/date';
import { ILine } from '../Line/Line';
import { IColor, IPropsAny, ISize, ITonal } from '../types';
import { ICalendarViewsView } from '../CalendarViews/CalendarViews';
export type TCalendarMonthValue = AmauiDate | [AmauiDate, AmauiDate];
export type TCalendarMonthCalendar = AmauiDate;
export interface ICalendarMonthValuesValue {
day: string;
month: string;
year: string;
inputModal: string;
input: string;
selected: AmauiDate;
date: AmauiDate;
previous: AmauiDate;
move: 'previous' | 'next';
}
export type TCalendarMonthValues = [ICalendarMonthValuesValue, ICalendarMonthValuesValue];
export interface ICalenarDays extends ILine {
tonal?: ITonal;
color?: IColor;
size?: ISize;
value?: TCalendarMonthValue;
valueDefault?: TCalendarMonthValue;
onChange?: (value: TCalendarMonthValue) => any;
calendar?: TCalendarMonthCalendar;
calendarDefault?: TCalendarMonthCalendar;
onChangeCalendar?: (value: TCalendarMonthCalendar) => any;
onTimeClick?: (date: AmauiDate, view: ICalendarViewsView, event: MouseEvent) => any;
now?: boolean;
outside?: boolean;
range?: boolean;
weekStartDay?: 'Monday' | 'Sunday';
noTransition?: boolean;
offset?: number;
min?: AmauiDate;
max?: AmauiDate;
validate?: (value: AmauiDate) => boolean;
labels?: boolean;
dayNamesFull?: boolean;
valid?: (value: AmauiDate, version: 'day' | 'month' | 'year') => boolean;
renderDay?: (value: AmauiDate, props: any, day: any, outside: boolean) => React.ReactNode;
renderDayName?: (order: number) => any;
DayNameProps?: IPropsAny;
PaginationItemProps?: IPropsAny;
TransitionProps?: IPropsAny;
TransitionsProps?: IPropsAny;
}
declare const CalendarMonth: React.FC<ICalenarDays>;
export default CalendarMonth;