Timeline Editable

Display an edit icon on timeline items to indicate they can be modified by the user.

Item Property

Property	Type	Description
`editable`	`boolean`	Show an editable icon on the item

Example

Mark items as editable:

import { useState } from 'react';
import { Timeline } from '@calendarjs/react';

export default function App() {
    const [data] = useState([
        {
            title: 'Draft Proposal',
            subtitle: 'Needs review',
            date: '2025-01-10',
            editable: true,
            borderColor: '#f59e0b'
        },
        {
            title: 'Final Report',
            subtitle: 'Approved',
            date: '2025-01-20',
            editable: false,
            borderColor: '#10b981'
        },
        {
            title: 'Meeting Notes',
            subtitle: 'In progress',
            date: '2025-02-01',
            editable: true,
            borderColor: '#3b82f6'
        }
    ]);

    return <Timeline data={data} />;
}