date range with same day not showing about jquery.timeline HOT 5 CLOSED

$(function () {
var staff = $(".staffList").val();
var myStaffListArr = myStaffList.split(',');
var options = {
    type          : 'bar',
    startDatetime : '2019-01-21 0:00',
    scale         : 'day',

    headline      : {
        display   : true,
        title     : '',
        range     : true,
        locale    : 'en-US',
        format    : { timeZone: 'Asia/Kuala_Lumpur', hour12: false, year: 'numeric', month: 'numeric', day: 'numeric' }
    },
    footer        : {
        display   : false,
        range     : true,
        locale    : 'en-US',
        format    : { timeZone: 'Asia/Kuala_Lumpur', hour12: false, year: 'numeric', month: 'numeric', day: 'numeric' }
    },
    sidebar       : {
        sticky : true,
        list   : staff,
    },
    ruler         : {
        top    : {
            lines      : [ 'year', 'month', 'day', 'weekday' ],
            height     : 26,
            fontSize   : 13,
            color      : '#869e86',
            background : '#FFF',
            locale     : 'en-US',
            format     : { timeZone: 'Asia/Kuala_Lumpur', hour12: false, decade: 'ordinal', lustrum: 'ordinal', year: 'zerofill', month: 'long', weekday: 'short', hour: 'numeric', minute: 'numeric' },
        }
    },
    eventMeta       : {
        display     : false,
        scale       : 'days',
       
    },
    zoom          : false,
};
$('#my-timeline').Timeline( options );

    
});

<div id="my-timeline">
    <ul class="timeline-events">
        <li data-timeline-node='{"row":"1","start":"2019-02-01 00:00","end":"2019-02-01 00:00","bgColor":"#ffc107","color":"#FFFFFF","label":"Annual Leave"}'>DAVID MORIS</li>        
        <li data-timeline-node='{"row":"2","start":"2019-02-04 00:00","end":"2019-02-04 00:00","bgColor":"#ffc107","color":"#FFFFFF","label":"Annual Leave"}'>Joss Melon</li>        
        <li data-timeline-node='{"row":"3","start":"2019-02-04 00:00","end":"2019-02-08 00:00","bgColor":"#ffc107","color":"#FFFFFF","label":"Annual Leave"}'>Angeline Tan</li
    </ul>        
</div>

                if ( params.x + params.width <= _props.fullwidth ) {
                    // The event end datetime is less than before the timeline end datetime (regular event) (:> イベント終点がタイムラインの終点以下（通常イベント）
                    // OK
					
					console.log(params.eventId," 3. we are inside params.x + params.width <= _props.fullwidth params.x: ",params.x," | params.width : ",params.width,"| _props.fullwidth :",_props.fullwidth);
                }

    _registerEventData( event_element, params ) {
        let _opts     = this._config,
            _props    = this._instanceProps,
            new_event = {
                ...EventParams,
                ...{
                    uid   : this.generateUniqueID(),
                    label : $(event_element).html()
                }
            },
            _relation = {},
            _x, _w, _c //, _pointSize
        
        if ( params.hasOwnProperty( 'start' ) && ! this.is_empty( params.start ) ) {
            _x = this._getCoordinateX( params.start )
            new_event.x = this.numRound( _x, 2 )
            if ( params.hasOwnProperty( 'end' ) && ! this.is_empty( params.end ) ) {
                _x = this._getCoordinateX( params.end )
                _w = _x - new_event.x
                if ( _opts.type === 'bar' ) { // <= add this
                    _w = _w < 1 ? 1 : _w
                }
                new_event.width = this.numRound( _w, 2 )
                
                ...(The rest is omitted.)

                if ( _opts.type === 'bar' ) { // <= add this
                    _w = _w < 1 ? 20 : _w
                }
				
                if ( _opts.type === 'bar') { // <= fix the bar size missing 20px on the end.
                    _w = _w < 21 ? 20 : (_w+20)
                }