@impulse-ui-native/datetime 2.0.0

package/dist/index.d.mts

@@ -0,0 +1,116 @@
+import * as react from 'react';
+import { FlyoutProps } from '@impulse-ui-native/flyout';
+import { ControlComponentProps, ControlComponentCommonProps, PressableCoreProps } from '@impulse-ui-native/primitives';
+
+interface TimePickerValue {
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+type RangeSide = "start" | "end";
+type TimeFormat = "12h" | "24h";
+type PickerColumnType = "hour" | "minute" | "second";
+interface TimeRange {
+    start?: Date;
+    end?: Date;
+}
+interface InfiniteRangeItem {
+    key: string;
+    value: number;
+    index: number;
+}
+interface QuickDateOption<Value> {
+    label: string;
+    value: Value;
+}
+interface PickerFlyoutActions {
+    clearable?: boolean;
+    onPressApply?: PressableCoreProps["onPress"];
+    onPressCancel?: PressableCoreProps["onPress"];
+    onPressClear?: PressableCoreProps["onPress"];
+}
+interface DatetimePickerCommonProps extends Partial<ControlComponentProps>, ControlComponentCommonProps {
+    clearable?: boolean;
+}
+interface DatetimePickerFlyoutCommonProps extends FlyoutProps, PickerFlyoutActions {
+    visible: Date;
+    quickDateOptions?: QuickDateOption<Date | TimeRange>[];
+    onPressQuickDateOption?: (value: Date | TimeRange) => void;
+    onChangeVisible: (date: Date) => void;
+    onPressCalendarDay: (date: Date) => void;
+}
+
+interface DatetimePickerProps extends DatetimePickerCommonProps {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (value: Date | null) => void;
+    quickDateOptions?: QuickDateOption<Date>[];
+}
+
+interface DatetimeRangePickerProps extends DatetimePickerCommonProps {
+    value?: TimeRange | null;
+    defaultValue?: TimeRange | null;
+    onChange?: (value: TimeRange | null) => void;
+    quickDateOptions?: QuickDateOption<TimeRange>[];
+}
+
+declare const DatePicker: react.NamedExoticComponent<DatetimePickerProps>;
+
+declare const DateRangePicker: react.NamedExoticComponent<DatetimeRangePickerProps>;
+
+declare const DatetimePicker: react.NamedExoticComponent<DatetimePickerProps>;
+
+declare const DatetimeRangePicker: react.NamedExoticComponent<DatetimeRangePickerProps>;
+
+interface TimePickerProps extends DatetimePickerCommonProps {
+    value?: TimePickerValue | null;
+    defaultValue?: TimePickerValue | null;
+    onChange?: (value: TimePickerValue | null) => void;
+}
+declare const TimePicker: react.NamedExoticComponent<TimePickerProps>;
+
+declare function getMonthNames(locale?: string, format?: "long" | "short" | "narrow"): string[];
+declare function getDayNames(locale?: string, format?: "long" | "short" | "narrow"): string[];
+declare function getYears(): number[];
+declare function getMonthCalendarMatrix(year: number, month: number): Date[][];
+declare function createInfiniteRange(max: number, repeats: number): any[];
+declare function getInfiniteRangeInitialIndex(max: number, targetValue: number, repeats: number): number;
+declare function getClosestIndexByValue(data: number[], value: number, currentIndex: number): number;
+declare function formatTimepickerValue(value: TimePickerValue): string;
+declare function applyTime(date: Date, time: TimePickerValue | null): Date;
+declare function getInitialVisibleDate(value?: TimeRange | null, defaultValue?: TimeRange | null): Date;
+declare function normalizeRange(range: TimeRange | null): TimeRange | null;
+declare function endOfDay(date: Date): Date;
+declare function addDays(date: Date, days: number): Date;
+declare function startOfWeek(date: Date): Date;
+declare function endOfWeek(date: Date): Date;
+declare function startOfDay(date: Date): Date;
+
+interface CalendarDayState {
+    isSelected: boolean;
+    isRangeStart: boolean;
+    isInRange: boolean;
+    isRangeEnd: boolean;
+    isCurrentMonth: boolean;
+}
+interface GetCalendarDayStateOptions {
+    date: Date;
+    visible: Date;
+    value?: Date | TimeRange | null;
+}
+declare function isTimeRange(value: unknown): value is TimeRange;
+declare function isSameDay(left: Date, right: Date): boolean;
+declare function isDateInMonth(date: Date, monthDate: Date): boolean;
+declare function isBeforeDay(left: Date, right: Date): boolean;
+declare function isAfterDay(left: Date, right: Date): boolean;
+declare function isRangeStart(date: Date, rangeStart?: Date | null): boolean;
+declare function isRangeEnd(date: Date, rangeEnd?: Date | null): boolean;
+declare function isInRange(date: Date, rangeStart?: Date | null, rangeEnd?: Date | null): boolean;
+declare function isSelected(date: Date, selected?: Date | null, rangeStart?: Date | null, rangeEnd?: Date | null): boolean;
+declare function getCalendarDayState({ date, visible, value, }: GetCalendarDayStateOptions): CalendarDayState;
+declare function createCalendarRange(date: Date, previousRange?: TimeRange): TimeRange | undefined;
+declare function getQuickOptionKey(value: Date | TimeRange): string | undefined;
+declare function isDateRange(value: unknown): value is TimeRange;
+declare function getDateKey(date: Date): string;
+
+export { type CalendarDayState, DatePicker, DateRangePicker, DatetimePicker, type DatetimePickerCommonProps, type DatetimePickerFlyoutCommonProps, type DatetimePickerProps, DatetimeRangePicker, type DatetimeRangePickerProps, type GetCalendarDayStateOptions, type InfiniteRangeItem, type PickerColumnType, type PickerFlyoutActions, type QuickDateOption, type RangeSide, type TimeFormat, TimePicker, type TimePickerValue, type TimeRange, addDays, applyTime, createCalendarRange, createInfiniteRange, endOfDay, endOfWeek, formatTimepickerValue, getCalendarDayState, getClosestIndexByValue, getDateKey, getDayNames, getInfiniteRangeInitialIndex, getInitialVisibleDate, getMonthCalendarMatrix, getMonthNames, getQuickOptionKey, getYears, isAfterDay, isBeforeDay, isDateInMonth, isDateRange, isInRange, isRangeEnd, isRangeStart, isSameDay, isSelected, isTimeRange, normalizeRange, startOfDay, startOfWeek };