Date/Character Garbage on Date Line of Gantt

[cenapps]

This image shows what happens when your start and end dates cross years:

Using this data array will yield the image result. Can someone figure out why this is?

$data[] = array(
'label' => 'Project Launch',
'start' => '2013-01-12',
'end' => '2013-01-19'
);

$data[] = array(
'label' => 'Contracts',
'start' => '2013-01-23',
'end' => '2014-05-15'
);

$data[] = array(
'label' => 'Budget',
'start' => '2013-06-01',
'end' => '2013-06-26'
);

$data[] = array(
'label' => 'Technology',
'start' => '2013-06-02',
'end' => '2014-03-25'
);

$data[] = array(
'label' => 'Furniture',
'start' => '2013-01-13',
'end' => '2013-06-10'
);

$data[] = array(
'label' => 'Security',
'start' => '2013-01-23',
'end' => '2014-04-18'
);

[ghost]

Check the followin class in your css:

.gantt-day span {
display: block;
border-right: 1px solid #001f27;
border-bottom: 1px solid #001f27;
text-indent: -12000px;
}

The attribute text-indent hides the text of that span by moving it far away from the visible part. Change the value to, say, -50000px. That should do it. If not, try higher.

Cheers