I want to add a apply and cancel button in it. how it is possible?

[Tariqali13]

Subject of the issue

I want to add a apply and cancel button in date range picker. how it is possible?

[nerycordova]

Hi @Tariqali13 , you can embed <DateRangePicker in your own component that keeps the date changes in its state and handles the apply/cancel actions.

• Cancel button would just hide the range picker.
• Apply button would trigger a function to handle the current selection

Also, for the cancel button to work nicely, you would need to save the initial selection so, if a user hits Cancel, you would restore your calendar selection to prior values.

I hope this helps. I'm planning to work on documentation that would explain scenarios like this one.

[iamsaurabhgupt]

@nerychucuy please provide the documentation for achieving this easily.

[Tariqali13]

Hi. @nerychucuy thanks for the response, but i have already achieve this approach. it's will be good if it is provided by default.