best-react-datepicker 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,239 @@
+import * as react from 'react';
+import react__default from 'react';
+import { a as CalendarDay$1, C as CalendarMonth, W as WeekDay } from './types-DA2PcEiy.js';
+export { b as CalendarWeek, D as DateMatcher, c as DatePickerClassNames, d as DatePickerLocale, e as DateRange, P as PickerMode, R as RangePreset, T as TimeValue, V as ViewMode } from './types-DA2PcEiy.js';
+import { UseDatePickerOptions, UseRangePickerOptions, UseTimePickerOptions, UseDateTimePickerOptions, UseMonthPickerOptions, UseYearPickerOptions, UseWeekPickerOptions } from './hooks.js';
+export { UseCalendarOptions, UseCalendarReturn, UseDatePickerReturn, UseDateTimePickerReturn, UseKeyboardNavOptions, UseMonthPickerReturn, UseMultiPickerOptions, UseMultiPickerReturn, UseRangePickerReturn, UseTimePickerReturn, UseWeekPickerReturn, UseYearPickerReturn, useCalendar, useClickOutside, useControllable, useDatePicker, useDateTimePicker, useFocusTrap, useKeyboardNav, useMonthPicker, useMultiPicker, usePortal, useRangePicker, useTimePicker, useWeekPicker, useYearPicker } from './hooks.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { a as addDays, d as addMonths, e as addYears, f as clone, g as createDate, h as createPresets, i as differenceInDays, j as endOfDay, k as endOfMonth, l as endOfWeek, m as endOfYear, n as formatDate, o as formatTime, w as isAfter, x as isBefore, y as isBetween, z as isSameDay, A as isSameMonth, B as isSameYear, C as isToday, D as isWeekend, E as parseDate, K as startOfDay, L as startOfMonth, M as startOfWeek, N as startOfYear, O as subDays, P as subMonths, Q as subYears, R as today } from './presets-CB5Rt4Li.js';
+export { createLocaleFromIntl, defaultLocale } from './locales.js';
+
+type PickerSize = 'sm' | 'md' | 'lg';
+declare function getSizeStyles(size?: PickerSize): react__default.CSSProperties;
+
+interface DatePickerProps extends UseDatePickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    renderDay?: (day: CalendarDay$1) => React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    dir?: 'ltr' | 'rtl';
+    showOutsideDays?: boolean;
+    showWeekNumbers?: boolean;
+    dayNames?: string[];
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    onBlur?: (event: React.FocusEvent) => void;
+    onFocus?: (event: React.FocusEvent) => void;
+}
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<HTMLInputElement>>;
+
+interface RangePickerProps extends UseRangePickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    compact?: boolean;
+    showPresets?: boolean;
+    presetsPosition?: 'left' | 'right';
+    renderDay?: (day: CalendarDay$1) => React.ReactNode;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    dir?: 'ltr' | 'rtl';
+    showOutsideDays?: boolean;
+    showWeekNumbers?: boolean;
+    dayNames?: string[];
+}
+declare function RangePicker(props: RangePickerProps): react_jsx_runtime.JSX.Element;
+
+interface TimePickerProps extends UseTimePickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    disabled?: boolean;
+    clearable?: boolean;
+}
+declare function TimePicker(props: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface DateTimePickerProps extends UseDateTimePickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    renderDay?: (day: CalendarDay$1) => React.ReactNode;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    dir?: 'ltr' | 'rtl';
+    showOutsideDays?: boolean;
+    dayNames?: string[];
+}
+declare function DateTimePicker(props: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface MonthPickerProps extends UseMonthPickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    placeholder?: string;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    clearable?: boolean;
+}
+declare function MonthPicker(props: MonthPickerProps): react_jsx_runtime.JSX.Element;
+
+interface YearPickerProps extends UseYearPickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    placeholder?: string;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+}
+declare function YearPicker(props: YearPickerProps): react_jsx_runtime.JSX.Element;
+
+interface WeekPickerProps extends UseWeekPickerOptions {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: PickerSize;
+    placeholder?: string;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    dir?: 'ltr' | 'rtl';
+    showOutsideDays?: boolean;
+    dayNames?: string[];
+}
+declare function WeekPicker(props: WeekPickerProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarProps {
+    months: CalendarMonth[];
+    viewingYear: number;
+    viewingMonth: number;
+    weekStartsOn?: WeekDay;
+    dayNames?: string[];
+    showWeekNumbers?: boolean;
+    showOutsideDays?: boolean;
+    focusedDate?: Date | null;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    onLabelClick?: () => void;
+    onDayClick?: (date: Date) => void;
+    onDayMouseEnter?: (date: Date) => void;
+    onDayMouseLeave?: () => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    isSelected?: (date: Date) => boolean;
+    isDisabled?: (date: Date) => boolean;
+    isHighlighted?: (date: Date) => boolean;
+    isRangeStart?: (date: Date) => boolean;
+    isRangeEnd?: (date: Date) => boolean;
+    isInRange?: (date: Date) => boolean;
+    isInPreviewRange?: (date: Date) => boolean;
+    renderDay?: (day: CalendarDay$1) => React.ReactNode;
+    renderFooter?: () => React.ReactNode;
+    className?: string;
+    dir?: 'ltr' | 'rtl';
+    onMonthSelect?: (month: number) => void;
+    onYearSelect?: (year: number) => void;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare function Calendar({ months, viewingYear, viewingMonth, weekStartsOn, dayNames, showWeekNumbers, showOutsideDays, focusedDate, onPrevMonth, onNextMonth, onLabelClick, onDayClick, onDayMouseEnter, onDayMouseLeave, onKeyDown, isSelected, isDisabled, isHighlighted, isRangeStart, isRangeEnd, isInRange, isInPreviewRange, renderDay, renderFooter, className, dir, onMonthSelect, onYearSelect, minDate, maxDate, }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarHeaderProps {
+    label: string;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    onPrevYear?: () => void;
+    onNextYear?: () => void;
+    onLabelClick?: () => void;
+    prevMonthLabel?: string;
+    nextMonthLabel?: string;
+    className?: string;
+    showPrev?: boolean;
+    showNext?: boolean;
+    viewingMonth?: number;
+    viewingYear?: number;
+    onMonthChange?: (month: number) => void;
+    onYearChange?: (year: number) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    monthNames?: string[];
+}
+declare function CalendarHeader({ label, onPrevMonth, onNextMonth, onLabelClick, prevMonthLabel, nextMonthLabel, className, showPrev, showNext, viewingMonth, viewingYear, onMonthChange, onYearChange, minDate, maxDate, monthNames, }: CalendarHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarGridProps {
+    month: CalendarMonth;
+    weekStartsOn?: WeekDay;
+    dayNames?: string[];
+    showWeekNumbers?: boolean;
+    showOutsideDays?: boolean;
+    isSelected?: (date: Date) => boolean;
+    isDisabled?: (date: Date) => boolean;
+    isHighlighted?: (date: Date) => boolean;
+    isRangeStart?: (date: Date) => boolean;
+    isRangeEnd?: (date: Date) => boolean;
+    isInRange?: (date: Date) => boolean;
+    isInPreviewRange?: (date: Date) => boolean;
+    focusedDate?: Date | null;
+    onDayClick?: (date: Date) => void;
+    onDayMouseEnter?: (date: Date) => void;
+    onDayMouseLeave?: () => void;
+    renderDay?: (day: CalendarDay$1) => React.ReactNode;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    className?: string;
+}
+declare function CalendarGrid({ month, weekStartsOn, dayNames, showWeekNumbers, showOutsideDays, isSelected, isDisabled, isHighlighted, isRangeStart, isRangeEnd, isInRange, isInPreviewRange, focusedDate, onDayClick, onDayMouseEnter, onDayMouseLeave, renderDay, onKeyDown, className, }: CalendarGridProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarDayProps {
+    day: CalendarDay$1;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isHighlighted?: boolean;
+    isRangeStart?: boolean;
+    isRangeEnd?: boolean;
+    isInRange?: boolean;
+    isInPreviewRange?: boolean;
+    isFocused?: boolean;
+    onClick?: (date: Date) => void;
+    onMouseEnter?: (date: Date) => void;
+    onMouseLeave?: () => void;
+    renderDay?: (day: CalendarDay$1) => React.ReactNode;
+    className?: string;
+    showOutsideDays?: boolean;
+}
+declare function CalendarDay({ day, isSelected, isDisabled, isHighlighted, isRangeStart, isRangeEnd, isInRange, isInPreviewRange, isFocused, onClick, onMouseEnter, onMouseLeave, renderDay, className, showOutsideDays, }: CalendarDayProps): react_jsx_runtime.JSX.Element;
+
+interface PortalProps {
+    children: React.ReactNode;
+    container?: HTMLElement;
+    enabled?: boolean;
+}
+declare function Portal({ children, container, enabled }: PortalProps): react_jsx_runtime.JSX.Element | null;
+
+interface PopoverProps {
+    children: React.ReactNode;
+    anchorRef: React.RefObject<HTMLElement | null>;
+    isOpen: boolean;
+    onClose: () => void;
+    portal?: boolean;
+    portalContainer?: HTMLElement;
+    className?: string;
+    style?: React.CSSProperties;
+    role?: string;
+    'aria-modal'?: boolean;
+    'aria-label'?: string;
+}
+declare function Popover({ children, anchorRef, isOpen, onClose, portal, portalContainer, className, style, ...ariaProps }: PopoverProps): react_jsx_runtime.JSX.Element | null;
+
+declare function VisuallyHidden({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LiveRegion({ message }: {
+    message: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Calendar, CalendarDay, CalendarDay$1 as CalendarDayData, type CalendarDayProps, CalendarGrid, type CalendarGridProps, CalendarHeader, type CalendarHeaderProps, CalendarMonth as CalendarMonthData, type CalendarProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, LiveRegion, MonthPicker, type MonthPickerProps, type PickerSize, Popover, Portal, RangePicker, type RangePickerProps, TimePicker, type TimePickerProps, UseDatePickerOptions, UseDateTimePickerOptions, UseMonthPickerOptions, UseRangePickerOptions, UseTimePickerOptions, UseWeekPickerOptions, UseYearPickerOptions, VisuallyHidden, WeekDay, WeekPicker, type WeekPickerProps, YearPicker, type YearPickerProps, getSizeStyles };