After choosing an option only date gets applied and time is neglected, is this expected?

[SandroJijavadze]

Code from example on daterangepicker.com I only added custom format "momentFormatVal".

Or jsfiddle example with same content: https://jsfiddle.net/awjqu82c/

<div id="reportrange" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
    <i class="fa fa-calendar"></i>&nbsp;
    <span></span> <i class="fa fa-caret-down"></i>
</div>

<script type="text/javascript">
$(function() {
    var momentFormatVal = 'MMMM D, YYYY HH:mm';
    var start = moment().subtract(29, 'days');
    var end = moment();

    function cb(start, end) {
        $('#reportrange span').html(start.format(momentFormatVal) + ' - ' + end.format(momentFormatVal));
    }

    $('#reportrange').daterangepicker({
        startDate: start,
        endDate: end,
        ranges: {
           'Today': [moment(), moment()],
           'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
           'Last 7 Days': [moment().subtract(6, 'days'), moment()],
           'Last 30 Days': [moment().subtract(29, 'days'), moment()],
           'This Month': [moment().startOf('month'), moment().endOf('month')],
           'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        }
    }, cb);

    cb(start, end);

});
</script>

You can see that when you load page & both the time and date value gets set iside the span, e.g.:
"December 19, 2021 18:27 - January 17, 2022 18:27" (this is 30 days, default option.)

Now, I you choose "Last 7 days", It neglects the times and sets dates only, e.g.: "January 11, 2022 00:00 - January 17, 2022 23:59".
If you try to set 30 days again, it will neglect time now again and will set: "December 19, 2021 00:00 - January 17, 2022 23:59" instead of what we had when page was freshly loaded: "December 19, 2021 18:27 - January 17, 2022 18:27"

I made some workaround but maybe I missed an option or something that achieves my desired behavior.

[dangrossman]

This is as expected. You need to enable the time picker if you want users to choose specific times. If you are going to assume the current hour and minute you can modify the dates to be at that time in your callback function.

[SandroJijavadze]

@dangrossman
Thanks!
I have modified the callback function yes to do that yes, I am using the original array of dates and choose the time according to the label selected.
Just on above snippets time does work work on the page load but not on subsequent updates and that got me wondering.
Thank you!