Calendar/Datepicker Range + Time

I couldn’t figure out on how to enable Rage+Timepicker in one

this is my code:

                if(self.recTime) self.recTime.destroy();
                self.recTime = app.calendar.create({
                    inputEl: page.$el.find('#add-rec-time'),
                    openerEl: page.$el.find('#add-rec-time'), //link that opens autocomplete
                    openIn: 'sheet',
                    popupPush: true,
                    timePicker: true,
                    rangePicker: true,
                    header: true,
                    footer: true,
                    toolbarCloseText: window.localize('done'),
                    dateFormat: { month: 'numeric', day: 'numeric', year: 'numeric', hour: 'numeric', minute: 'numeric' },
                    on: {
                        init: function (calendar) {
                            
                        },
                        change: function (calendar,value) {
                            console.log(value)
                        },
                    },
                });

What is exactly doesn’t work?

The button for selecting time doesn’t show up

Oh yeah, time picker is disabled with range piker. It is better to use separate start date-time ad end date-time pickers