Date range picker in Service portal widget

[Sonu Gupta]

I have a requirement to show an input field using that user should be able to select date ranges which will be further used in filters to show data between those dates. 

I have tried to use the below url which has explained how to create a field which gives daterangepicker functionality: https://www.daterangepicker.com/ but unable to achieve. 

Can anyone suggest me how to build a field to support date ranges. 

[Damini Sheth]

Hi,

 You can go through the below link:

https://www.youtube.com/watch?v=WjubuuBMpec

It will help you to resolve your query.

Please mark this response as correct or helpful if it assisted you with your question.

[Sonu Gupta]

This will not give me the option to select a range. It will just give me the option to select a single date.

[tanuj_agarwal]

<sp-date-picker ng-model="data.datePicker" sn-change="customDate()" sn-include-time="false"></sp-date-picker>

 I usually use the above one for date-time fields. Works like a charm . We have other custom bootstrap pickers as well but they some client side handling and may create issues during upgrade/ version change.

Tanuj

[Sonu Gupta]

Hi Tanuj,

This will not give me the option to select a range. It will just give me the option to select a single date.