# Editor Timeline
URL: https://pro.rv-grid.com/api/editor-timeline/
Source: src/content/docs/api/editor-timeline.md
## Module Extensions

### `ColumnRegular` (Extended from `@revolist/revogrid`)

```ts
interface ColumnRegular {
  // showWeekNumbers?: boolean;
      // dateFormat?: string;
      // hideWeekends?: boolean;
      milestoneMode?: boolean
}
```

## Plugin API

### `editorTimeline`

The `editorTimeline` is a custom cell editor for RevoGrid that provides a timeline input
to edit date ranges directly within the grid cells.

**Features**:
- Renders a timeline bar with start and end date inputs
- Supports date range selection with date pickers
- Shows progress based on current date
- Optional week numbers display
- Optional weekend hiding
- Milestone mode support
- Custom date format support
- Group summary support
- Threshold support for progress visualization

**Usage**:
```typescript
import { editorTimeline } from '@revolist/revogrid-pro'

const grid = document.createElement('revo-grid');
grid.columns = [
  {
    prop: 'timeline',
    name: 'Timeline',
    cellTemplate: editorTimeline,
    milestoneMode: false,
    thresholds: [
      { value: 25, className: 'low' },
      { value: 50, className: 'medium' },
      { value: 75, className: 'high' }
    ]
  },
];
```

```ts
editorTimeline: CellTemplate<DataType<any, ColumnProp>> | undefined;
```

---

### `TimelineValue`

```ts
interface TimelineValue {
  from: string;
  to: string;
  progress?: number
}
```

---

### `DateRange`

```ts
interface DateRange {
  start: Date;
  end: Date
}
```

---

### `DateService`

```ts
class DateService {}
```
