Get date range selected and add time range

[Ramsha]

I am using the daterangepicker component in my app and I want to use the selected range elsewhere in my code. Is there a way to do this?

Is there a way to add a time selection within the DateRangePicker Component? I am basically trying to emulate preset ranges so the user can select a date and time range. I would like both time and date range to be in one component.

[Ponmani Murugaiyan]

Hi Ramsha, 

Greetings from Syncfusion support. 

Query: I would like both time and date range to be in one component 

We would like to inform you that, we have already considered the reported requirement  “New DateTimeRangePicker Control” as feature at our end and this support will be included in any one of our upcoming releases. We will implement the feature based on the customer request count and priority.     

    

You can track the status of the requested requirement from the below feedback link.     

Link: https://www.syncfusion.com/feedback/5760  

        

To make it count, please cast your vote. We will prioritize the features based on the demands of each release If you have more specifications / suggestions on the request for the feature, you can add it to the portal as a comment.      

 

Regards,     

Ponmani M   

[Ramsha]

Okay thanks. 

For the daterangepicker component, is there a way to get the range selected by the user and use it elsewhere in the code for e.g. printing it to the console?

[Ponmani Murugaiyan]

Hi Ramsha, 

Thanks for the update. 

Yes, you can get the range selected by the user in the change event argument as like below screenshot. Please find the sample below for your reference. 

 

Sample: https://stackblitz.com/edit/angular-z1uw6f-wgrh9n?file=app.component.ts  

Kindly check with the above sample to meet your requirement. Please get back us if you need further assistance. 

Regards, 

Ponmani M