daterange-picker-reactjs
Version:
A beautiful and customizable single date and date-range picker component for React.js applications
49 lines (45 loc) • 1.76 kB
TypeScript
import React$1 from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
interface DatePickerProps {
preSelectedDate?: Date | null;
onChange: (date: Date) => void;
weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
customDaysOfWeek?: string[];
containerStyle?: string;
daysOfWeekStyles?: string;
visibleDatesStyle?: string;
isSelectedStyle?: string;
disabledDate?: Date;
showYearMonthDivider?: boolean;
prevMonthBtnIcon?: React$1.ReactNode;
nextMonthBtnIcon?: React$1.ReactNode;
outlineStyle?: string;
}
declare const DatePicker$1: React$1.FC<DatePickerProps>;
interface DateRangePickerProps {
onRangeChange?: (range: {
start: Date | null;
end: Date | null;
}) => void;
disabledDates?: Date[];
weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
visibleMonths?: number;
customDaysOfWeek?: string[];
preSelectedRange?: {
start: Date | null;
end: Date | null;
};
startDateStyle?: string;
endDateStyle?: string;
inRangeStyles?: string;
visibleDatesStyle?: string;
daysOfWeekStyles?: string;
monthTitleStyle?: string;
showYearMonthDivider?: boolean;
outlineStyle?: string;
containerStyle?: string;
prevMonthBtnIcon?: React.ReactNode;
nextMonthBtnIcon?: React.ReactNode;
}
declare const DatePicker: ({ onRangeChange, disabledDates, weekStartsOn, visibleMonths, customDaysOfWeek, preSelectedRange, startDateStyle, endDateStyle, inRangeStyles, visibleDatesStyle, daysOfWeekStyles, monthTitleStyle, showYearMonthDivider, outlineStyle, containerStyle, prevMonthBtnIcon, nextMonthBtnIcon, }: DateRangePickerProps) => react_jsx_runtime.JSX.Element;
export { DatePicker$1 as DatePicker, DatePicker as DateRangePicker };