react-native-timeline-view
Version:
react-native-timeline-view is a fully customizable timeline component for React Native that renders time slots with smart booking display. It highlights ongoing meetings with real-time indicators, supports multi-slot bookings, and displays available/unava
41 lines • 1.28 kB
TypeScript
import React from 'react';
import { type ViewStyle, type StyleProp } from 'react-native';
interface Booking {
title: string;
startDate: string;
endDate: string;
}
export interface Slot {
slot: string;
available: boolean;
Event?: Booking;
}
interface TimeLineViewStyles {
scrollContainer?: StyleProp<ViewStyle>;
container?: StyleProp<ViewStyle>;
hourContainer?: StyleProp<ViewStyle>;
line?: StyleProp<ViewStyle>;
hourText?: StyleProp<ViewStyle>;
currentLine?: StyleProp<ViewStyle>;
currentDot?: StyleProp<ViewStyle>;
unavailableSlot?: StyleProp<ViewStyle>;
EventTitle?: StyleProp<ViewStyle>;
slotContainer?: StyleProp<ViewStyle>;
}
interface TimeLineViewProps {
slots: Slot[];
onPress: (slot: any) => void;
dynamicStyle?: StyleProp<ViewStyle>;
stylesConfig?: TimeLineViewStyles;
autoRefresh?: boolean;
pollingInterval?: number;
fetchSlots?: () => Promise<Slot[]>;
startTime?: Date;
slotDuration?: number;
labelEverySlot?: number;
roundToNearestSlot?: boolean;
renderBookingContent?: (Event: Booking, slotIndex: number) => React.ReactNode;
}
declare const TimeLineView: React.FC<TimeLineViewProps>;
export default TimeLineView;
//# sourceMappingURL=TimeLineView.d.ts.map