react-native-calendars/src/timeline/NowIndicator.js

React Native Calendar Components

import React, { useMemo } from 'react';
import { View } from 'react-native';
import { calcTimeOffset } from './helpers/presenter';
import { HOUR_BLOCK_HEIGHT } from './Packer';
const NowIndicator = (props) => {
    const { styles, width, left } = props;
    const indicatorPosition = calcTimeOffset(HOUR_BLOCK_HEIGHT);
    const nowIndicatorStyle = useMemo(() => {
        return [styles.nowIndicator, { top: indicatorPosition, left }];
    }, [indicatorPosition, left]);
    return (<View style={nowIndicatorStyle}>
      <View style={[styles.nowIndicatorLine, { width }]}/>
      <View style={styles.nowIndicatorKnob}/>
    </View>);
};
export default NowIndicator;