react-native-future-date-range-calendar
Version:
React Native calendar to pick future date ranges only
92 lines (91 loc) • 2.87 kB
TypeScript
import React from 'react';
export declare const disablePreviousDays: (currentMonthDate: string, currentDate: string, renderMonthsLimit: number, currMonth: number, currYear: number, currentMonth: number) => {
totalDays: number;
listOfDisabledDates: string[];
};
export declare const getStartEndDateBaseStyle: (runningDate: string, startDate: string, endDate: string, rangeDaysBackgroundColor?: string) => {
backgroundColor: string;
width: "100%";
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
borderTopLeftRadius: number;
borderBottomLeftRadius: number;
left: number;
} | {
width: number;
backgroundColor: string;
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
borderTopLeftRadius: number;
borderBottomLeftRadius: number;
left: number;
} | {
width: number;
backgroundColor: string;
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
borderTopRightRadius: number;
borderBottomRightRadius: number;
right: number;
} | {
width: "100%";
backgroundColor: string;
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
borderTopRightRadius: number;
borderBottomRightRadius: number;
right: number;
} | undefined;
export declare const getSelectedDatesStyle: (runningDate: string, startDate: string, endDate: string, calendarType?: "type1" | "type2", startAndEndDateBackgroundColor?: string, rangeDaysBackgroundColor?: string) => {
backgroundColor: string;
width: "90%";
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
zIndex: number;
borderRadius: number;
} | {
backgroundColor: string;
left: number;
width: "100%";
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
zIndex: number;
} | {
backgroundColor: string;
left?: undefined;
width: "100%";
height: "90%";
alignItems: "center";
alignContent: "center";
justifyContent: "center";
position: "absolute";
zIndex: number;
};
export declare const getSelectedDatesTextStyle: (runningDate: string, startDate: string, endDate: string, startAndEndDateTextColor?: string, rangeDaysTextColor?: string) => {};
type DateRangeHandlerTypes = {
onDateSelect?: ({ startDate, endDate }: {
startDate: string;
endDate: string;
}) => void;
disablePreviousDateSelection?: boolean;
};
export declare const DateRangeHandler: (props: DateRangeHandlerTypes) => React.JSX.Element;
export {};