GanttViewProps

Premium

Represents the required props which every GanttView must accept.

Name	Type	Default	Description
dateRange?	DateRange | (args: GanttViewDateRangeArgs) => DateRange		Overrides the dateRange calculated by the Gantt component. If a function is passed, an object of type GanttViewDateRangeArgs will be passed. jsx <GanttView dateRange={{ start: new Date(2023, 0, 1), end: new Date(2023, 0, 31) }} /> <GanttView dateRange={(args) => ({ start: args.tasksStart, end: args.tasksEnd })} />
name?	string		The name property is used by the Gantt to match which view is selected. Every view has a default name. jsx <GanttView name="dayView" />
slotWidth?	number		The width of a single time slot in pixels. Default is 100px. jsx <GanttView slotWidth={120} />
timelineHeaderCell?	React.ComponentType<GanttViewTimelineHeaderCellProps>		The component to be rendered in header cells of the timeline part of the Gantt. jsx <GanttView timelineHeaderCell={CustomHeaderCell} />
title?	string | (localization: LocalizationService) => string		The title to be displayed in the view selection list in the Toolbar. If a function is passed, it will receive a [LocalizationService]({ slug api_intl_localizationservice }) as an argument. jsx <GanttView title="Day View" /> <GanttView title={(localization) => localization.toLanguageString('custom.title', 'Custom Title')} />
workDayEnd?	string		Sets the end of the work day. jsx <GanttView workDayEnd="17:00" />
workDayStart?	string		Sets the start of the work day. jsx <GanttView workDayStart="08:00" />
workWeekEnd?	Day		The end of the work week. jsx <GanttView workWeekEnd={Day.Friday} />
workWeekStart?	Day		The start of the work week. jsx <GanttView workWeekStart={Day.Monday} />