How to make a StackedBar with Time values?

[flolege]

one can not stack time values right?

I am trying to fit this data containing time ranges into a Horizontally Stacked Bar but it does not work:

const dummyData = [ {pnl: 1, date: moment("01.01.2020", "DD.MM.YYYY").toDate(), dateRange: "01.01.2020 - 05.01.2020", optStart: moment("01.01.2020", "DD.MM.YYYY").toDate(),optEnd: moment("03.01.2020", "DD.MM.YYYY").toDate(),testStart: moment("04.01.2020", "DD.MM.YYYY").toDate(),testEnd: moment("05.01.2020", "DD.MM.YYYY").toDate()}, {pnl: 2, date: moment("01.01.2020", "DD.MM.YYYY").add(1, "days").toDate(), dateRange: "01.01.2020 - 05.01.2020", optStart: moment("01.01.2020", "DD.MM.YYYY").toDate(),optEnd: moment("03.01.2020", "DD.MM.YYYY").toDate(),testStart: moment("04.01.2020", "DD.MM.YYYY").toDate(),testEnd: moment("05.01.2020", "DD.MM.YYYY").toDate()}, {pnl: 3, date: moment("01.01.2020", "DD.MM.YYYY").add(2, "days").toDate(), dateRange: "01.01.2020 - 05.01.2020", optStart: moment("01.01.2020", "DD.MM.YYYY").toDate(),optEnd: moment("03.01.2020", "DD.MM.YYYY").toDate(),testStart: moment("04.01.2020", "DD.MM.YYYY").toDate(),testEnd: moment("05.01.2020", "DD.MM.YYYY").toDate()}, {pnl: 3, date: moment("01.01.2020", "DD.MM.YYYY").add(3, "days").toDate(), dateRange: "01.01.2020 - 05.01.2020", optStart: moment("01.01.2020", "DD.MM.YYYY").toDate(),optEnd: moment("03.01.2020", "DD.MM.YYYY").toDate(),testStart: moment("04.01.2020", "DD.MM.YYYY").toDate(),testEnd: moment("05.01.2020", "DD.MM.YYYY").toDate()}, {pnl: 3, date: moment("01.01.2020", "DD.MM.YYYY").add(4, "days").toDate(), dateRange: "01.01.2020 - 05.01.2020", optStart: moment("01.01.2020", "DD.MM.YYYY").toDate(),optEnd: moment("03.01.2020", "DD.MM.YYYY").toDate(),testStart: moment("04.01.2020", "DD.MM.YYYY").toDate(),testEnd: moment("05.01.2020", "DD.MM.YYYY").toDate()}, ];

=> <StackedBarSeries yAccessor={d => d.dateRange} xAccessor={[d => [d.optStart, d.optEnd], d => [d.testStart, d => d.testEnd]]} fill={fill} swapScales />